@charset "utf-8";
@import url(ui.common.css); /* 공통 레이아웃 css */

/* ============================== [ 로그인 ] ========================================================================================== */
.wid_500{max-width:500px;margin:0 auto;}
/**************************  로그인(센터용)  ******************************/
.login_main{padding-top:100px;}
.login_main .tit{text-align:center;margin-bottom:50px;}
.login_main .tit .label_bl{margin-top:8px;}
.login_main h1{text-align:center;}
.login_main .label_bl{display:inline-block;padding:5px;color:#04488b;font-size:12px;border-radius:4px;background-color:#c8def0;width:113px;padding:3px 0;text-align:center;}
.login_main .btn_area{margin-top:20px;}
.login_main .txt{margin-top:40px;}
.login_main .txt p{font-size:15px;line-height:19px;}
.login_main .txt p ~ p{margin-top:12px;}
.login_main .login_main.txt p ~ p{margin-top:12px;}
.login_main .txt p a{color:#04488b;font-weight:700;text-decoration:underline;}

/**************************  비밀번호변경(센터용)  ******************************/
.login_pw_wrap{padding-top:80px;}
.login_pw_wrap .sub_tit{margin-bottom:50px;}

/**************************  아이디 비밀번호 찾기(센터용)  ******************************/
.id_pw_wrap{padding-top:80px;}
.id_pw_wrap .sub_tit{margin-bottom:20px;}
.id_pw_wrap .cotn{border-top:1px solid #737e89;padding-top:30px;}
.tab_menu ul{display:flex;background-color:#f2f3f4;border:1px solid #d2d5d8}
.tab_menu ul li{width:100%;}
.tab_menu ul li a{display:block;padding:14px 0 13px;font-size:16px;text-align:center;}
.tab_menu ul li.active a{background-color:#263748;color:#fff}
.id_pw_wrap .tab_cotn{padding:30px 0;display:none;}
.id_pw_wrap .tab_cotn:first-child{display:block;}
.id_pw_wrap .txt_noti{font-size:12px;color:#737e89;margin-top:10px;}
.num_cofm_area{margin-top:15px;padding-top:40px;border-top:1px solid #bfc4c9}
.num_cofm_area .btn_area{text-align:center;}
.num_cofm_area .btn_area .btn_link{margin-top:20px;}
.cell_num{position:relative;}
.cell_num .time{color:#257ec3;font-weight:700;font-size:16px;position:absolute;top:19px;right:24px;}
.btn_link{color:#04488b;text-decoration:underline;font-size:16px;display:inline-block;}

/* 아이디찾기 완료 */
.box_id_info{border:1px solid #dbdee0;padding:30px 24px;border-radius:4px;}
.box_id_info p{font-size:16px;}
.box_id_info p strong{text-decoration:underline;}

/* ============================== [ 회원가입 ] ========================================================================================== */
/**************************  회원가입(센터용)  ******************************/
.join_wrap{max-width:740px;margin:0 auto;padding:80px 0 64px;}
.sub_tit{text-align:center;margin-bottom:22px;}
.sub_tit h3{font-size:16px;margin-top:15px;font-weight:500;}
.sub_tit p{color:#263748;font-size:12px;line-height:1.5em;margin-top:8px;}
.join_wrap .btn_area{padding-left:130px;margin-top:10px;}
.join_wrap .tb_type01 > .form_inpt{width:500px;}
.join_wrap .btn_area button{width:500px;}
.join_wrap .tb_type01 th{vertical-align:top;line-height:56px;}
.mt20{margin-top:20px;}
.cell_num_wrap .btn_link{margin:18px 0 10px;}

/* ============================== [ 관리자 ] ========================================================================================== */
/**************************  관리자 기본레이아웃  ******************************/
#wrap.admin{max-width:1400px;height:100%}
.admin .container{clear:both;overflow:hidden;}
.lnb_sec{width:200px;float:left;background-color:#fafafa;min-height:100vh;position:relative;z-index:5;}
.admin .contents{float:left;width:calc(100% - 200px);padding:32px 40px;position:relative;}
.admin .contents::before{content:"";display:block;width:200px;height:100%;background-color:#fafafa;top:0;left:-200px;position:absolute;z-index:0;}

/**************************  LNB  ******************************/
.top_head{padding:24px 18px 20px;border-bottom:1px solid #d2d5d8;}
.top_head .state{font-size:12px;color:#4c5a68;}
.top_head .name{display:flex;justify-content:space-between;align-items:center;margin-top:6px;}
.top_head .name p{color:#141212;font-weight:500;}
.lab_menu_list li a{display:block;position:relative;padding:15px 18px 15px 54px;}
.txt_label{font-size:10px;color:#fff;width:46px;height:17px;border-radius:4px;background-color:#263748;display:inline-block;text-align:center;}
.lab_menu_list li a span{font-size:15px;color:#737e89}
.icon_24{display:block;width:24px;height:24px;position:absolute;left:18px;}
.join{background:url("../../assets/images/common/sidebar_icon_join_O.svg") center no-repeat;}
.care{background:url("../../assets/images/common/sidebar_icon_center_X.svg") center no-repeat;}
.teach{background:url("../../assets/images/common/sidebar_icon_teacher_X.svg") center no-repeat;}
.reser{background:url("../../assets/images/common/sidebar_icon_reservation_X.svg") center no-repeat;}
.memb{background:url("../../assets/images/common/sidebar_icon_member_X.svg") center no-repeat;}
.exer{background:url("../../assets/images/common/sidebar_icon_exercise_X.svg") center no-repeat;}
.logout{background:url("../../assets/images/common/sidebar_icon_logout_X.svg") center no-repeat;}
/* 활성화 */
.lab_menu_list li.on a span,
.lab_menu_list li:hover a span{color:#263748;font-weight:500;}
.lab_menu_list li:hover .join,
.lab_menu_list li.on .join{background:url("../../assets/images/common/sidebar_icon_join_O_on.svg") center no-repeat;}
.lab_menu_list li:hover .care,
.lab_menu_list li.on .care{background:url("../../assets/images/common/sidebar_icon_center_X_on.svg") center no-repeat;}
.lab_menu_list li.on:hover .teach,
.lab_menu_list li.on .teach{background:url("../../assets/images/common/sidebar_icon_teacher_O_on.svg") center no-repeat;}
.lab_menu_list li.on:hover .reser,
.lab_menu_list li.on .reser{background:url("../../assets/images/common/sidebar_icon_reservation_O_on.svg") center no-repeat;}
.lab_menu_list li.on:hover .memb,
.lab_menu_list li.on .memb{background:url("../../assets/images/common/sidebar_icon_member_O_on.svg") center no-repeat;}
.lab_menu_list li.on:hover .exer,
.lab_menu_list li.on .exer{background:url("../../assets/images/common/sidebar_icon_exercise_O_on.svg") center no-repeat;}
.lab_menu_list li.on:hover .logout,
.lab_menu_list li.on .logout{background:url("../../assets/images/common/sidebar_icon_logout_X_on.svg") center no-repeat;}

/* ************************************************************************************************************************************************************
                            《 내부관리자 》
************************************************************************************************************************************************************ */
/**************************  센터 가입 심사  ******************************/
/* 목록 */
.sub_tit02{margin-bottom:27px;}
.sub_tit02 h2{color:#141212;font-size:20px;font-weight:500;}
.search_area{display:flex;width:573px;margin-bottom:40px;}
.search_area .btn_h_41{width:63px;margin-left:10px;}
.search_area .form_inpt{width:100%;}
/* 상세 */
.vw_sec ~ .vw_sec{margin-top:30px;}
.vw_sec .tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.vw_sec .tit h4{font-size:16px;font-weight:500;color:#141212}
.vw_sec .tb_type02 ~ .tb_type02{margin-top:10px;}
.hr_line{height:1px;background-color:#737e89;margin-top:20px;border:0}
.appli_dtl{display:flex;}
.appli_dtl .selec_area{width:100px;}
.appli_dtl .edit_area{width:100%;margin-left:8px;}

/**************************  센터 관리 ******************************/
/* 상세 */
.mgt_vw_wrap .vw_sec .page_num{margin-top:20px}
.edit_area02{display:flex;}
.edit_area02 .btn_area{width:106px;margin-left:10px;margin-top:0;}
.edit_area02 .text_area{height:120px;}

/**************************  기존 심사내역 팝업  ******************************/
/* 목록 */
.hist_pop_wrap .tit{margin-bottom:12px;}
.hist_pop_wrap .txt_16_b{font-weight:700;font-size:16px;}
.hist_pop_wrap .page_num{margin-top:20px;}
/* 상세 */
.hist_pop_wrap.view .tb_type02 ~ .tb_type02{margin-top:20px;}
.btn_wrap{text-align:center;margin-top:20px;}
.wid_92{width:92px;}

/***************************************************** 운동관리  ******************************************************************/
.tab_menu_type04 ul{display:flex;}
.tab_menu_type04 li ~ li{margin-left:19px;}
.tab_menu_type04 li a{padding-bottom:6px;font-size:19px;font-weight:500;color:#757e88;position:relative;display:block;}
.tab_menu_type04 li.active a{color:#263748}
.tab_menu_type04 li.active a::before{width:100%;height:2px;content:'';display:block;position:absolute;bottom:0;left:0;background-color:#263748;}
.exis_cotn .tab_cotn{padding:20px 0 0;}

/**************************  운동플랜 편집 ******************************/
.exis_cotn .search_area{margin-bottom:0;}
.exis_cotn .search_wrap{padding-bottom:18px;}

.exis_list_area{padding-top:30px;}
.top_list_sort{display:flex;align-items:center;}
.top_list_sort .btn_switch{margin-left:12px;}
.top_list_sort .lef_area > span{font-size:16px;line-height:18px;}
.top_list_sort .btn_switch.w_84 .form_swch{width:84px;}
.btn_switch.w_84 .form_swch input:checked ~ .icon{transform:translateX(58px);}

.exis_cotn.plan .txt_chk_num ~ .btn_switch{margin-left:19px;}
.txt_chk_num{font-size:16px;}

/* 리스트 */
.top_list_sort{display:flex;justify-content:space-between;}
.top_list_sort .lef_area{display:flex;align-items:center;}
.top_list_sort .chk_swch ~ .chk_swch{margin-left:53px;}
.top_list_sort .chk_swch{display:flex;align-items:center;}
.top_list_sort .rit_area .btn_h_30.bg_bor_fa{font-weight:400;}
.top_list_sort .rit_area .btn_h_30 ~ .btn_h_30{margin-left:10px;}
.exis_list_wrap{display:flex;margin-top:20px;flex-wrap:wrap;}
.exis_box{width:22.48%;margin-right:3.36%;}
.exis_box .group:hover{cursor: pointer;}
.exis_box:not([style*="display: none"]):nth-child(4n){margin-right:0;}
.exis_box:not([style*="display: none"]):nth-child(4n) ~ .exis_box{margin-top:30px;}
.exis_box .cotn{width:100%;position:relative;border-radius:4px;overflow:hidden;padding-top:56.11%;border:1px solid #b2b8bd;}
.exis_box .cotn .img{width:100%;height:100%;position:absolute;top:0;left:0;}
.exis_box .cotn .img img{width:100%;height:100%;object-fit:cover;}
.exis_box .cotn .form_chk{position:absolute;top:0;left:0;width:100%;height:100%;}
.exis_box .cotn .form_chk .group{width:100%;height:100%;display:block;}
.exis_box .cotn .form_chk .icon{position:absolute;bottom:10px;left:10px;top:auto}
.exis_box .cotn .form_chk input:checked ~ .line{border:2px solid #2a3746;border-radius:4px;display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.exis_box .txt{margin-top:12px;font-size:14px;line-height:22px;display:-webkit-box; overflow:hidden;text-overflow:ellipsis; white-space:normal; word-wrap:normal; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.exis_box .form_star{position:absolute;top:10px;right:10px;z-index:5;}

/* 데이터 없음 */
.exis_data_none{padding-top:154px;text-align:center;}
.exis_data_none p{margin-top:28px;font-size:16px;}

/**************************  운동플랜 ******************************/
.p_list_cotn .exis_list_wrap .exis_box{position:relative;}


/**************************   새 플랜 추가 팝업  ******************************/
.layer_pop.new_plan_pop{max-height:inherit;transform:translate(-50%,0);top:7%;}
.layer_pop.new_plan_pop .cotn{max-height:inherit;overflow-y:visible;}
.plan_form_wrap .text_area{padding:9px 12px;margin-top:20px;height:219px;color:#263748;line-height:26px;}

/**************************   운동 플랜 상세 조회  ****************************/
.wide_line{position:relative;background-color:#d2d5d8;display:block;height:1px;margin:0;width:calc(100% + 80px);margin-left:-40px;border:0}
.plan_vw_wrap .txt_16{font-size:16px;}
.plan_vw_wrap .wide_line{margin-top:18px;}
.exis_vw_cotn{padding-top:30px;}

.plan_vw_wrap .top_list_sort .rit_area .btn_h_30 ~ .btn_h_30{margin-left:2px;}
.exis_vw_cotn .video_list.like .btn_delete_24,
.exis_vw_cotn .video_list.like .form_star{margin-left:auto;}
.btn_delete_24{width:24px;height:24px;background:url("../../assets/images/common/icon_delete.svg") no-repeat;}
.exis_vw_cotn .list_cotn{width:calc(100% + 40px);margin-left:-20px;}
.exis_vw_cotn .video_list .list_box{padding:3px 20px}
.exis_vw_cotn .video_list .list_box:hover{background-color:#fafafa;cursor: pointer;}

/* 데이터 없음 */
.plan_vw_wrap .exis_data_none{padding-top:183px;}

/* 편집(스크롤) */
.exis_vw_cotn.vw_edit .list_cotn{overflow-y:auto;height:calc(100vh - 410px);}
.exis_vw_cotn.vw_edit .video_list{margin-top:0;}
.exis_vw_cotn.vw_edit .top_list_sort{padding-bottom:18px;}

/**************************   운동플랜 편집  ****************************/
.edit_txt_area .tit{padding:15px 8px;position:relative;border:1px solid #d2d5d8;border-width:1px 0;}
.edit_txt_area .txt_16{font-size:16px;line-height:25px;}
.edit_txt_area .txt_12_gy{font-size:12px;color:#757e88;margin-top:5px;}
.edit_btn_area{background-color:#fafafa;padding:16px 17px 20px;border-radius:4px;margin-top:55px;position:relative;}
.edit_btn_area .tit_area{padding-bottom:24px;text-align:center;}
.edit_btn_area .tit_area h5{font-size:14px;font-weight:500;line-height:25px;}
.edit_btn_area .rit_btn{position:absolute;top:12px;right:17px;}
.edit_btn_area p{text-align:center;font-size:12px;line-height:15px;margin:12px 0 8px;}
.edit_btn_area .flex .btn_h_26{width:100%;}
.edit_btn_area .flex .btn_h_26 ~ .btn_h_26{margin-left:5px;}
.exis_vw_cotn.vw_edit{padding-top:24px;}

/* 썸네일 이미지 4개일 경우 */
.thum_4{display:flex;flex-wrap:wrap;}
.exis_box .cotn .thum_4.img img{width:50%;height:50%;}

/**************************   영상 담기 팝업  ******************************/
.plan_video_wrap .form_select{width:138px;}
.plan_video_wrap .add_select .form_inpt{margin-left:5px;}
.plan_video_wrap .search_area{margin-bottom:8px;width:100%;}
.plan_video_wrap .search_area .btn_h_36{flex-shrink:0;margin-left:10px;}
.plan_video_wrap .top_list_sort .rit_area .btn_h_30 ~ .btn_h_30{margin-left:2px;}
/* 목록 */
.video_cotn{padding-top:16px;border-top:1px solid #d2d5d8;}
.video_list{margin-top:18px;}
.video_list .list_box ~ .list_box{margin-top:15px;}
.video_list .list_box{display:flex;align-items:center;}
.video_list .list_box .img{width:52px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;}
.video_list .list_box .img img{width:100%;height:100%;object-fit:cover;}
.video_list .list_box .txt{font-size:14px;line-height:18px;margin-left:10px;}

.plan_video_pop .label_17{margin-right:8px;}


/**************************   운동영상  ****************************/
/* 목록 */
.vdo_list_wrap .video_list{margin-top:20px;}
.vdo_list_wrap .video_list{width:calc(100% + 40px);margin-left:-20px;}
.vdo_list_wrap .video_list .list_box{padding:3px 20px}
.vdo_list_wrap .video_list .list_box:hover{background-color:#fafafa;cursor: pointer;}
.vdo_list_wrap .top_list_sort .rit_area .btn_h_30 ~ .btn_h_30{margin-left:2px;}

.vdo_list_wrap .label_17{margin-right:8px;}

/**************************   새 영상 추가 팝업 ****************************/
.layer_pop.new_video_pop .pop_head{padding-bottom:30px;}
.new_video_wrap .add_btn{align-items:flex-end;}
.new_video_wrap .btn_h_36{flex-shrink:0;margin-left:5px;}
.new_video_wrap .inp_txt{position:relative;}
.new_video_wrap .form_inpt .inp_tit p{color:#141212;}
.btn_del{display:block;width:18px;height:18px;position:absolute;top:9px;right:12px;background:url("../../assets/images/common/icon_cancle_small.svg") no-repeat;}
.vw_add_area{margin-top:20px;background-color:#f2f3f4;padding:9px 12px;border-radius:4px;}

.vw_w_wrap .txt_wrap{position:relative;}
.vw_w_wrap .text_area{padding:36px 12px 22px;font-size:12px;line-height:20px;height:161px;}
.vw_add_area .tit{position:relative;}
.vw_add_area .tit p{font-weight:500;font-size:14px;}
.vw_add_area .btn_open{display:block;width:20px;height:20px;background:url("../../assets/images/common/icon_arrow_down.svg") no-repeat;position:absolute;top:0;right:0}
.vw_add_area .btn_open.active{transform:rotate(180deg);}
.mt18{margin-top:18px;}
.vw_w_sec .tit_14{font-size:14px;margin-bottom:8px;}
.exis_cho{display:flex;flex-wrap:wrap;width:calc(100 + 4px);margin-left:-4px;}
.exis_cho .btn_chk{margin:4px;}
/* .exis_cho .btn_h_32{font-weight:400;}
.exis_cho .btn_h_32.on{color:#fff;background-color:#04488b;border-color:#04488b;} */
.btn_chk{display:inline-block;height:32px;}
.btn_chk input{display:none;}
.btn_chk .txt{font-size:12px;line-height:15px;border:1px solid #d2d5d8;text-align:center;padding:8px 12px 7px;border-radius:4px;background-color:#fff;display:inline-block;}
.btn_chk input:checked ~ .txt{color:#fff;background-color:#04488b;border-color:#04488b;}

.vdo_point_area{display:flex;margin-top:18px;justify-content:space-between;align-items:end;padding-bottom:12px;}
.vdo_po_box{width:124px;}
.vdo_po_box .form_inpt.h_36 input{text-align:center;}
.vdo_po_box .txt_12_m{font-weight:500;font-size:12px;margin-bottom:6px;text-align:center;}
.vdo_po_box .btn_box{margin-top:8px;display:flex;}
.vdo_po_box .btn_box .btn_h_30{width:100%;text-align:center;}
.vdo_po_box .btn_box .btn_h_30 ~ .btn_h_30{margin-left:4px;}
.vdo_po_box.play{height:74px;margin-left:12px;}
.btn_all_play{display:flex;text-align:center;padding:17px 0 16px;border-radius:4px;height:100%;width:100%;align-items:center;justify-content:center;line-height:22px;}
/* .vdo_po_box.w_124{width:124px;height:93px;margin-top:2px;margin-left:12px;border-radius:4px;overflow:hidden;border:1px solid #d2d5d8;} */
.video_frame{width:100%;height:100%;}
.video_frame img{object-fit:cover;width:100%;height:100%;}

.main_vod_sec{margin-top:30px;text-align:center;}

.main_vod_sec .video_frame{width:206px;height:155px;border-radius:4px;overflow:hidden;border:1px solid #d2d5d8;margin:0 auto;}

/* 운동 영상 수정 팝업 */
/* .new_video_wrap.mod .rit_btn{position:relative;}
.new_video_wrap.mod .rit_btn .btn_h_23{position:absolute;top:-4px;right:0;} */
.url_copy{position:relative;padding-right:90px;}
.url_copy .btn_h_36{position:absolute;top:0;right:0;}
.new_video_wrap .form_inpt input[type="text"]:read-only{border:none;padding:0;}




/* ************************************************************************************************************************************************************
                                                     《 센터관리자 》
************************************************************************************************************************************************************ */

/*****************************************************  강사 관리  ******************************************************************/
/* 목록 */
.search_wrap{position:relative;display:flex;justify-content:space-between;}
.add_select .drop_select{width:150px;}
.add_select .form_inpt{margin-left:10px;}
.search_wrap .btn_h_41.bg_bor_fa{padding:11px 12px 0;}
.icon_18_plus{width:18px;height:18px;display:inline-block;background:url("../../assets/images/common/icon_add.svg") no-repeat;vertical-align:top;margin-right:3px;}
/* 프로필 목록 */
.teacher_cotn{display:flex;flex-wrap:wrap;}
.box_pro{width:31.3%;border-radius:4px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.12);border: solid 1px #dbdee0;background-color:#fff;padding:18px;margin-right:3.05%;position:relative;}
.box_pro:hover,
.box_pro:active{background-color:#f2f5f9;}
.box_pro:nth-child(3n){margin-right:0;}
.box_pro:nth-child(3n) ~ .box_pro{margin-top:3.05%;}
.box_pro .cotn{display:flex;align-items:center;}
.box_pro .img{position:relative;padding-top:34.5%;background:#c0d1e2 url("../../assets/images/common/icon_person_image_O.svg") center no-repeat;width:34.5%;border-radius:12px;overflow:hidden;background-size:cover;}
.box_pro .img img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;}
.box_pro .info{margin-left:24px;}
.box_pro .info .name{font-size:19px;font-weight:500;}
.box_pro .info .phone{margin-top:10px;}
/* .box_pro .go_view{position:absolute;width:100%;height:100%;display:block;top:0;} */
.teacher_cotn .txt_label{position:absolute;top:16px;right:18px;}

/*  비허용 */
.box_pro.off:hover{cursor:pointer;}
.box_pro.off:hover,
.box_pro.off:active{background-color:#fff;}
.box_pro.off .img{ opacity: 0.5;}
.box_pro.off .info{opacity: 0.5;}

/* 상세 */
.ver_top{vertical-align:top;margin-left:8px;}
.teac_info .img{width:162px;height:162px;border-radius:12px;overflow:hidden;}
.teac_info .img img{width:100%;height:100%;object-fit:cover;}
.teac_info_wrap{padding-top:20px;position:relative;}
.teac_info_wrap .btn_edit{padding-left:20px;font-size:12px;color:#141212;font-weight:500;background:url("../../assets/images/common/icon_edit.svg") 0 center no-repeat;line-height:15px;display:inline-block;position:absolute;top:-20px;right:0;}

/**************************  신규 강사 등록하기  ******************************/
.regisr_cotn{max-width:722px;}
.regisr_cotn .tb_type01{border-top:0;}
.regisr_cotn .tb_type01 tr:first-child th,
.regisr_cotn .tb_type01 tr:first-child td{padding-top:0;}
.regisr_cotn .form_wrap{display:flex;}
.regisr_cotn .form_wrap .form_inpt{margin-top:0;}
.regisr_cotn .form_wrap .form_inpt,
.regisr_cotn .form_wrap .form_select{width:100%}
.regisr_cotn .form_wrap .form_select{margin:0 11px;}
.regisr_cotn .add_btn .btn_h_48{width:91px;margin-left:10px;flex-shrink:0;}
.tb_type01 th.th_ver_top{vertical-align:top;padding-top:20px;}
.bg_d2d5d8{background-color:#d2d5d8;}
/* 탭버튼 radio */
.radio_tab_wrap ul{background-color:#f2f3f4;height:48px;display:flex;border:1px solid #dbdee0;border-radius:4px;overflow:hidden;}
.radio_tab_wrap ul li{width:100%;position:relative;}
.radio_tab_wrap label{height:48px;text-align:center;display:block;}
.radio_tab_wrap input[type="radio"]{opacity:0;position:absolute;}
.radio_tab_wrap ul li .txt{padding:15px 0 14px;line-height:19px;}
.radio_tab_wrap ul li .txt span{display:inline-block;}
.radio_tab_wrap ul li input[type="radio"]:checked ~ .txt{background-color:#04488b;height:100%;color:#fff}
/* height 36 */
.radio_tab_wrap.h_36 ul,
.radio_tab_wrap.h_36 label{height:36px;}
.radio_tab_wrap.h_36 ul li .txt{padding:8px 0;}

/* 파일첨부 */
.add_file_wrap .file_area{display:flex;align-items:center;}
.add_file_wrap .file_area .btn_h_41{width:94px;}
.add_file_wrap .file_area .btn_h_41 input{display:none;}
.add_file_wrap .file_area p{font-size:14px;margin-left:18px;line-height:18px;}
.add_img_list{margin-top:24px;}
.img_box{position:relative;width:148px;height:148px;display:inline-block;}
.img_box ~ .img_box{margin-left:5px;}
.img_box .img{width:100%;height:100%;overflow:hidden;background:url("../../assets/images/common/image_preview.svg") center no-repeat;}
.img_box .img img{width:100%;height:100%;object-fit:cover;}
.img_box .btn_delete{top:6px;right:6px;position:absolute;}
.btn_delete{width:18px;height:18px;display:block;background:url("../../assets/images/common/icon_cancle.svg") no-repeat;}

/* 신규 강사 수정하기 */
.regisr_cotn.modify .txt_14{font-size:14px;margin-top:10px;}

/**************************  센터/강사 정보 조회  ******************************/
.rit_area .btn_h_32 ~ .btn_h_32{margin-left:10px;}
.txt_12{font-size:12px;}
.mt40{margin-top:40px;}

/**************************  센터 정기 운영/휴무일 설정  ******************************/
.set_day_cotn .tb_type02{max-width:860px;}
.time_select{display:flex;align-items:center;justify-content:center;}
.time_select .txt{margin:0 20px;}
.wid120{width:120px;}
.holiday_area{margin-top:40px;}
.dl_layout{display:flex;align-items:center;}
.dl_layout ~ .dl_layout{margin-top:20px;}
.holiday_area .dl_dt{width:111px;font-weight:500;}
.holiday_area .dl_dd .btn_h_41{width:200px;}
.holiday_area .dl_dd .btn_h_41 ~ .btn_h_41{margin-left:10px;}
.btn_h_41.bor_rai.on{background:#04488a;border:1px solid #04488a;color:#fff}
.btn_h_41.bor_rai{border-radius:21px}
.holiday_area .txt{margin-left:12px;}

/**************************  임시 휴무일 설정  ******************************/
/* 달력 테이블*/
.td_calendar{width:100%;border-top:1px solid #d2d5d8;}
.td_calendar th{text-align:center;background-color:#f2f3f4;font-size:14px;font-weight:500;padding:11px 0 9px;border-bottom:1px solid #d2d5d8;}
.td_calendar th ~ th{border-left:1px solid #d2d5d8;}
.td_calendar td{height:77px;border-bottom:1px solid #d2d5d8;vertical-align:top;}
.td_calendar td ~ td{border-left:1px solid #d2d5d8;}
.td_calendar td button{display:flex;height:100%;padding:10px 12px;width:100%;font-size:12px;}
.sunday,
.sunday span{color:#d00000}
.month{padding:4px 0 6px;}
.month span{font-size:19px;color:#141212;display:inline-block;margin:0 27px;vertical-align:middle;line-height:23px;}
.btn_mon_prev,
.btn_mon_next{width:24px;height:24px;display:inline-block;border:1px solid #d2d5d8;border-radius:4px;background:#fff url("../../assets/images/common/button_arrow_left.svg") center no-repeat;vertical-align:middle;}
.btn_mon_next{transform:rotate(180deg);}

.temp_off{background:#fdf2d0}
.regu_off{background:#eff7ff}
.day_selected{background:#04488b;}
.day_selected span{color:#fff}

.calendar_info{margin-top:18px;text-align:right;}
.calendar_info .txt{display:inline-block;vertical-align:middle;}
.calendar_info .txt ~ .txt{margin-left:20px;}
.calendar_info .txt i{display:inline-block;width:15px;height:15px;border:1px solid #d2d5d8;vertical-align:middle;}
.calendar_info .txt span{font-size:12px;vertical-align:middle;margin-left:5px;}
.red{background-color:#d00000;}
.ye{background-color:#ffedb5;}
.sky{background-color:#baddff;}
.l_gy{background-color:#f2f3f4;}
.gy{background-color:#cbcbcb;}
.temp_sec .cotn{display:flex;width:100%;}
.temp_sec .tit{margin-bottom:13px;}
.tit_16_m{font-size:16px;font-weight:500;}
.form_date{display:flex;align-items:end;flex-shrink:0;}
.date .inp_txt{position:relative;width:150px;}
.btn_calen{background:url("../../assets/images/common/icon_calendar.svg") right center no-repeat;display:block;width:18px;height:18px;position:absolute;top:8px;right:12px;}
.txt_w{margin:0 20px 8px;}
.total_day{color:#04488b;margin:0 0 8px 12px;}
.rit_reason{display:flex;align-items:end;margin-left:30px;width:100%;}
.rit_reason .form_inpt{width:100%;}
.rit_reason .btn_h_36{margin-left:10px;flex-shrink:0;}
.txt_holiday{position:relative;display:inline-block;padding-right:28px;}
.txt_holiday .btn_delete{position:absolute;top:0;right:0;}

/**************************  관리자 계정 비밀번호 바꾸기 ******************************/
.ad_acc_cotn{max-width:648px;}
.ad_acc_cotn .add_btn .btn_h_48{width:178px;margin-left:10px;}
.ad_acc_cotn .add_btn{align-items:end;}
.form_inpt.h_48.cell_num .time{top:15px}
.mt30{margin-top:30px;}
.acc_sec ~ .acc_sec{margin-top:50px;}

/*****************************************************  예약관리(센터관리자)  ******************************************************************/
  /* 상단 버튼영역 */
.top_btn_area{display:flex;justify-content:space-between;}
.top_btn_area .rit_set{display:flex;}
.top_btn_area .rit_set .form_select{margin-right:5px;width:120px;}
.top_btn_area .rit_set .btn_h_38 ~ .btn_h_38{margin-left:3px;}
.top_btn_area .rit_set .btn_h_38.bg_bor_ff.on{color:#fff;background-color:#263748;}
/* 예약 캘린더 테이블 */
.tb_reserv_wrap{margin-top:20px;}
.tb_reserv{max-height:420px;overflow:auto;width:100%;max-width:100%;}
.tb_reserv .td_calendar{border-top:0;border-collapse: separate;border-spacing: 0;}
.tb_reserv .td_calendar th,
.tb_reserv .td_calendar td{text-align:center;vertical-align:middle;height:auto;font-size:14px;width:140px;}
/* .tb_reserv .td_calendar th ~ th,
.tb_reserv .td_calendar td ~ td{border-left:0;} */

.tb_reserv .td_calendar td{border-left:1px solid #d2d5d8;}
/* .tb_reserv .td_calendar tr th + td{border-left:0;} */
.tb_reserv .td_calendar td button{padding:9px 0 11px;font-size:14px;text-align:center;display:block;}
.tb_reserv .td_calendar .selected,
.tb_reserv .td_calendar td:hover{background-color:#f2f5f9;}
.tb_reserv .time{/*border-right:1px solid #d2d5d8;*/font-weight:400;}
.tb_reserv .time.am{background-color:#eff7ff;}
.tb_reserv .time.pm{background-color:#d3eaff;}
/* 스크롤 고정 */
.tb_reserv .td_calendar thead{position:sticky;top:-1px;z-index:5;}
.tb_reserv .td_calendar thead tr th:first-child{position:sticky;left:0;z-index: 4;width:90px;}
.tb_reserv .td_calendar tbody tr th{position:sticky;left:1px;width:90px;}
.tb_reserv .td_calendar tbody tr th::after{display:block;content:'';position:absolute;right:0;top:0;height:100%;width:1px;background-color:#d2d5d8;}
/* 예약가능 상태 */
/* 시간마감 */
.t_closing,
.t_closing td{background-color:#fafafa;}
.t_closing td button{color:#737e89}
/* .t_closing td button:hover{cursor:auto;} */
/* 인원마감 */
.p_closing{background-color:#fff8de;color:#737e89}
/* 휴무 */
td.h_day button{color:#141212;align-items:center;}
td.h_day,
.tb_reserv .td_calendar td.h_day button:hover,
.tb_reserv .td_calendar td.h_day:hover{background-color:#e8eaeb;cursor:auto;color:#141212}

/* 툴팁 */
.tootip_wrap{position:relative;}
.tootip{padding:11px 12px;border-radius:4px;background-color:#41505f;position:absolute;bottom:100%;left:103px;}
.tootip::before{content:'';display:block;width:0;position:absolute;bottom:-8px;left:25px;border-top:8px solid #41505f;border-left:8px solid transparent;border-right:8px solid transparent;}
.tootip .cotn p{color:#fff;font-size:12px;}
.w_184{width:184px;}

/**************************  예약 현황 팝업  ******************************/
.res_situa_pop.layer_pop .pop_head{padding-bottom:30px;}
.top_situ_info .txt{line-height:22px;}
.top_situ_info .txt span{display:inline-block;position:relative;}
.top_situ_info .txt .txt_15_m{color:#263748;font-weight:500;}
.top_situ_info .txt span ~ span{margin-left:6px;padding-left:10px;}
.top_situ_info .txt span ~ span::before{position:absolute;top:calc(50% - 5px);left:0;width:1px;height:12px;display:block;content:'';background-color:#4c5a68;}
.mem_tag{margin-top:7px;width:calc(100% + 10px);margin-left:-5px;}
.mem_tag .btn_h_32{padding:9px 15px 8px;margin:5px 1px 5px 5px;}

.icon_plus_18{width:18px;height:18px;display:inline-block;background:url("../../assets/images/common/icon_add_blue.svg") no-repeat;}
.rev_mem_sec .search_area{margin-top:30px;margin-bottom:0;}
.rev_mem_sec .btn_h_36.bg_bl,
.rev_mem_sec .btn_h_36.bg_bl_bor{padding-left:0;padding-right:0;text-align:center;flex-shrink:0;margin-left:10px;}
.rev_mem_sec .btn_h_36.bg_bl{width:51px;}
.rev_mem_sec .btn_h_36.bg_bl_bor{width:38px;}
.mem_cho_sec{margin-top:30px;}
.mem_cho_sec .tit{margin-bottom:12px;}
.mem_box{display:inline-block;vertical-align:middle;height:32px;border-radius:4px;font-size:12px;padding:9px 37px 8px 10px;font-weight:500;line-height:12px;border:1px solid #d2d5d8;position:relative;}
.mem_box ~ .mem_box{margin-left:6px;}
.mem_box a{display:block;width:18px;height:18px;position:absolute;top:6px;right:10px;background:url("../../assets/images/common/icon_cancle.svg") no-repeat;}

 /* 신규회원 등록 */
 .mem_add_sec{margin-top:30px;}
 .mem_add_sec .tit{margin-bottom:18px;}
 .mem_add_sec .tb_type01{border-top:0;}
 .mem_add_sec .tb_type01 tr:first-child th,
 .mem_add_sec .tb_type01 tr:first-child td{padding-top:0;}

/**************************  내 예약 조건 설정하기  ******************************/
.reserv_my_cotn{display:flex;}
.lef_date{width:250px;flex-shrink:0;}
.lef_date .form_inpt ~ .form_inpt{margin-top:23px;}
.lef_date .date .inp_txt{max-width:180px;width:100%;}

.rit_detail{width:100%;border-left:1px solid #d2d5d8;padding:0 102px 0 114px;position:relative;}
.week_list{display:flex;border-top:1px solid #d2d5d8;border-bottom:1px solid #d2d5d8;margin-top:12px;}
.week_list li{width:100%;height:36px;border-right:1px solid #d2d5d8;}
.week_list li:first-child{border-left:1px solid #d2d5d8;}
.week_list li a{display:flex;align-items:center;height:100%;justify-content:center;}
.week_list li a span{font-size:16px;}
.week_list li.off a{background-color:#f8f8f9;}
.week_list li.off a span{color:#bfc4c9;}
.week_list li.active a{background-color:#263748;}
.week_list li.active a span{color:#fff;}

.work_cotn{margin-top:24px;}
.work_cotn .tit{text-align:right;}
.work_cotn .tb_type02{margin-top:12px;}
.work_cotn .tb_type02 th,
.work_cotn .tb_type02 td{font-size:14px;}
.form_pers{display:flex;justify-content:center;align-items:center;}
.form_pers .form_inpt{margin:0 12px;}
.form_pers span{font-size:12px;}
.w_60{width:60px}
.work_cotn .form_inpt{display:inline-block;margin-left:12px;}
.work_cotn .form_inpt input{text-align:center;}
.l_sky{background-color:#eff7ff;}
.work_cotn .btn_wrap .btn_mon_prev{position:absolute;left:40px;top:50%;}
.work_cotn .btn_wrap .btn_mon_next{position:absolute;right:28px;top:50%;}

/**************************  예약관리_예약조회  ******************************/
/* 이용내역_상담 */
.admin .contents.reg_inqu{padding:0;}
.reg_inqu_cotn{display:flex;}
.reg_inqu_cotn .lef_info{padding:32px 20px 32px 0;width:330px;flex-shrink:0;height:100vh;background-color:#fafafa;}
.reg_inqu_cotn .lef_info .cotn{background-color:#fff;width:100%;height:100%;padding:31px 0 18px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);border-radius:4px;}
.reg_inqu_cotn .rit_cotn{border-left:1px solid #d2d5d8;width:100%;padding-top:32px;}
.time_area{display:flex;justify-content:center;align-items:center;}
.time_area span{margin:0 10px;font-size:16px;color:#141212;}
.top_date{padding-bottom:24px;border-bottom:1px solid #d2d5d8;}
.top_date h4{color:#141212;font-size:19px;font-weight:500;margin-bottom:18px;text-align:center;}
.top_date .txt{font-size:14px;text-align:center;font-weight:500;margin-top:12px;}
.btn_prev_18,
.btn_next_18{display:inline-block;width:18px;height:18px;}
.btn_prev_18{background:url("../../assets/images/common/icon_arrow_left.svg") no-repeat;}
.btn_next_18{background:url("../../assets/images/common/icon_arrow_right.svg") no-repeat;}
.rese_list_wrap{padding:0 25px;margin-top:30px;max-height:calc(100% - 110px - 106px);overflow-y:auto;height:100%;}
.rese_sec ~ .rese_sec{margin-top:50px;}
.rese_sec .tit{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;}
.rese_sec .tit h4{font-weight:700;}
.rese_sec .tit span{color:#737e89}
.list_area{width:calc(100% + 50px);margin-left:-25px;}
.list_area .dl_layout{display:block;}
.list_area .dl_div{display:flex;justify-content:space-between;width:100%;padding:0 25px;flex-wrap:wrap;align-items:center;height:38px;}
.list_area .dl_layout .dl_tit{font-size:16px;}
.list_area .dl_div:hover{background-color:#fafafa;cursor:pointer;}
.list_area .dl_txt p{color:#737e89;font-size:14px}
.list_area .dl_txt .btn_h_30 ~ .btn_h_30{margin-left:1px;}
.lef_info .btn_area{padding:0 21px;}
.icon_resv_24{width:24px;height:24px;display:inline-block;vertical-align:middle;background:url("../../assets/images/common/icon_reservation_white.svg") no-repeat;margin-top:-3px;}

.top_resv_info{padding:0 30px 18px;border-bottom:1px solid #e1e4e5;}
.resv_info_wrap{display:flex;justify-content:space-between;width:100%;}
.resv_info_wrap .rit_area{margin-left:auto;}
.resv_info_wrap .tit h4{font-size:19px;line-height:22px;font-weight:700;}
.resv_info_wrap .tit p{font-size:12px;line-height:15px;margin-top:8px;}
.info_list{margin-top:24px;}
.info_list a{display:inline-block;margin-right:30px;}
.icon_20{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.info_list span{font-size:12px;font-weight:500;padding-left:4px;vertical-align:middle;}
.newplan{background:url("../../assets/images/common/icon_newplan_O.svg") no-repeat;}
.consult{background:url("../../assets/images/common/icon_consult_O.svg") no-repeat;}
.walk{background:url("../../assets/images/common/icon_walk_O.svg") no-repeat;}
.knee{background:url("../../assets/images/common/icon_knee_O.svg") no-repeat;}
/* 비활성화 */
.disabled a{color:#757e88;}
.disabled a:hover{cursor:default;}
.disabled .newplan{background:url("../../assets/images/common/icon_newplan_X.svg") no-repeat;}
.disabled .consult{background:url("../../assets/images/common/icon_consult_X.svg") no-repeat;}
.disabled .walk{background:url("../../assets/images/common/icon_walk_X.svg") no-repeat;}
.disabled .knee{background:url("../../assets/images/common/icon_knee_X.svg") no-repeat;}

/* 탭메뉴 */
/* type01 */
.tab_menu_type01{border-bottom:1px solid #d2d5d8;padding:30px 30px 0;}
.tab_menu_type01 ul{display:flex;}
.tab_menu_type01 li{position:relative;}
.tab_menu_type01 li.active::before{position:absolute;bottom:0;left:0;height:2px;width:100%;content:'';background-color:#263748;}
.tab_menu_type01 li.active a{color:#263748;}
.tab_menu_type01 li ~ li{margin-left:26px;}
.tab_menu_type01 li a{font-weight:500;color:#757e88;padding-bottom:9px;display:block;}
/* 비활성화 */
.tab_menu_type01.disabled li a:hover,
.tab_menu_type01.disabled li a{cursor:default;}
.tab_menu_type01.disabled li.active a{color:#757e88;}
.tab_menu_type01.disabled li.active::before{background-color:#777e87;}

/* type02 */
.tab_menu_type02{background-color:#f2f3f4;padding:12px 30px 10px;}
.tab_menu_type02 ul{display:flex;}
.tab_menu_type02 ul li a{color:#757e88;font-weight:500;}
.tab_menu_type02 ul li.active a{color:#263748;font-weight:700;}
.tab_menu_type02 ul li ~ li{margin-left:30px;}
/* 비활성화 */
.tab_menu_type02.disabled li a:hover{cursor:default;}

/* 상담내용 영역 */
.rit_cotn .tab_cotn{padding:30px;}
.resv_date{display:flex;justify-content:space-between;padding-bottom:13px;}
.resv_date .day{font-size:16px;font-weight:500;}
.resv_date .time{color:#737e89;font-size:14px;}
.use_detail .text_box{padding:20px 18px;border:1px solid #d1d5d8;border-radius:4px;line-height:26px;height:363px;overflow-y:auto;}

/* 내용없음 */
.no_data{text-align:center;padding-top:84px;}
.no_data p{font-size:16px;margin-top:18px;}

/**************************  이용내역_예약  ******************************/
/* .resv_can_sec .tit{margin-bottom:10px;} */
/* .resv_can_sec ~ .resv_can_sec{margin-top:24px;} */
.resv_can_sec .tb_type02 th,
.resv_can_sec .tb_type02 td{font-size:14px;}
.resv_can_sec .page_num{margin-top:20px;}

/**************************  전체 예약보기  ******************************/
/* 예약 1건 상세 조회 */
.reserv_all_cotn .tb_reserv{max-height:429px;}
.reserv_all_cotn .tb_reserv th.time{background-color:#fff;}
.reserv_all_cotn .tb_reserv th.time:hover{cursor: pointer;background-color:#f2f5f9;}
.reserv_all_cotn .top_btn_area .rit_set .btn_h_38 ~ .btn_h_38.ml10{margin-left:10px;}
.reserv_all_cotn .tb_reserv .td_calendar tbody tr th{position: relative;left:auto}
.reserv_all_cotn .tb_reserv .td_calendar tbody tr th::after{display:none;}

/* 한 주의 날짜 */
.reserv_week_cotn .tb_reserv{overflow-x:hidden;max-height:468px;}
.reserv_week_cotn .tb_reserv .td_calendar thead tr ~ tr th:first-child{border-left:1px solid #d2d5d8;}
.reserv_week_cotn .tb_reserv .td_calendar tbody tr th,
.reserv_week_cotn .tb_reserv .td_calendar tbody tr td{width:auto;}
.reserv_week_cotn .tb_reserv .td_calendar tbody tr td{vertical-align:top;}
.reserv_week_cotn .top_btn_area .rit_set .btn_h_38 ~ .btn_h_38.ml10{margin-left:10px;}

/************************** 상담쓰기 팝업  ******************************/
.csg_wr_wrap p{font-size:14px;color:#141212;line-height:18px;}
.csg_wr_wrap .text_area{margin-top:8px;padding:12px;font-size:14px;line-height:24px;height:140px;color:#263748;}

/************************** 보행검사 하기 팝업  ******************************/
/* 보행검사 시작 팝업 */
.layer_pop.walk_test_pop .pop_head{padding-bottom:30px;}
.txt_second{text-align:center;color:#257ec3;}
.txt_second strong{font-size:60px;line-height:75px;font-weight:700;}
.txt_second span{font-size:30px;line-height:37px;font-weight:500;}
.color_bl{color:#257ec3}
.walk_test_wrap ol{margin-top:19px;}
.walk_test_wrap ol li{line-height:28px;text-align:center;}
.walk_test_wrap ol li.color_bl{font-weight:700;}

/* 보행검사 종료 팝업 */
.walk_end_wrap{text-align:center;margin:20px 0 30px;}
.walk_end_wrap > p{font-size:16px;font-weight:500;margin-top:20px;}

/* 보행검사 비정상 종료 팝업 */
.walk_end_wrap.abnor{margin-top:0;margin-bottom:10px;}
.txt_abnor{font-size:14px;line-height:24px;margin-top:10px;}

/* 보행검사 준비 팝업 */
.walk_ready_wrap{text-align:center;}
.txt_ready_01 li{font-size:16px;line-height:24px;font-weight:500;}
.btn_tracker{margin:30px 0 40px;}
.btn_tracker .state{display:inline-block;width:110px;height:106px;background:url("../../assets/images/sub/image_tracker_off@2x.png") no-repeat;background-size:100%;}
.btn_tracker .state.on{background:url("../../assets/images/sub/image_tracker_on@2x.png") no-repeat;background-size:100%;}
.btn_tracker .state ~ .state{margin-left:30px;}
.walk_test_pop .btn_area.ing .btn_h_56{background:#81a3c5 url("../../assets/images/sub/pop_loading.gif") center no-repeat;background-size:30px;}
.walk_test_pop .btn_area.ing .btn_h_56{text-indent:-9999px;font-size:0;}

/**************************  검사 결과_보행검사  ******************************/
.walk_wrap{overflow-y:auto;max-height:calc(100vh - 300px);}

/**************************  예약조회_통증기록  ******************************/
.record_wrap .rec_info{font-size:12px;text-align:right;color:#757e88;margin-bottom:30px;}
.rec_gh_article .tit_year{text-align:center;margin-bottom:20px;font-weight:700;font-size:19px;}
.graph_wrap .gh_num{position:absolute;bottom:20px;left:0;}
.graph_wrap .gh_num li{font-weight:500;font-size:12px;text-align:right;line-height:29px;}
.graph_wrap{padding-left:34px;position:relative;}
.graph_wrap .graph_area{border:1px solid #e1e4e5;border-width:0 0 1px 1px;height:300px;padding:0 15px;display:flex;flex-wrap:wrap;}
.graph_wrap .gh_date{display:flex;flex-wrap:wrap;padding:12px 15px 0;}
.graph_wrap .gh_date span{font-size:12px;font-weight:500;text-align:center;width:10%;}
.graph_wrap .graph_box{width:10%;height:300px;position:relative;}
.graph_wrap .graph_box .stick{width:18px;border-radius:4px 4px 0 0;background-color:#263748;position:absolute;bottom:0;left:25px;z-index:1;}
.graph_line{width:calc(100% - 34px);height:100%;position:absolute;top:0;left:34px;}
.graph_line span{display:block;height:30px;border-top:1px solid #e1e4e5}

/**************************   운동플랜 내역 ****************************/
.his_info .txt_12_gy{font-size:12px;line-height:18px;color:#737e89;margin-bottom:6px;text-align:right;}
.his_gy_box{padding:10px 12px;background-color:#fafafa;display:flex;justify-content:space-between;}
.his_gy_box .date{font-size:12px;}
.his_gy_box .total{font-weight:500;font-size:12px;}
.his_wh_box{padding:12px 8px;border:1px solid #d2d5d8;border-width:1px 0;}
.his_wh_box h4{font-size:14px;}
.his_wh_box p{font-size:12px;color:#737e89;margin-top:4px;}

.plan_his_wrap{position:relative;padding-bottom:44px;}
.plan_his_auto{height:calc(100vh - 259px - 44px);overflow-y:auto;}
.plan_his_wrap .page_num{position:absolute;bottom:0;left:calc(50% - 66px);}
.plan_his_wrap .video_list{margin-top:12px;}
.plan_his_wrap .list_cotn{margin-top:20px;}
.top_list_sort span.txt_14{font-size:14px;}
.video_list.over .list_box:hover{background-color:#fafafa;cursor:pointer;}
.plan_his_wrap .video_list .list_box .txt_num{flex-shrink:0;margin-left:auto;font-size:14px;}
/* 버튼 width */
.w_60{width:60px;padding-left:0;padding-right:0;text-align:center;}

.plan_his_wrap .label_17{margin-right:4px;}

/**************************   예약조회_새 운동플랜 주기 ****************************/
.cy_plan_cotn .top_resv_info{border-bottom:0;}
.cy_plan_cotn .tab_menu_type01{padding-top:6px;}
.cy_plan_cotn .tit_area{position:relative;padding:0 30px 9px;}
.cy_plan_cotn .tit_area h3{font-size:16px;font-weight:700;}
.cy_plan_cotn .tit_area .btn_h_30{position:absolute;bottom:9px;right:30px;}
.cycle_plan_wrap .tb_scroll{max-height:calc(100vh - 200px - 145px);overflow-y:auto;}
td.al_left{text-align:left;padding-left:12px;padding-right:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}
.cy_plan_sec{margin-top:28px;}
.cy_plan_sec .btn_area{margin-top:0;}
.cy_plan_sec p{line-height:19px;margin-bottom:12px;}
.btn_resev{vertical-align:top;margin-left:4px;}
 /* 플랜내역 없음 */
 .plan_none_area ~ .cy_plan_sec{margin-top:18.84%;}
 .plan_none_area .exis_data_none{padding-top:24.2%;}

/**************************   예약조회_새 운동플랜 주기_팝업 ****************************/
.excis_pop.layer_pop .pop_head{padding-bottom:20px;}
.excis_pop.layer_pop .pop_head p{font-size:14px;line-height:18px;margin-top:15px;}
.excis_pop.layer_pop .cotn .list_wrap{border-top:1px solid #d2d5d8;}
.excis_pop.layer_pop .top_list_sort{margin-top:20px;}
.excis_pop.layer_pop .top_list_sort .txt_14{font-size:14px;}

/**************************   예약조회_운동 플랜찾기 ****************************/
.plan_find_cotn .top_resv_info{padding-bottom:10px;}
.plan_find_cotn .top_resv_info .resv_info_wrap{align-items:end;}
.plan_find_wrap .tit_area{padding-bottom:10px;}
.plan_find_wrap .tit_area h3{font-size:16px;font-weight:700;}
.plan_find_wrap{padding:20px 40px 40px 30px;}
.plan_find_wrap .search_area{align-items:center;width:auto;margin-bottom:30px;}
.plan_find_wrap .search_area .form_inpt{max-width:421px;margin-left:10px;}
.plan_find_wrap .list_cotn{overflow-y:auto;max-height:calc(100vh - 210px - 124px);margin-top:0;}
.plan_find_wrap .list_cotn ~ .btn_area{margin-top:30px;}
.plan_find_wrap .list_cotn .exis_list_wrap{margin-top:0}
.exis_list_wrap .label_17{margin-right:4px;}
/* 스위치 width 109 */
.w_109 .form_swch{width:109px;}
.btn_switch.w_109 .form_swch input:checked ~ .icon{transform:translateX(78px);}
/* 운동플랜 목록 3개 */
.wid_33 .exis_box{width:28%;margin-right:8%;}
.wid_33 .exis_box:nth-child(4n){margin-right:8%;}
.wid_33 .exis_box:nth-child(3n){margin-right:0;}
.wid_33 .exis_box:nth-child(4n) ~ .exis_box{margin-top:0;}
.wid_33 .exis_box:nth-child(3n) ~ .exis_box{margin-top:34px;}

/**************************   예약조회_운동기간 설정 ****************************/
.set_dur_area{text-align:center;margin-bottom:20px;}
.set_dur_area .form_select{width:120px;display:inline-block;}
.set_dur_area > span{padding-left:6px;}
.set_list_cotn{padding-top:20px;}
.set_list_cotn{max-height:calc(100vh - 292px - 153px);overflow-y:auto;}
.setting_wrap .btn_area{margin-top:40px;}
.set_list_cotn .label_17{margin-right:4px;}


/*****************************************************  브랜드  ******************************************************************/
 /* 헤더 */
 .header_wrap{background-color:#fff;position:fixed;width:100%;top:0;z-index:5;border-bottom:1px solid #d1d1d1;}
 .header{max-width:1024px;margin:0 auto;height:84px;display:flex;justify-content:space-between;align-items:center;}
 .header .btn_h_41{padding:11px 14px 0;border-radius:41px;}
 .main .container{padding-top:84px;}
 .main .contents{padding-bottom:108px;}

 /* 푸터 */
 .footer{background-color:#efefef;padding:48px 0 58px;}
 .footer .foo_cotn{max-width:1024px;margin:0 auto;position:relative;}
 .foo_sec01{display:flex;align-items:flex-end;}
 .foo_sec01 ul{margin-left:20px;}
 .foo_sec01 li{display:inline-block;vertical-align:middle;}
 .foo_sec01 li ~ li{padding-left:10px;}
 .foo_sec01 li a{color:#7c7c7c;font-size:15px;line-height:22px;}
 .foo_sec02{margin-top:28px;}
 .foo_sec02 p{color:#7c7c7c;line-height:24px;}
 .sns_sec{position:absolute;bottom:0;right:0;}
 .sns_sec a{display:inline-block;vertical-align:middle;}
 .sns_sec .sns_mu02{margin-left:17px;}
 .sns_sec .sns_mu03{margin-left:12px;}
 .sns_sec .sns_mu04{margin-left:16px;}

 /* 메인 컨텐츠 */
 .main_visual{position:relative;height:600px;}
 .main_visual img{width:100%;height:100%;object-fit:cover;object-position:center;}
 .main_visual .txt_visu{position:absolute;top:14.66%;left:50%;width:1024px;transform:translateX(-50%);}
 .main_visual .txt_visu .txt_01{animation:txt_ani 1.5s ease-in-out both;}
 .main_visual .txt_visu .txt_02{animation:txt_ani02 1.1s ease-in-out both;}
 @keyframes txt_ani{
   0%{
     opacity:0;
     transform:translateY(100px);
   }
   50%{
     opacity:1;
     transform:translateY(0);
   }
   100%{
     opacity:1;
     transform:translateY(0);
   }
 }
 @keyframes txt_ani02{
   0%{
     opacity:0;
     transform:translateY(50px);
   }
   50%{
     opacity:0;
     transform:translateY(50px);
   }
   100%{
     opacity:1;
     transform:translateY(0);
   }
 }
 .main_visual .txt_01{font-size:46px;line-height:1.304em;}
 .main_visual .txt_02{font-size:50px;font-weight:700;margin-top:12px;line-height:1.26em;}

 .main_sec ~ .main_sec{border-top:8px solid #f3f3f3;}
 .main_cotn{margin: auto;}
 .main_01{padding:128px 0;max-width:1280px;margin:0 auto;}
 .serv_area{display:flex;justify-content:space-around;margin-top:88px;}
 .serv_area .serv_box{text-align:center;}
 .serv_area .serv_box .icon{width:204px;height:204px;border-radius:56px;display:inline-block;padding-top:63px;}
 .serv_area .serv_box .icon img{width:78px;}
 .tit_36{font-size:36px;line-height:1.5em;text-align:center;font-weight:700;color:#141212;}
 .serv_area .txt{margin-top:48px;}
 .serv_area .txt h4{font-size:26px;line-height:1.384em;font-weight:500;}
 .serv_area .txt p{font-size:19px;margin-top:20px;line-height:1.528em;color:#4c5a68;}
 .bg_01{background-color:#e3eef7;}
 .bg_02{background-color:#ebebeb;}
 .bg_03{background-color:#f2f4f6;}

 .main_sec .tit_36{margin-bottom:88px;}
 .main_02 .main_cotn{max-width:1024px;padding:128px 0;width:100%;}
 .main_02 .can_cotn01 img{max-width:665px;}
 .main_02 .can_cotn01{display:flex;justify-content:space-between;}

 .can_txt h4{font-size:26px;line-height:36px;font-weight:500;}
 .can_txt ul{margin-top:38px;}
 .can_txt ul li{padding-left:36px;position:relative;}
 .can_txt ul li ~ li{margin-top:28px;}
 .can_txt ul li p{font-size:19px;line-height:30px;}
 .can_txt ul li p span,
 .can_txt ul li p strong{display:block;}
 .can_txt .ico_24{display:inline-block;width:24px;height:24px;position:absolute;top:5px;left:0;}
 .i_can01{background:url("../images/sub/sidebar_icon_reservation.svg") no-repeat;}
 .i_can02{background:url("../images/sub/icon_newplan.svg") no-repeat;}
 .i_can03{background:url("../images/sub/icon_knee.svg") no-repeat;}
 .i_can04{background:url("../images/sub/icon_walk.svg") no-repeat;}
 .i_can05{background:url("../images/sub/icon_video_plan.svg") no-repeat;}
 .i_can06{background:url("../images/sub/icon_painrecord02.svg") no-repeat;}


 .main_02 .can_cotn02{margin-top:160px;display:flex;}
 .main_02 .can_cotn02 .can_txt{padding-top:60px;}
 .main_02 .can_cotn02 img{max-width:490px;width:100%;margin-right:150px;}

 .main_03{padding:128px 0;}
 .main_03 .main_cotn{max-width:1024px;margin:0 auto;}
 .main_03 .tit_36{margin-bottom:28px;}
 .main_03 .txt_19{font-size:19px;line-height:30px;text-align:center;}
 .config_area{margin-top:88px;text-align:center;}
 .config_area img{width:100%;margin:0 auto;display:inline-block;}
 .conf_txt_wrap{margin-top:44px;display:flex;justify-content:space-between;padding:0 109px 0 93px;}
 .congig_box{text-align:center;}
 .congig_box h4{font-size:26px;line-height:32px;font-weight:500;}
 .congig_box p{margin-top:20px;font-size:19px;line-height:25px;}

 .main_04{padding:128px 0 108px;}
 .main_04 .main_cotn{max-width:1024px;margin:0 auto;}
 .main_04 .tit_36{margin-bottom:28px;}
 .main_04 .txt_19{font-size:19px;line-height:30px;text-align:center;}
 .main_04 img{width:100%;margin-top:88px;}

 .main_05{background-color:#f2f4f6;padding:40px 0;}
 .main_05 .main_cotn{text-align:center;}
 .main_05 .txt_30{font-size:30px;line-height:45px;font-weight:700;}
 .main_05 .txt_22{font-size:22px;line-height:27px;font-weight:500;color:#04488b;margin-top:18px;}


/*****************************************************  회원관리(센터관리자)  ******************************************************************/
/**************************  회원관리 검색  ******************************/
.mem_list_cotn .tb_type02 tr td:first-child p{padding:0 28px;position:relative;display:inline-block;}
.i_app{display:inline-block;vertical-align:middle;font-size:10px;color:#fff;border-radius:4px;background-color:#04488b;width:20px;height:17px;line-height:11px;padding-top:3px;position:absolute;top:1px;right:0;}

/**************************  회원정보 상세보기  ******************************/
.add_btn_rit{display:flex;justify-content:space-between;margin-bottom:20px;}
.vw_cotn{padding-top:30px;}

.tab_menu_type03{padding:10px 30px;border-bottom:1px solid #d2d5d8;}
.tab_menu_type03 ul{display:flex;}
.tab_menu_type03 li a{color:#757e88;}
.tab_menu_type03 li ~ li{margin-left:30px;}
.tab_menu_type03 li.active a{font-weight:700;color:#263748;}

.use_detail .text_box.h_250{height:250px;}
.mem_view_cotn .page_num{margin-top:20px;}
.mem_view_cotn .tab_cotn{padding:30px 0 0 30px;}

/**************************  빠른예약 팝업  ******************************/
.reserv_pop{width:400px;}
.top_tch_mem{display:flex;align-items:flex-end;}
.tch_sele .tit{font-size:14px;font-weight:500;margin-bottom:8px;}
.tch_sele .txt_name p{line-height:32px;}
.icon_arr_l{display:inline-block;width:68px;height:10px;background:url("../../assets/images/common/icon_arrow_long.svg") no-repeat;margin:0 32px 12px;}
.tch_sele .drop_select.type02.h_32{width:110px;}
.drop_select.type02.h_32 .selected{padding:6px 28px 7px 8px;height:32px}
.drop_select.type02.h_32 .icon_select{right:8px}

.resev_confm_cotn{padding-top:20px;border-top:1px solid #d2d5d8;margin-top:20px;clear:both;overflow:hidden;}
/* .lef_rev_sel{width:200px;float:left;}
.rit_calen{width:350px;float:right;} */
.rev_sel_box ~  .rev_sel_box{margin-top:60px}
.rev_sel_box h5{font-weight:500;font-size:14px;color:#141212;}
.rev_sel_box p{font-weight:700;font-size:15px;line-height:25px;margin-top:10px;margin-bottom:10px;text-align:center;}
/* 캘린더 */
.td_calendar.small th.pa0{padding:0;}
.td_calendar.small .month{padding:5px 0 4px;}
.td_calendar.small .month{width:100%;text-align:center;}
.td_calendar.small .month span{font-size:14px;line-height:18px;margin:0 20px;}
.td_calendar.small th{font-size:12px;text-align:left;padding:8px 10px 7px;font-weight:500;}
.td_calendar.small td{height:50px;vertical-align:top;}
.td_calendar.small td button{height:50px;padding:8px 10px;text-align:left;align-items:flex-start;flex-wrap:wrap;}
.td_calendar.small td span{font-size:12px;display:block;width:100%;color:#263748}
.td_calendar.small td strong{font-size:12px;font-weight:500;display:block;margin-top:4px;color:#263748;}
.td_calendar.small .t_closing{background-color:#fff;}
.td_calendar.small .t_closing span{color:#ffbd27;}
.calen_sec .calendar_info{margin-top:12px;}
.td_calendar.small td:hover,
.td_calendar.small .selected{background-color:#f2f5f9;}
.td_calendar.small td.h_day button{background-color:#fff;}
.td_calendar.small td.h_day button span{font-weight:700;color:#757e88;}
.td_calendar.small td.h_day button strong{font-weight:500;}

.rev_sel_sec{margin-top:20px;padding-top:20px;border-top:1px solid #d2d5d8;}


.label_17{display:inline-block;border-radius:4px;font-size:10px;color:#fff;text-align:center;font-weight:500;padding:3px 5px 2px;background-color:#04488b;line-height:1em;height:17px;vertical-align:2px;}