:root {
    --primary: #263238;
    --primary-light: #4F5B62;
    --primary-dark: #000A12;
    --tertiary: #702270;
    --tertiary-light: #768FFF;
    --tertiary-dark: #702270;
    --primary-text-on-primary: white;
    --primary-text-on-primary-light: white;
    --primary-text-on-primary-dark: white;
    --primary-text-on-secondary: white;
    --primary-text-on-secondary-light: black;
    --primary-text-on-secondary-dark: white;
    --primary-text-on-tertiary: white;
    --primary-text-on-tertiary-light: black;
    --primary-text-on-tertiary-dark: white;
    --primary-text-on-light: black;
    --primary-text-on-dark: white;
    --secondary-text-on-primary: rgba(255, 255, 255, 0.5);
    --secondary-text-on-primary-light: rgba(255, 255, 255, 0.71);
    --secondary-text-on-primary-dark: rgba(255, 255, 255, 0.45);
    --secondary-text-on-secondary: rgba(255, 255, 255, 0.97);
    --secondary-text-on-secondary-light: rgba(0, 0, 0, 0.68);
    --secondary-text-on-secondary-dark: rgba(255, 255, 255, 0.71);
    --secondary-text-on-tertiary: rgba(255, 255, 255, 0.94);
    --secondary-text-on-tertiary-light: rgba(0, 0, 0, 0.68);
    --secondary-text-on-tertiary-dark: rgba(255, 255, 255, 0.66);
    --secondary-text-on-light: rgba(0, 0, 0, 0.56);
    --secondary-text-on-dark: rgba(255, 255, 255, 0.57);
    --disabled-text-on-primary: rgba(255, 255, 255, 0.35);
    --disabled-text-on-primary-light: rgba(255, 255, 255, 0.49);
    --disabled-text-on-primary-dark: rgba(255, 255, 255, 0.34);
    --disabled-text-on-secondary: rgba(255, 255, 255, 0.72);
    --disabled-text-on-secondary-light: rgba(0, 0, 0, 0.5);
    --disabled-text-on-secondary-dark: rgba(255, 255, 255, 0.53);
    --disabled-text-on-tertiary: rgba(255, 255, 255, 0.65);
    --disabled-text-on-tertiary-light: rgba(0, 0, 0, 0.5);
    --disabled-text-on-tertiary-dark: rgba(255, 255, 255, 0.48);
    --disabled-text-on-light: rgba(0, 0, 0, 0.43);
    --disabled-text-on-dark: rgba(255, 255, 255, 0.39);
    --error-text-on-light: #b71c1c;
    --error-text-on-dark: #ef9a9a;
    --border-color-on-light: rgba(0, 0, 0, 0.12);
    --border-color-on-dark: rgba(255, 255, 255, 0.12);
    --border-width-small: 0.0625rem;
    --border-width-medium: 0.1875rem;
    --border-secondary-color-on-light: rgba(0, 0, 0, 0.38);
    --border-secondary-color-on-dark: rgba(255, 255, 255, 0.5);
    --border-on-light: rgba(0, 0, 0, 0.12) solid 0.0625rem;
    --border-on-dark: rgba(255, 255, 255, 0.12) solid 0.0625rem;
    --primary-background: #EEEEEE;
    --secondary-background: #424242;
    --root-font-size: 16;
}
.sub_bbx{display: flex;flex-wrap: wrap;gap: 20px;}
.sub_bbx .sub_bx{width: calc(50% - 30px);border-radius: 10px;padding: 20px;border: 1px solid var(--tertiary-dark);}
.cont .wrap-table100-sub + .wrap-table100-sub{margin-top: 50px;}
.wrap-table100.s_mt30{margin-top: 30px;}
.set_smt_btn{position: fixed;top: 5px;right: 5px;height: 30px;display: flex;align-items: center;justify-content: center;width: 60px;background: #0077f1;border: none;outline: none;border-radius: 5px;font-size: 18px;font-weight: bold;color: #fff;font-family: "Noto Sans KR", sans-serif;cursor: pointer;}

/* 기본 환경 설정 시작 */
.t_area_bbx{font-size: 18px;display: flex;gap: 20px;margin-top: 20px;flex-wrap: wrap;}
.t_area_bbx p{margin-bottom: 5px;}
.wrap-table100-set input,
.wrap-table100-set textarea{border: none;transition: box-shadow .2s; font-size: 16px;font-family: "Noto Sans KR", sans-serif;padding: 5px;}
.wrap-table100-set input:focus,
.wrap-table100-set textarea:focus {outline: none !important;border: none;}
.wrap-table100-set textarea,
.wrap-table100-set input{width: 100%;}
.wrap-table100-set table tbody tr td:last-child{vertical-align: top; cursor: auto; white-space: normal; padding: 3px;margin: 0;height: auto;background: #fff;text-align: left;}
.wrap-table100-set table tbody tr td:last-child textarea{white-space: normal;}
/* 기본 환경 설정 끝 */
legend.s_s_tit{font-weight: bold;font-size: 30px;}
/* h2.s_s_tit1{margin-top: 0;} */
.filtering::placeholder{color: red;}

svg { width: 24px; height: 24px; color: currentColor; } 
svg path { fill: currentColor; } 
[hidden] { display: none !important; visibility: hidden !important; } 
/* .container { width: 100%; max-width: 900px; margin: 16px; padding: 16px; background-color: white; border-radius: 4px; border: var(--border-on-light); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0px rgba(0, 0, 0, 0.14), 0 1px 5px 0px rgba(0, 0, 0, 0.12); }  */
/* .container_img *{white-space: normal !important;} */
.container_img {width: 500px;max-width: 900px; }
.file-input {width: 500px;display: flex; color: var(--primary-text-on-light); } 
.file-input__label { margin-left: -4px; padding: 0 4px; font-size: 14px; color: var(--secondary-text-on-light); } 
.file-input__input {align-items: flex-start; display: grid; grid-template-columns: auto 1fr auto; width: 100%; } 
.file-input:focus-within { border-color: var(--tertiary-dark); } 
.file-input:focus-within .file-input__label { color: var(--tertiary-dark); } 
/* .file-input__helper { margin-left: 13px; font-size: 12px; color: var(--secondary-text-on-light); }  */
.input { position: relative; } 
.input__left { display: flex; align-items: center;white-space: normal;} 
.input__no-file { margin-right: 16px; white-space: nowrap; } 
.zip_code_btn,
.input__choose {border: none; display: inline-flex; align-items: center; min-height: 34px; margin-right: 16px; padding: 4px 16px; color: var(--primary-text-on-tertiary); text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 1.25px; background: var(--tertiary); border-radius: 4px; white-space: nowrap; cursor: pointer; } 
.zip_code_btn:focus,
.input__choose:focus { background-color: var(--tertiary-dark); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); } 
.input__remove {cursor: pointer; padding: 0; position: absolute; font-size: 0; right: 0; top: 4px; color: var(--secondary-text-on-light); border-radius: 50%; } 
.input__remove * {white-space: normal;}
.input__remove:focus { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); } 
.input__remove:active { color: var(--primary-text-on-light); } 
.chip { display: inline-flex; justify-content: space-between; height: 32px; margin-right: 8px; margin-bottom: 8px; padding: 0 4px 0 12px; align-items: center; background-color: #fafafa; border: var(--border-on-light); border-radius: 17px; white-space: nowrap; } 
.chip__container {text-align: left; padding-right: 24px; white-space: normal !important;margin-top: 10px;} 
.chip__text { display: inline-block; margin-right: 8px; font-size: 14px; } 


/* 소셜 로그인 설정 시작 */
/* .sLSBbx{display: flex;align-items: center;gap: 10px;} */
.wrap-table100-set .chec_bx{display: flex;align-items: center;}
.wrap-table100-set .chec_bx input{width: auto;}

.social_log_bx_t{margin-top: 20px;}
.social_log_bx_t p{color: #000;line-height: 1.4;padding-left: 5px;}
.social_log_bx_t p:nth-child(2){font-weight: bold;font-size: 16px;}
.social_log_bx_t p:nth-child(3){font-size: 16px;}
.ml5{margin-bottom: 5px;}
/* 소셜 로그인 설정 끝 */
/* sms start */
.fbx_2_vertical{display: flex;}
.fbx_2_vertical .fbx_2_v_b{border-top: 1px solid #000;padding: 10px 0;box-sizing: border-box;align-items: center;display: flex;}
.fbx_2_vertical .fbx_2_v_b1{border-top: none;}
.fbx_2_vertical .fbx_2_v_b:nth-child(1){width: 200px;font-weight: bold;}
.fbx_2_vertical .fbx_2_v_b:nth-child(2){width: 200px;display: flex;flex-direction: column;align-items: flex-start;}
.fbx_2_vertical .fbx_2_v_b button,
.fbx_2_vertical .fbx_2_v_b input,
.fbx_2_vertical .fbx_2_v_b select{height: 30px;padding: 0 10px;margin: 10px 0;}
.fbx_2_vertical .fbx_2_v_b:nth-child(2) .chec_bx{display: flex;align-items: center;gap: 10px;}
/* sms end */

/* 팝업 start */
/* .cont input[type='text'] { box-sizing: border-box; padding: 0 15px; }  */
.cont .inputbox input,
.cont .inputbox select { height: 35px; border: 1px solid #d1dcea; box-sizing: border-box; width: 100%;} 
.cont .inputbox {padding: 10px; display: flex; box-sizing: border-box; border: 1px solid #d1dcea; border-radius: 5px;justify-content: space-between;} 
/* .cont .inputbox > div { flex: 1; }  */
.cont .inputbox .calendar {margin-right: 20px; } 
.cont .inputbox .calendar { display: flex; align-items: center; } 
.cont .inputbox .calendar span { margin: 0 15px; flex: 0 0 auto; } 
.cont .inputbox .calendar input { width: 100%;} 
.cont .inputbox .calendar .input { position: relative; flex: 1;max-width: 300px;} 
.cont .inputbox .calendar .input::before { position:absolute; width: 20px; height: 20px; background-image: url(../img/calender_icon.png); content: ''; right: 10px; top: 50%; transform: translateY(-50%); background-position: center; background-size: contain; } 
.cont .inputbox .searchbox { display: flex;max-width: fit-content;} 
.cont .inputbox .searchbox select {width: 100px; } 
.cont .inputbox .searchbox input { flex: 1; width: 300px;font-size: 16px;font-family: "Noto Sans", "Noto Sans KR", sans-serif;margin-left: 10px;} 
.cont .inputbox button { width: 77px; background: #5863fd; color: #fff; margin-left: 15px; } 
.cont  .btnlist { margin-top: 40px; display: flex; justify-content: flex-end; } 
.cont  .btnlist a { background: #969696; color: #fff; height: 45px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; } 
.cont  .btnlist a + a { margin-left: 0px; } 
.cont  .btnlist.center { justify-content: center; } 
.cont .btnlist{flex-direction: column;gap: 5px;width: 80%;margin: 0 auto;}
.cont>.btnlist{max-width: 100px;margin: unset; margin-left: auto;}
.cont form>.btnlist{max-width: 100px;margin: unset; margin-left: auto;margin-top: 10px;}
.cont .btnlist a.color2 { background:var(--tertiary); } 
.cont .btnlist a.color3 { background: #f01a1a; } 
.cont .btnlist a.color4 { background: #424242; } 
.cont .btnlist a.color5 { background: #7b88a2; } 
.cont .btnlist a.color6 { background: rgb(240, 161, 16); } 
.cont .inputbox input[type=button] {transition:.3s;box-sizing: border-box; width: 180px;background:var(--tertiary);border: 1px solid var(--tertiary); color: #fff;cursor : pointer; }
.cont .inputbox input[type=button]:hover{background:#fff;color:var(--tertiary);}
.btnlist { display: flex; justify-content: center; } 
.btnlist a { color: #fff; padding: 5px 15px; height: auto; white-space: nowrap; } 
.btnlist a + a { margin-left: 10px; } 

.statisticsBtn{
  float: left;

}
.statisticsBtn a { color: #fff; height: 45px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px;} 

.color2 { background: var(--cC); } 


._tb1x td > select + select { margin-left: 5px; } 
.page_bx{display: flex;align-items: center;justify-content: center;gap: 6px; color: #fff;font-size: 16px;line-height: 35px;margin-top: 45.5px;margin-bottom: 102px;} 
.page_bx>div{background: #b7b7b7;aspect-ratio: 1/1; height: 25px;display: flex;align-items: center;justify-content: center; cursor: pointer;transition: .3s;} 
.page_bx>div a{display: flex;align-items: center;justify-content: center;}
.page_bx>div.p{}
.page_bx>div.on,
.page_bx>div:hover{background:var(--tertiary);}
.page_bx>div img{width: 15px;}
.page_bx .r_arrow{transform: rotate(180deg);}
.page_bx .t_move.on,
.page_bx .r_arrow.on,
.page_bx .l_arrow.on{background: #AFA3A3;}
.page_bx .t_move{width: 60px;padding: 0 3px; white-space: nowrap;}


/* 팝업 end */

/* cont_fbx_s start */
.cont_fbx_s{margin-bottom: 50px;}
/* cont_fbx_s end */
.de_prog_fbx{display: flex;align-items: center;justify-content: space-between;}
.de_prog{font-size: 12px;border: 1px solid #dbdbdb;width: fit-content;padding: 2px 4px;border-radius: 2px;}

/* settings start */
.wrap-table100-set{}
.wrap-table100-set table{table-layout: auto;}
.wrap-table100-set tr td:first-child{cursor: auto; vertical-align: top; text-align: left;font-weight: bold;color: #000;width: 250px;padding-left: 20px;}

.wrap-table100-set tr .t_td_first:first-child{text-align: center;color: #555;}
/* settings end */
.p{display: block;}
.m{display: none;}



@media screen and (max-width: 1200px){
.wrap-table100-set{width: 100%;}
.wrap-table100-set .table100{width: 800px;}
/* .cont .inputbox{max-width: 600px;} */
.page_bx>div.p{display: none;}
.p{display: none;}
.m{display: block;}
}

@media screen and (max-width: 400px){
.cont_bx .chart_t{width: 100%;overflow-x: auto;gap: 10px;}
.cont .btn_bx{gap: 5px;}
} 

/* sms start */
.sms_phone{gap: 20px; width: 100%;display: flex;align-items: center;justify-content: space-between;}
.sms_phone .sms_p_i{box-shadow: 0 3px 6px #00000042;border-radius: 5px; display: flex;flex-direction: column;justify-content: space-between; position: relative; background: #bacee0;min-width: 300px; min-height: 80vh;width: 60%;font-family: "Noto Sans", "Noto Sans KR", sans-serif;font-size: 16px;}
.sms_phone .sms_p_i_2{background: #fff;}


.icon_bx{display: flex;align-items: center;justify-content: flex-end;gap: 8px;padding-right: 8px;padding-top: 5px;color: #8998a5;}
.talk_bx,
.name_s_bx{display: flex;align-items: center;gap: 10px;padding-left: 10px;color: #000;}
.talk_bx .profil,
.name_s_bx .profil{display: flex;align-items: center;justify-content: center;width: 40px;aspect-ratio: 1/1;border-radius: 10px;background: #94bfe7;}
.talk_bx{margin-top: 30px;}
.talk_bx .c_t_bx{background: #fff;padding: 5px 10px;border-radius: 5px;position: relative;}
.talk_bx .c_t_bx::after{content: '';position: absolute;top: 100%;border-right: 5px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: -5px;top: 50%;transform: translateY(-50%);}
.chat_bx{width: 100%;display: flex;flex-direction: column;font-family: "Noto Sans KR", sans-serif;font-size: 16px;}
.chat_bx input{border: none;padding: 5px;margin-bottom: 2px;}
.chat_bx textarea{width: 100%;padding: 5px;background: #fff;height: 100px;border: none;font-family: "Noto Sans KR", sans-serif;}
.chat_icon_bx{padding: 10px; display: flex;justify-content: space-between;background: #fff;align-items: center;}
.chat_icon_bx .imo_bx{display: flex;gap: 8px;color: #8998a5;}
.chat_icon_bx .send_bx{font-size: 16px;transition: .2s;padding: 2px 14px; background: #fff;border-radius: 3px;border: 1px solid #818181;cursor: pointer;font-family: "Noto Sans KR", sans-serif;}
.chat_icon_bx .send_bx:hover{background: #f3f3f3;}

.list_bx{ height: 70px;width: 95%;margin: 0 auto;margin-bottom: 10px;margin-top: 10px; padding: 5px;padding-left: 15px; border: 1px solid #ccc;border-radius: 10px; overflow-y: scroll;color: #212121;}
.list_bx::-webkit-scrollbar { width: 4px; } 
.list_bx::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; } 
.sms_phone .sms_p_i_2 button,
.sms_phone .sms_p_i_2 input,
.sms_phone .sms_p_i_2 textarea{resize:none; font-size: 16px !important;font-family: "Noto Sans KR", sans-serif !important;color: #000;}
.icode_c{background: #fff;
    padding: 3px 5px;
    font-size: 16px;
    font-family: "Noto Sans KR", sans-serif;border: 1px solid #000;cursor: pointer;border-radius: 3px;font-family: "Noto Sans", sans-serif;font-weight: bold;
}

.total_bx{display: flex;}
.left_bx{display: flex;flex-direction: column;width: calc(100% - 80px);}
.right_bx{display: flex;flex-direction: column;width: 80px;height: 100%;}
.right_add{height: 72px;background-color: rgb(66, 66, 255);color: #fff !important;}
.sms_list_bx_group{display: flex;gap: 20px;position: relative;}
.sms_list_bx_group_tit{display: flex;align-items: center;width: 10%;padding-left: 5px;color: #232323;}

.sms_tool{ border-radius: 20px;width: 38%; box-sizing: border-box;padding: 15px; color: #212121; min-width: 400px;min-height: 80vh;background-color: #fff;box-shadow: 0 3px 6px #00000042;}
.sms_tool_tit{display: flex;justify-content: space-between; padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #212121;}
.sms_tool_tit_left{font-size: 20px;font-weight: 600;}
.sms_tool_tit_right{display: flex;gap: 10px;align-items: center;}
.sms_manage_btn{cursor: pointer; padding: 5px 10px;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.sms_manage_btn:nth-child(1){background-color: #a197ff;color: #fff;}
.sms_manage_btn:nth-child(2){background-color: #3f3f3f;color: #fff;}
.sms_manage_btn:hover{filter: brightness(.9);}

.textarea_bx{display: flex;flex-direction: column;gap: 15px;width: 100%;}
.textarea_bx textarea{padding: 10px; width: 100%;min-height: 100px;border-radius: 15px; resize: none;}
.textarea_bx textarea::-webkit-scrollbar { width: 4px; } 
.textarea_bx textarea::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; } 
.textarea_bx .textarea_btn_group{display: flex;justify-content: center;gap: 20px;}
.textarea_bx .textarea_btn{padding: 5px 15px ; border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.textarea_bx .textarea_btn:nth-child(1){background-color: rgb(66, 66, 255);color: #fff;}
.textarea_bx .textarea_btn:nth-child(2){background-color: rgb(0, 140, 255);color: #fff;}
.textarea_bx .textarea_btn:nth-child(3){background-color: rgb(253, 38, 38);color: #fff;}
.textarea_bx .textarea_btn:hover{filter: brightness(.9);}

.sms_tool_list_group{margin-top: 60px;position: relative;font-family: "Noto Sans KR", sans-serif;}
.sms_tool_list_tit{display: flex;justify-content: space-between;align-items: center; padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #212121;}
.sms_tool_list_tit_list{font-size: 20px;font-weight: 600;}
.sms_tool_list_tit_excel{display: flex;gap: 5px;cursor: pointer;color: #fff;background-color: rgb(5, 170, 5);padding: 5px 10px;border-radius: 5px;}
.sms_tool_list_tit_excel:hover{filter: brightness(.9);}
.sms_tool_list_tit_excel{display: none;}
html.on1 .sms_tool_list_tit_excel{display: none;}
html.on2 .sms_tool_list_tit_excel{display: flex;align-items: center;}

.sms_tool_list_tit_list:nth-child(2){display: none;}
html.on1 .sms_tool_list_tit_list:nth-child(1){display: block;}
html.on1 .sms_tool_list_tit_list:nth-child(2){display: none;}
html.on2 .sms_tool_list_tit_list:nth-child(1){display: none;}
html.on2 .sms_tool_list_tit_list:nth-child(2){display: block;}

.stlte_fbx{display: flex;align-items: center;gap: 10px;}
.stlte_fbx input[type=file]::file-selector-button {width: 100px;height: 30px;background: #fff;border: 1px solid rgb(77,77,77);border-radius: 5px;cursor: pointer;}
.stlte_fbx input{background: #fff;}

.sms_tool_list_bx{margin-top: 15px; display: flex;flex-direction: column;overflow-y: scroll; gap: 10px;box-shadow: 0 1px 5px #00000042; padding: 10px;height: 400px;}
.sms_tool_list_bx::-webkit-scrollbar { width: 4px; } 
.sms_tool_list_bx::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; } 

.sms_tool_list_bx li{cursor: pointer; padding: 10px;line-height: 1.3;border-radius: 5px;border: 1px solid #2121212d;}

.sms_manage_tit:nth-child(2){display: none;}

html.on1 .sms_manage_tit:nth-child(1){display: block;}
html.on1 .sms_manage_tit:nth-child(2){display: none;}
html.on1 .textarea_bx{display: block;}
html.on2 .sms_manage_tit:nth-child(1){display: none;}
html.on2 .sms_manage_tit:nth-child(2){display: block;}
html.on2 .textarea_bx{display: none;}

.sms_table_group{opacity: 0;position: absolute;top: 60px;left: 0;z-index: -1;}
html.on1 .sms_tool_list_bx{display: flex;}
html.on1 .sms_table_group{display: none;}
html.on2 .sms_tool_list_bx{display: none;}
html.on2 .sms_table_group{opacity: 1;z-index: 5;}


.nano-content a{color: #fff;}
.nano-content a:hover{color: #fff;}

@media screen and (max-width: 1025px){
    .sms_tool_list_tit{align-items: flex-start;}
    .sms_tool_list_tit,
    .sms_phone{flex-direction: column;}
}
@media screen and (max-width: 768px){
    .inputbox_cap{overflow-x: auto;}
}
/* sms end */

/* 페이지뷰 추가 시작 */
.inputbox_cap{position: relative;margin-top: 40px;}
.inputbox_cap::before {content: '검색';width: 158px;height: 35px;background: var(--cC);font-weight: bold;color: #fff;padding: 8px 0px;text-align: center;position: absolute;left: 19px;top: calc(-100% - -20px);}
.w_table_select{background: #303030;border: 1px solid #303030;color: #fff;}
/* 페이지뷰 추가 끝 */

/* 그림삽입 수정 시작 */
.note-modal-footer{padding: 0 10px !important;}
.note-btn-primary{background: var(--tertiary) !important;}
.note-modal-footer .note-btn{border-radius: 5px !important;}

.red{color: red;}
/* 그림삽입 수정 끝 */


/* 치료 후기 레이아웃 수정 */
.wrap-table100 .review_table tbody tr th{
    width: 22%;
}

.wrap-table100 .review_table tbody tr th{
    line-height: 22px;
    padding: 12px 5px;
}

.wrap-table100 .review_table tbody tr.bd_n td{
    border: 0;
}

.wrap-table100 .review_table tbody tr td:last-child textarea{
    min-height: 150px;
}


.wrap-table100 .review_table tbody tr:hover {
    background: none;      
    color: #808080;
}

.wrap-table100 .review_table tbody th:hover {
   background: #f5f5f5;
   color: #555;
}