/* 공통 */
.main2 .input-group {
    font-family:var(--font-bold);
    border:1px solid var(--bg-border);
    box-sizing:border-box;
    height:38px;
    background-color:var(--color-bg-base);
}
.main2 .input-group i {
    color:var(--color-input);
}
.head {
    border-bottom:2px solid var(--bg-border);
    margin-right: 1rem ;
    margin-left: 1rem ;
}
.head_btn button {
    width:32px;
    background:none;
    color:var(--bg-modal);
    padding:0;
    border:0;
}
.head_btn button i {
    font-size:18px;
}
.s_px {
    font-size:14px;
    font-family:var(--font-bold);
    font-weight:600;
    color:var(--bg-basefc);
}
.dash1 i {
    color:var(--dash-color1);
    padding-right: 1rem ;
    padding-left: 1rem;
}
.dash2 i {
    color:var(--dash-color2);
    padding-right: 1rem ;
    padding-left: 1rem;    
}
.dash3 i {
    color:var(--dash-color3);
    padding-right: 1rem ;
    padding-left: 1rem;    
}
.dash4 i {
    color:var(--dash-color4);
    padding-right: 1rem ;
    padding-left: 1rem;    
}
.dash5 i {
    color:var(--dash-color5);
    padding-right: 1rem ;
    padding-left: 1rem;    
}

.input-color{
	color:var(--bg-basefc) !important;
	background: var(--area-color1) !important;
	accent-color : var(--area-color1) !important;
	border-color: var(--color-inpu);
}

.input-color::placeholder {
	color:var(--bg-basefc) !important;
}

.bg-header{
    background-color: var(--bg-body);
}

/* 활동현황 테이블 */
.calendar > div > div:first-child {
    width:100%;
}

.work_ctable table tr td {
    border:1px solid var(--bg-border);
    color:var(--bg-basefc);
    font-size:14px;
    font-family:var(--font-bold);
}
.work_ctable table tr th {
    border:1px solid var(--bg-border);
    color:var(--bg-basefc);
}
.work_ctable table tr th:first-child {
    border-left:0;
}
.work_ctable table tr th:nth-child(2) {
    border-right:0;
}
.work_ctable table tr td:first-child {
    border-left:0;
}
.work_ctable table tr td:nth-child(2) {
    border-right:0;
}
.work_ctable table tr:first-child {
    border-top:2px solid var(--bg-modal);
}
/* 일자별 현황 */
.daily_title {
    border-top:1px solid var(--bg-border);
    border-bottom:1px solid var(--bg-border);
}
.daily_show.show {
    display:block;
    overflow:auto;
}

/* 고객채널 */

.ch1 .progress-bar {
    background-color:var(--dash-color1);
}
.ch2 .progress-bar {
    background-color:var(--dash-color2);
}
.ch3 .progress-bar {
    background-color:var(--dash-color3);
}
.ch4 .progress-bar {
    background-color:var(--dash-color4);
}
.ch5 .progress-bar {
    background-color:var(--dash-color5);
}
.ch_cell .txt-ch1{
    color:var(--txtch-color1);
}
.ch_cell .txt-ch2{
    color:var(--txtch-color2);
}
.ch_cell .txt-ch3{
    color:var(--txtch-color3);
}
.ch_cell .txt-ch4{
    color:var(--txtch-color4);
}
.ch_cell .txt-ch5{
    color:var(--txtch-color5);
}
.his1 {
    border:4px solid var(--dash-color1);
}
.his1 i {
    color:var(--dash-color1);
}
.his2 {
    border:4px solid var(--dash-color2);
}
.his2 i {
    color:var(--dash-color2);
}
.his3 {
    border:4px solid var(--dash-color3);
}
.his3 i {
    color:var(--dash-color3);
}
.his4 {
    border:4px solid var(--dash-color4);
}
.his4 i {
    color:var(--dash-color4);
}
.his5 {
    border:4px solid var(--dash-color5);
}
.his5 i {
    color:var(--dash-color5);
}
.tb1 i {
    color:var(--dash-color1);
    font-size: 60px;
}
.tb2 i {
    color:var(--dash-color2);
    font-size: 60px;
}
.tb3 i {
    color:var(--dash-color3);
    font-size: 60px;
}
.tb4 i {
    color:var(--dash-color4);
    font-size: 60px;
}
.tb1 p {
    color:var(--tb-color1);
}
.tb2 p {
    color:var(--tb-color2);
}
.tb3 p {
    color:var(--tb-color3);
}
.tb4 p {
    color:var(--tb-color4);
}
.tb1 > div:nth-child(2) {
    background-color:var(--tb-color1-1);
}
.tb2 > div:nth-child(2) {
    background-color:var(--tb-color2-1);
}
.tb3 > div:nth-child(2) {
    background-color:var(--tb-color3-1);
}
.tb4 > div:nth-child(2) {
    background-color:var(--tb-color4-1);
}

.tb_icon p i {
    font-size:14px;
    margin-right:5px;
}
.tb_icon .graph {
    color:var(--grap-color);
}
.tb_icon .up {
    color:var(--up-color);
    transform:translateY(2px);
}
.tb_icon .down {
    color:var(--dn-color);
}
/* 판매진행현황 */
.sale i {
    font-size:35px;
}
.sel1 i {
    color:var(--dash-color1);
}
.sel2 i {
    color:var(--dash-color2);
}
.sel3 i {
    color:var(--dash-color3);
}
.sel4 i {
    color:var(--dash-color4);
}
.sel5 i {
    color:var(--dash-color5);
}
.probar{margin:0 !important;border-radius: 5px;}

.progress {
    height:20px!important;
    background-color:var(--div-back) !important;
    border-radius:0!important;
}
.probar1 .progress-bar {
    background-color:var(--dash-color1);
}
.probar2 .progress-bar {
    background-color:var(--dash-color2);
}
.probar3 .progress-bar {
    background-color:var(--dash-color3);
}
.probar4 .progress-bar {
    background-color:var(--dash-color4);
}
.probar5 .progress-bar {
    background-color:var(--dash-color5);
}
.intro1 .intro {
    background-color:var(--intro1-bg-color);
}
.intro1 i {
    color:var(--dash-color1);
}
.intro2 .intro {
    background-color:var(--intro2-bg-color);
}
.intro2 i {
    color:var(--dash-color2);
}
.intro3 .intro {
    background-color:var(--intro3-bg-color);
}
.intro3 i {
    color:var(--dash-color3);
}
.intro4 .intro {
    background-color:var(--intro4-bg-color);
}
.intro4 i {
    color:var(--dash-color4);
}
.intro5 .intro {
    background-color:var(--intro5-bg-color);
}
.intro5 i {
    color:var(--dash-color5);
}

/*할 일 테이블 */
#work-list{
	overflow: hidden;
    overflow-y: auto;
    max-height: 300px;
	color:#b1b4b7;
	overflow:overlay;
    overscroll-behavior:none;
}
#work-list::-webkit-scrollbar {
    background-color:#e8eaed;
    width:5px;
    background-clip:padding-box;
}

#work-list::-webkit-scrollbar-thumb {
    width:5px;
    background-clip:padding-box;
    box-shadow:inset 0 0 0 5px;
}
#work-list div{font-family: var(--font-bold);
    color: var(--bg-basefc);
 }

#work-list .tlist{
 width:100%;
}
#work-list .t_time{
    width: 127px;
}
#work-list .t_work{
    width: calc(100% - 159px);
}
.wn99{
   width:99.9%;
}


/* 반응형 */
@media (max-width:1520px) {
.as_list .flex-row.flex-wrap.border{flex-direction: column !important;}
.as_list .wp-35{width:100% !important;}
.as_list .wp-65{width: 100% !important;max-width:100% !important;height: 37px;margin-left: 0;}
.as_list .wp-50{}


}
@media (max-width:1300px) {
.fc-toolbar{gap: 0rem !important; height: 80px!important;margin-bottom: 10px!important;}
.fc-toolbar .fc-toolbar-chunk:nth-child(1){flex: 0 0 40%;order: 1;}
.fc-toolbar .fc-toolbar-chunk:nth-child(2){flex: 0 0 100%;order: 3;text-align: center;}
.fc-toolbar .fc-toolbar-chunk:nth-child(3){flex: 0 0 60%;order: 2;}

.fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group{width: calc(50% - 1.5px); border: 1px solid var(--bg-border);}
.fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group button{border:0;height: 33px;display: flex;
    align-items: center;
    justify-content: center;}
.fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group + button{width: calc(50% - 1.5px);height: 35px!important;margin-left: 3px;font-family: var(--font-bold)!important; font-weight: 600;}
.fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group{width: calc(100% - 3px);margin-left:3px;}
.fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button{width: calc(25% - 2.25px); height: 35px;margin-right: 3px !important;}
.fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button:last-child{margin-right: 0 !important;}






}
@media (max-width:1280px) {
	.mana_pro + .flex-column{flex-direction: column !important;}
	.mana_cont {width: 95% !important; padding-left:0 !important;border-left:0 !important;}
	#work-list .tlist{flex-direction: column;align-items: flex-start;}
	#work-list .t_time{padding-bottom: 0 !important;}
	#work-list .t_work{ width:100%; padding-top: 0.5rem !important;margin-left: 0 !important;}




}
@media (max-width:1024px) {
.title-group.main-title-group {
    flex-direction: column !important;
}
.title-group.main-title-group .top_head2 + div{
    flex-basis: auto;
	justify-content: flex-start !important;
}


}
@media (max-width:767px) {
    .head_switch .switch_label, .form_switch .switch_label {
        overflow:hidden;
        position:relative;
        display:inline-block;
        width:50px;
        height:24px;
        border-radius:30px;
        background-color:var(--switch-bg-color);
        color:var(--bg-white);
        cursor:pointer;
        transform:all .3s;
        vertical-align:-6px;
    }
    .up {
        font-size:14px;
        line-height:14px;
        color:var(--up-color);
        font-weight:600;
        margin-top:5px;
    }
    .up i {
        font-size:16px;
        color:var(--up-color);
        transform:translateY(3px);
        margin-right:5px;
    }
    .down {
        font-size:14px;
        line-height:14px;
        color:var(--dn-color);
        font-weight:600;
        margin-top:5px;
    }
    .down i {
        font-size:16px;
        color:var(--dn-color);
        margin-right:5px;
    }
    .dash_frame2 .up{margin-bottom: 0;}
    .dash_frame2 .down{margin-bottom: 0;}
	.layout1 .up{margin-bottom: 0;}
	.layout1 .down{margin-bottom: 0;}


    .head {
        height:60px;
    }
    .head h5 {
        font-size:20px;
        font-family:var(--font-medium);
        font-weight:500;
        color:var(--txt-color);
    }
    .cont1 {
        margin-bottom:10px;
    }
    /* frame */
    .dash_frame {
        display:flex;
        flex-wrap:wrap;
        height:auto;
        gap:10px;
    }
    .dash_frame > div {
        display:flex;
        justify-content:center;
        height:120px;
    }
    
    .dash_frame > div:nth-child(-n+5) {
        /*flex:0 0 calc(50% - 5px);*/
    }
    
    .dash_frame > div:nth-child(5) {
        /*flex:0 0 100%;*/
    }
    
    .dash_frame2 {
        display:flex;
        flex-wrap:wrap;
        height:auto;
    }
    .dash_frame2 > div {
        display:flex;
        justify-content:center;
        height:120px;
        padding: 1rem;
    }
    .dash_frame2 > div:nth-child(-n+5) {
        flex:0 0 50%;
    }
    /*
    .dash_frame2 > div:nth-child(5) {
        flex:0 0 100%;
    }
    */
    .dash_frame2 > div:nth-child(odd) {
        border-right:1px solid var(--bg-border);
    }    

    .top_head2 p {
        font-size:35px;
        font-family:var(--font-bold);
        font-weight:600;
        color:var(--bg-basefc);
    }
    .main2 {
        padding:10px;
        margin-bottom:70px;
        background-color:var(--bg-main);
    }
    .main2 .input-group input[type="text"] {
        width:50px;
        height:22px;
        border:0;
        border-left:1px solid var(--bg-border);
    }
    .main2 .input-group input[type="text"]::-webkit-input-placeholder {
        font-family:var(--font-regluar);
        color:var(--color-input);
    }
    .main2 select {
        width:calc(85% - 42px);
        height:38px;
        border:1px solid var(--bg-border);
        border-radius:0;
        color:var(--bg-basefc);
        font-family:var(--font-regluar);
    }
    .main2 .select_form button {
        width:38px;
        height:38px;
        background-color:var(--bg-modal);
        color:var(--bg-white);
        border:0;
        border-radius:5px;
    }

    .date_form {
        width:100%;
        margin-top:10px;
    }
    .date_form > div:first-child {
        width:15%;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
    }
    .date_form > div:nth-child(2) {
        width:85%;
    }
    .date_form > div:nth-child(2) .input-group {
        width:calc(50% - 4px);
    }
    .date_form > div:nth-child(2) .input-group:nth-child(2) {
        margin-left:8px;
    }
    .select_form {
        width:100%;
        margin-top:5px;
    }
    .select_form > div:first-child {
        width:15%;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
    }
    .select_form > div:nth-child(2) {
        width:85%;
    }
    /* dashboard */
    .cont1 > div > div i {
        font-size:30px;
    }
    .dash_gap > div:nth-child(2) > div:first-child {
        width:80%;
        height:90%;
    }
    .dash_gap > div:nth-child(2) > div:nth-child(2) {
        width:20%;
        height:90%;
    }
    .dash6 > div > div:nth-child(2) i {
        font-size:2rem;
        color:var(--dash-color1);
        margin-right: 0.8rem;
    }
    .dash7 > div > div:nth-child(2) i {
        font-size:2rem;
        color:var(--dash-color2);
        margin-right: 0.8rem;
    }
    .dash8 > div > div:nth-child(2) i {
        font-size:2rem;
        color:var(--dash-color3);
        margin-right: 0.8rem;
    }
    .dash9 > div > div:nth-child(2) i {
        font-size:2.5rem;
        color:var(--dash-color4);
        margin-right: 0.8rem;
    }
    .dash10 > div > div:nth-child(2) i {
        font-size:2.5rem;
        color:var(--dash-color5);
        margin-right: 0.8rem;
    }
    .flex-p {
        font-size:16px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
        text-align: center;
        margin-bottom: 0.3rem;
    }
    .flex-h3 {
        font-size:25px;
        font-family:var(--font-bold);
        font-weight:600; 
    }
    .flex-h4 {
        font-size:1.2em;
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
        margin-bottom: 0.25rem;
        text-align:center;
    }
    .dash_frame2 .flex-h4 {
		text-align:left;
	}

    .flex-h5 {
        font-size:1.1em;
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
    }
    /* HIS FLEX 현황 */
    .his_list .flexbox-item, .sale .flexbox-item {
        border:1px solid var(--bg-border);
        border-radius:5px;
        overflow:hidden;
        position: relative;
		margin: 0 !important;
	}

    .his_list {
        display:flex;
        flex-wrap:wrap;
        height:auto;
    }
    .his_list > div {
        display:flex;
        justify-content:center;
        height:132px;
    }

    
    .his_list > div:nth-child(-n+3) {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    .his_list > div:nth-child(4) {
        /*flex:0 0 calc(50% - 8px);*/
    }
    .his_list > div:nth-child(5) {
       /*flex:0 0 calc(50% - 8px);*/
    }
    
    .his_list > div > div:first-child {
        height:42px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .his_list > div > div:nth-child(2) {
        height:110px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
    }
    .his_list > div > div:nth-child(2) > div {
        width:42px;
        height:42px;
        background-color:var(--bg-box);
        box-sizing:border-box;
    }
    .his_list > div > div:nth-child(2) i {
        font-size:16px;
        vertical-align:-3px;
    }
    .his_list > div > div:nth-child(2) > p {
        margin-top:6px!important;
        margin-bottom: 2px;
    }
    .his2_list > div > div {
        width:42px;
        height:42px;
    }
	.his2_list .border-r5{
	border-radius:5px;
	}


    .total_bd1 {
        display:flex;
        flex-wrap:wrap;
    }
   
    .total_bd1 > div {
         /*flex:0 0 calc(50% - 8px);*/
    }
    
    .tob1 i {
        font-size:30px;
        color:var(--dash-color1);
    }
    .tob2 i {
        font-size:30px;
        color:var(--dash-color2);
    }
    .tob3 i {
        font-size:30px;
        color:var(--dash-color3);
    }
    .tob4 i {
        font-size:30px;
        color:var(--dash-color5);
    }
    .tob5 i {
        font-size:30px;
        color:var(--dash-color4);
    }
    .tob6 i {
        font-size:30px;
        color:var(--dash-color6)
    }
    .total_board > div > div > div:nth-child(2) i {
        font-size:45px;
    }
    .work_ctable table tr th {
        height:45px;
    }
    .work_ctable table tr td {
        height:45px;
    }
    /* ito 현황 */
    .ito {
        display:flex;
        flex-wrap:wrap;
    }
    .ito > div {
        /*display:flex;*/
        justify-content:center;
    }

    .ito > div:first-child {
        flex:0 0 100%;
        margin-bottom:5px;
    }
    .ito > div:nth-child(n+2):nth-child(-n+5) {
        /*flex:0 0 25%;*/
    }

    .ito .flex1{margin-bottom:1rem !important;}
    .ito .ito5{margin-bottom:1rem !important;}

    .ito_list {
        display:flex;
        flex-wrap:wrap;
    }
    .ito_list > div {
        display:flex;
        justify-content:center;
    }
    .ito_list > div:first-child {
        /*flex:0 0 100%;*/
        margin:0 auto;
    }
    .ito1_list > div {
        /*transform:translate(-50%, -50%);*/
        top:calc(50% - 25px);
        left:calc(50% - 30px);
    }
    .ito1_list h4 {
        font-size:1.8rem;
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
        margin-bottom: 0.25rem;
    }       

    .ito2_list {
        margin:auto;
        width:100%;
    }
    .ito2_list > div {
        display:flex;
        justify-content:center;
    }
    .ito1 > div {
        width:60px;
        height:60px;
        border:4px solid var(--dash-color0);
    }    

    .ito2 > div {
        width:60px;
        height:60px;
        border:4px solid var(--dash-color1);
    }
    .ito3 > div {
        width:60px;
        height:60px;
        border:4px solid var(--dash-color2);
    }
    .ito4 > div {
        width:60px;
        height:60px;
        border:4px solid var(--dash-color3);
    }
    .ito5 > div {
        width:60px;
        height:60px;
        border:4px solid var(--dash-color4);
    }
    .dash_gap2 > div:nth-child(2) {
        width:80%;
    }
    .dash_gap2 > div:nth-child(3) {
        width:20%;
    }
    .dash_gap3 > div:first-child {
        width:80%;
    }
    .dash_gap3 > div:nth-child(2) {
        width:20%;
    }
    .total1 > div:nth-child(2) > i {
        font-size:30px;
        color:var(--dash-color1);
    }
    .total2 > div:nth-child(2) > div:nth-child(2) i {
        font-size:30px;
        color:var(--dash-color2);
    }
    .total3 > div:nth-child(2) > div:nth-child(2) i {
        font-size:30px;
        color:var(--dash-color3);
    }
    .total4 > div:nth-child(2) > div:nth-child(2) i {
        font-size:40px;
        color:var(--dash-color4);
    }
    .total5 > div:nth-child(2) > div:nth-child(2) i {
        font-size:40px;
        color:var(--dash-color5);
    }
    #ito_chart1 {
        width:180px!important;
        height:180px!important;
    }
    #ito_chart2 {
        width:180px!important;
        height:180px!important;
    }
    /* 판매진행현황 */
    .sale {
        display:flex;   
        flex-wrap:wrap;
    }
    .sale > div {
        display:flex;
        justify-content:center;
        height:140px;
    }
    
    .sale > div:first-child {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    .sale > div:nth-child(2) {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    .sale > div:nth-child(3) {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    .sale > div:nth-child(4) {
        /*flex:0 0 calc(50% - 8px);*/
    }
    .sale > div:nth-child(5) {
        /*flex:0 0 calc(50% - 8px);*/
    }
    
    /* 판매진행현황 */
    .sale_progress ul {
        padding:0;
        margin:0;
        display:flex;
        flex-wrap:wrap;
		justify-content: center;
    }
    .sale_progress ul li {
        height:auto;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    .sale_progress ul li .p_txt{
	margin-bottom: 5px;
	}

    .sale_progress ul li .sale_bar {
        width:30px;
        height:30px;
        box-sizing:border-box;
        border-radius:50%;
        margin:0 0 5px 0;
        display:grid;
        place-items:center;
        position:relative;
    }
/*
    .sale_progress ul li .sale_bar::after {
        content:"";
        position:absolute;
        width:90px;
        height:1px;
        background-color:var(--bg-basefc);
        left:-94px;
    }    
*/
    .pro_sale1 {
        border:4px solid var(--sale1-border-color);
        background-color:var(--sale1-bg-color);
    }
    .pro_sale2 {
        border:4px solid var(--sale2-border-color);
        background-color:var(--sale2-bg-color);
    }
    .pro_sale3 {
        border:4px solid var(--sale3-border-color);
        background-color:var(--sale3-bg-color);
    }
    .pro_sale4 {
        border:4px solid var(--sale4-border-color);
        background-color:var(--sale4-bg-color);
    }
    .pro_sale5 {
        border:4px solid var(--sale5-border-color);
        background-color:var(--sale5-bg-color);
    }

    .sale_progress ul li:first-child > div::after {
        content:none;
    }
    .sale_progress ul li:nth-child(4) > div::after {
        content:none;
    }



    /* 담당자 조회 */
    .mana_list > div {
        background-color:var(--bg-table);
        border-radius:5px;
    }
    .mana_name {
        color:var(--bg-basefc);
        font-size:16px;
        font-family:var(--font-bold);
    }
    .mana_cont {
        display:-webkit-box;
        font-size:14px;
        color:var(--bg-basefc);
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        text-overflow:ellipsis;
        overflow:hidden;
        font-family:var(--font-bold);
    }

    .mana_list{
		height: 295px;
		box-sizing: border-box;
		overflow: overlay;
		overflow-x: hidden;
		overflow-y: scroll;
		overscroll-behavior: none;
		color: var(--daily-frame-color);
	}
    .mana_list::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .mana_list::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }


    .mana_list > div > div:first-child {
        width:23%;
    }
    .mana_list > div > div:nth-child(2) {
        width:72%;
        padding:0 5px;
    }
    .mana_list > div > div:nth-child(3) {
        width:5%;
        text-align:center;
    }
    .mana_pro > div:first-child {
        width:48px;
        height:48px;
    }
    .mana_pro > div .flex-name {
        font-size:24px;
        color:var(--bg-white);
    }
    .mana_pro > div > i {
        color:var(--mana-pro-ulike-color);
        font-size:24px;
        top:-3px;
        left:-11px;
    }
    
    /* 일자별 현황 */
    .daily_frame {
        height:325px;
        box-sizing:border-box;
        overflow:overlay;
        overflow-x:hidden;
        overflow-y:scroll;
        overscroll-behavior:none;
        color:var(--daily-frame-color);
    }
    .daily_frame::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .daily_frame::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }
    .more_icon {
        position:relative;
    }
    .d_icon {
        float:right;
        width:16px;
        height:16px;
        line-height:3px;
        background-color:var(--d-icon-bg-color);
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        text-align:center;
    }
    .d_icon i {
        color:var(--bg-white);
        font-size:12px;
    }
    .daily .d_h4 {
        font-size:16px;
        font-family:var(--font-bold);
        color:var(--daily-txt-color);
    }
    .daily .d_date {
        font-size:16px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        text-align:right;
    }
    .daily_show {
        display:-webkit-box;
        -webkit-line-clamp:2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow:hidden;
        font-size:14px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
    }
    /* 일자별 현황 */
    .daily_box {
        width:100%;
        height:470px;
        position:relative;
        display:block;
        overflow:overlay;
        overflow-x:hidden;
        overflow-y:scroll;
        overscroll-behavior:none;
        color:var(--daily-frame-color);
    }
    .daily_box::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .daily_box::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }
    .daily_box ul.daily {
        width:100%;
        padding-left:14px;
        display:inline-block;
        margin-top:20px;
    }
    .daily_box ul.daily li {
        box-sizing:border-box;
        border-left:1px solid var(--daily-frame-color);
        padding:0 0 20px 20px;
        position:relative;
        margin:auto;
    }
    .daily_box ul.daily li::before {
        position:absolute;
        left:-15px;
        top: calc(50% - 28px);
        content:"";
        border:7px solid var(--daily_box-border-color);
        border-radius:50%;
        background-color:var(--bg-white);
        width:30px;
        height:30px;
    }
    ul.daily li .timestamp {
        width:calc(100% - 15px);
        min-height:50px;
        position:relative;
        background-color:var(--daily_box-bg-color);
        border-radius:5px;
        margin-left:15px;
        padding-left:15px;
        padding-top:15px;
        padding-bottom:15px;
        display:inline-block;
    }
    ul.daily li .timestamp:after {
        content:'';
        position:absolute;
        left:0;
        top:50%;
        width:0;
        height:0;
        border:10px solid transparent;
        border-right-color:var(--daily_box-bg-color);
        border-left:0;
        margin-top:-12px;
        margin-left:-10px;
    }
    .timestamp div {
        /*float:left;*/
    }
    .time_title {
        font-size:14px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
    }
    .time_date {
        color:var(--time-color);
        font-size:14px;
        font-family:var(--font-bold);
        float:right!important;
        margin-right:50px;
    }
    .time_date:after {
        font-family:"Font Awesome 6 Free";
        font-weight:700;
        content:"\f107";
        font-style:normal;
        font-size:18px;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        position:absolute;
        right:15px;
        top:13px;
        color:var(--bg-modal);
    }
    .time_normal {
        color:var(--time-color);
        font-size:14px;
        font-family:var(--font-bold);
        /*float: right !important;*/
        margin-right: 20px;        
    }
    .time_gbox {
        color:var(--bg-white);
        width:80px;
        height:30px;
        text-align: center;
        padding-top:5px;
        margin-top:-5px;
        font-size:14px;
        font-family:var(--font-bold);
        float:right !important;
        margin-right:20px;        
        background-color:var(--bg-check);
        border-radius:3px;
    }    
    .time_normal {
        margin-right: 40px !important;
    }
    .time_last:after {
        font-family:"Font Awesome 6 Free";
        font-weight:700;
        content:"\f107";
        font-style:normal;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        position:absolute;
        right:15px;
        top:15px;
    }
    ul.daily li.active .timestamp{
        background-color:var(--daily-active-bg-color);
    }
    ul.daily li.active .timestamp:after {
        top:27px;
    }
    ul.daily li.active .timestamp .time_date:after {
        content:"\f106";
    }    
    ul.daily li.active .timestamp .timestamp-detail{
        display:inline-block;
    }

    ul.daily li.active .timestamp:after {
        border-right-color:var(--daily-active-bg-color);
    }
    .timestamp-detail{
        width:90%;
        margin-left:5%;
        margin-top: 25px;
        font-size:14px;
        display:none;
        color:var(--bg-basefc);
    }
    .timestamp-detail:before {
        font-family:"Font Awesome 6 Free";
        font-weight:400;
        font-size:18px;
        content:"\f4ad";
        font-style:normal;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        color:var(--time-detial-color);
    }
    .pro_list ul {
        width:100%;
        margin:0;
        padding:0;
        display:flex;
        flex-wrap:wrap;
    }
    .pro_list ul li {
        height:auto;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }

    .pro_list ul li .progress1 {
        width:83%;
        height:45px;
        line-height:37px;
        border-radius:45px;
        /*background-color:var(--bg-white);*/
        margin:5px 0;
        place-items:center;
        text-align:center;
        position:relative;
    }
    .pro_list ul li .pro_one {
        border:4px solid var(--pro-list1-border-color);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_two {
        border:4px solid var(--pro-list2-border-color);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_three {
        border:4px solid var(--pro-list3-border-color);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_four {
        border:4px solid var(--pro-list4-border-color);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_five {
        border:4px solid var(--pro-list5-border-color);
        box-sizing:border-box;
    }
    /*
    .pro_list ul li .progress1::after {
        content:"";
        position:absolute;
        width:22%;
        height:1px;
        background-color:var(--pro-list-bg-color);
        left:calc(-22% - 4px);
        top:20px;
    }
    */
    .pro_list ul li:first-child > div::after {
        content:none;
    }
    .pro_list ul li:nth-child(3) > div::after {
        content:none;
    }
    .pro_list ul li:last-child > div::after {
        content:none;
    }

    /* 단가계약진행현황 */
    .pro_list2 {
        display:flex;
        flex-wrap:wrap;
    }
    .pro_list2 > div {
        height:160px;
    }
    
    .pro_list2 > div:nth-child(-n+3) {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    .pro_list2 > div:nth-child(n+4):nth-child(-n+5) {
        /*flex:0 0 calc(50% - 8px);*/
    }
    
    .pro_list2 .flex-p {
        font-size:15px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
        text-align: center;
    }
    
    /* 고객채널 */
    .channel > div > div:first-child {
        width:26%;
    }
    .channel .progress {
        width:40%;
        height:16px;
        background-color:var(--ch-bg-color);
        margin-top:4px;
    }
    .p_txt {
        font-size:14px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
    }
    /* 할일 */
    .task {
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        font-size:14px;
    }
    .task > div {
        background-color:var(--bg-table);
    }
    .task > div:nth-child(2n-1) > .tback {
        width:12px;
        background-color:var(--task-odd-bg-color);
    }
    .task > div:nth-child(2n) > .tback {
        width:12px;
        background-color:var(--task-even-bg-color);
    }
    .tlist_btn {
        font-size:24px;
        color:var(--task-btn-color);
    }
    .t_chk input[type="checkbox"] {
        width:18px;
        height:18px;
        border:2px solid var(--task-border-color);
        border-radius:10px;
        background-color:var(--bg-box);
    }
    /* 담당자 조회 */
    .mana_search input[type="search"] {
        width:calc(100% - 34px);
        border:0;
    }
    .mana_search .input-group button i {
        color:var(--bg-basefc);
    }
    .mana_search input[type="search"]::-webkit-input-placeholder {
        font-family:var(--font-regluar);
        font-size:16px;
        color:var(--bg-basefc);
        text-indent:5px;
    }
    .mana_search button {
        width:34px;
        border:0;
        border-left:1px solid var(--bg-border);
        background-color:var(--bg-white);
    }
    .mana_search .input-group {
        width:100%;
        height:34px;
        border-radius:5px;
        overflow:hidden;
    }
    .tb_icon p {
        display:table-cell;
        width:80px;
        height:30px;
        line-height:30px;
        vertical-align:middle;
        font-size:14px;
        font-family:var(--font-bold);
        font-weight:600;
        color:var(--bg-basefc);
        text-align:center;
    }
    .tb_icon p i {
        font-size:14px;
        margin-right:5px;
    }
    /* doctors */
    .doctor_list > div {
        display:flex;
        flex-wrap:wrap;
    }
    
    .doctor_list > div > div:nth-child(-n+4) {
       /*flex:0 0 calc(50% - 12px);*/
    }
    
    .doctor_list > div > div {
        height:170px;
        border-radius:10px;
        overflow:hidden;
    }
    .scheduled {
        width:100%;
        height:55%;
        background-color:var(--sch-bg-color);
    }
    .free {
        width:100%;
        height:55%;
        background-color:var(--sch-free-bg-color);
    }
    .doc_blue {
        width:100px;
        height:100px;
        border-radius:50%;
        border:4px solid var(--doc-blue-border-color);
        background-color:var(--bg-box);
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .doc_yellow {
        width:100px;
        height:100px;
        border-radius:50%;
        border:4px solid var(--doc-yellow-border-color);
        background-color:var(--bg-box);
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .doctor_list > div > div p.tx_blue {
        color:var(--txt-blue-color);
    }
    .doctor_list > div > div p.tx_yellow {
        color:var(--txt-yellow-color);
    }
    .tx_blue {
        font-size:14px;
        color:var(--txt-blue-color);
        font-family:var(--font-bold);
        font-weight:600;
        position:absolute;
        bottom:20px;
        left:50%;
        transform:translate(-50%, 25px);
    }
    .tx_yellow {
        font-size:14px;
        color:var(--txt-yellow-color);
        font-family:var(--font-bold);
        font-weight:600;
        position:absolute;
        bottom:20px;
        left:50%;
        transform:translate(-50%, 25px);
    }
    .intro_cont > div {
        display:flex;
        flex-wrap:wrap;
    }
    
    .intro_cont > div > div:nth-child(-n+4) {
        /*flex:0 0 calc(50% - 12px);*/
    }
    
    .intro_cont > div > div {
        height:170px;
        border-radius:10px;
        overflow:hidden;
    }
    .intro {
        width:110px;
        height:110px;
        border-radius:50%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -65%);
    }
    .intro_cont i {
        font-size: 50px;
        position: absolute;
        top: calc(50% + 5px);
        left:50%;
        transform:translate(-50%, -65%);
    }
    .intro_cont p {
        font-size:14px;
        font-family:var(--font-bold);
        font-weight:600;
        color:var(--cont-color);
        position:absolute;
        bottom:35px;
        left:50%;
        transform:translate(-50%, 25px);
        width: 100%;
        text-align: center;        
    }

    .aside.aside-default {
        width: 100%;
        background-color: var(--bg-menu1);
    }

    #sidebar-menu{
        position:fixed;
        z-index:100;
        overflow: hidden;
        overflow-y: auto;
        height: calc(100% - 70px);
    }


    .modal_chat_context {
        width: 60%;
        position: absolute;
        z-index: 100;
        top: 20%;
        left: 25px;
        background-color: var(--bg-box);
        border: 1px solid var(--const-border-color);
        box-shadow: #9a9a9a 3px 3px 3px;
        display: none;
    }   

    .msg_chat{
        position: absolute !important;
        background-color: var(--bg-box);;
        z-index: 999;
		width: 100%;
    }

    .m-top-logo{
        width:100%;
        background-color: var(--bg-body);
        padding:15px 8px;
        border-bottom: 1px solid var(--bg-border);
    }
    .m-top-logo .close{
        float:right;
        background-color:var(--bg-modal);
        border:none;
        margin-top:3px;
		width: 26px !important;
		height: 26px !important;
	}
    .m-top-logo .close i{
        font-size: 20px;
        color: var(--bg-white);
        background-color:var(--bg-modal)
    }   
	
	.modal_context_menu {
		width:200px;
		position:absolute;
		z-index:100;
		top:50%;
		left:20%;
		background:var(--bg-box);
		border:1px solid var(--const-border-color);
		box-shadow: #9a9a9a 3px 3px 3px;
		display:none;
	}
    
    .text-end p, .text-end h4 {
        text-align: right;
    }

    .t-left {
        text-align: left !important;
    }

    .chat_head.mo-view .chat_user{
        margin-left:80px;
		font-size: 0.8em;
    }

    .chat_main .message_main{
		padding-right: 0 !important;
	}
    .chat_main .message .message_cont.flex-row-reverse .message_main{
		padding-left: 0 !important;
		padding-right: 1rem !important;
	}

	.msg_setmenu{
		width:  100% !important;
		max-width: 370px;
	}
	.setmenu_btn button{
	    font-size: 14px !important;
	}

    .title-group.main-title-group {flex-direction: column !important;}
    .title-group.main-title-group .align-items-center{ flex-direction: column !important;}
    
    i.fa-heart.like {
        color:var(--mana-pro-color);
    } 
    i.fa-heart.unlike {
        color:var(--mana-pro-ulike-color);
    } 
}
@media(max-width:400px){
    .sale_progress ul li .sale_bar::after {
        content:"";
        position:absolute;
        width:72px;
        height:1px;
        background-color:var(--bg-basefc);
        left:-76px;
		display:none;
    }  
}


@media (min-width:768px) {
    /* frame */
    .dash_frame {
        gap:25px;
    }
    .dash_frame > div {
        /*width:20%;*/
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .dash_frame2{
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .dash_frame2 > div {
        padding:0.5rem 1.5rem;
    }

    .dash_frame2 > div:nth-child(n+2):nth-child(-n+5) {
        border-left:1px solid var(--bg-border);
    }
    .dash_frame3 > div {
        width:25%;
    }
    .main2_size2 {
        width:75%;
    }
    .main2_size1 {
        width:25%;
    }
    .head {
        height:70px;
    }
    .head h5 {
        font-size:24px;
        font-family:var(--font-medium);
        font-weight:500;
        color:var(--txt-color);
    }
 
    .top_head2 p {
        font-size:40px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
    }
    .main2 .input-group input[type="text"] {
        width: calc(100% - 30px);
		max-width: 150px;
        height:22px;
        border:0;
        border-left:1px solid var(--bg-border);
    }
    .main2 .input-group input[type="text"]::-webkit-input-placeholder {
        font-family:var(--font-regluar);
        color:var(--color-input);
    }
    .main2 select {
        min-width:180px;
        height:38px;
        border:1px solid var(--bg-border);
        border-radius:0;
        color:var(--bg-basefc);
        font-family:var(--font-regluar);
    }
    .main2 .select_form button {
        width: 48px;
        height: 35px;
        background-color:var(--bg-modal);
        color:var(--bg-white);
        border:0;
        border-radius:5px;
    }
    /* dashboard */
    .cont1 > div > div i {
        font-size:40px;
    }
    .dash_gap > div:nth-child(2) > div:first-child {
        width:70%;
        height:90%;
    }
    .dash_gap > div:nth-child(2) > div:nth-child(2) {
        width:30%;
        height:90%;
    }
    .dash_gap2 > div:nth-child(2) {
        width:75%;
    }
    .dash_gap2 > div:nth-child(3) {
        width:25%;
    }
    .dash_gap3 > div:first-child {
        width:75%;
    }
    .dash_gap3 > div:nth-child(2) {
        width:25%;
    }
    .dash6 > div > div:nth-child(2) i {
        font-size:50px;
        color:var(--dash-color1);
    }
    .dash7 > div > div:nth-child(2) i {
        font-size:50px;
        color:var(--dash-color2);
    }
    .dash8 > div > div:nth-child(2) i {
        font-size:50px;
        color:var(--dash-color3);
    }
    .dash9 > div > div:nth-child(2) i {
        font-size:60px;
        color:var(--dash-color4);
    }
    .dash10 > div > div:nth-child(2) i {
        font-size:60px;
        color:var(--dash-color5);
    }
    .flex-p {
        font-size:17px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
        margin-bottom: 0 !important;
    }
    .flex-p.t-left {
        text-align: left !important;
    }
    .flex-h3 {
        font-size:1.7vw; /*35px;*/
        font-family:var(--font-bold);
        font-weight:600; 
    }
    .flex-h4 {
        font-size:1.8vw; /*37px;*/        
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
        margin-bottom: 0.25rem;
    }
    .flex-h5 {
        font-size:1.5vw; /*30px;*/
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
    }
    .main6 > div:first-child {
        width:60%;
    }
    .main6 > div:nth-child(2) {
        width:40%;
    }
	.main6 .mt-1rem{margin-top:1rem;}


    .main5{
        justify-content: space-around !important;
        gap: 1.5rem !important; 
    }

    .main3 > div {
        width:33.33%;
    }
    .up {
        font-size:16px;
        line-height:16px;
        color:var(--up-color);
        font-weight:600;
        margin-top:10px;
    }
    .up i {
        font-size:18px;
        color:var(--up-color);
        transform:translateY(3px);
        margin-right:5px;
    }
    .down {
        font-size:16px;
        line-height:16px;
        color:var(--dn-color);
        font-weight:600;
        margin-top:10px;
    }
    .down i {
        font-size:18px;
        color:var(--dn-color);
        margin-right:5px;
    }

    .dash_frame2 .up{margin-bottom: 0;}
    .dash_frame2 .down{margin-bottom: 0;}
	.layout1 .up{margin-bottom: 0;}
	.layout1 .down{margin-bottom: 0;}

    /* HIS FLEX 현황 */
    .his_list .flexbox-item, .sale .flexbox-item {
        border:1px solid var(--bg-border) !important;
        border-radius:5px;
        overflow:hidden;
        position: relative;
		margin: 0 !important;
    }
	/*
    .his_list .flexbox-item:first-child{
		margin-left: 0 !important;
	}
	*/

	.his2_list .border-r5{
	border-radius:5px;
	}
	.his2_list .flex-p{
	margin-bottom: auto !important;
	}



    .his_list > div {
        height:174px;
    }
    .his_list > div > div:first-child {
        height: 50px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .his_list > div > div:nth-child(2) {
        height:144px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
    }
    .his_list > div > div:nth-child(2) > div {
        width:44px;
        height:44px;
        background-color:var(--bg-box);
        box-sizing:border-box;
    }
    .his_list > div > div:nth-child(2) i {
        font-size:16px;
        vertical-align:-5px;
    }
    .his2_list > div > div {
        width:44px;
        height:44px;
    }
    /* ITO 현황 */

    .ito1_list {
        width:100%;
        height:210px;
    }
    .ito1_list > div {
        /*transform:translate(-50%, -55%);*/
        top:calc(50% - 25px);
        left:calc(50% - 30px);
    }
    .ito1_list h4 {
        font-size:1.8rem;
        color:var(--bg-basefc);
        font-family:var(--font-black);
        font-weight:600;
        margin-bottom: 0.25rem;
    }   
    .ito1 > div {
        width:80px;
        height:80px;
        border:4px solid var(--dash-color0);
    }
    .ito2 > div {
        width:80px;
        height:80px;
        border:4px solid var(--dash-color1);
    }
    .ito3 > div {
        width:80px;
        height:80px;
        border:4px solid var(--dash-color2);
    }
    .ito4 > div {
        width:80px;
        height:80px;
        border:4px solid var(--dash-color3);
    }
    .ito5> div {
        width:80px;
        height:80px;
        border:4px solid var(--dash-color4);
    }
    .total1 > div:nth-child(2) > i {
        font-size:40px;
        color:var(--dash-color1);
    }
    .total2 > div:nth-child(2) > div:nth-child(2) i {
        font-size:40px;
        color:var(--dash-color2);
    }
    .total3 > div:nth-child(2) > div:nth-child(2) i {
        font-size:40px;
        color:var(--dash-color3);
    }
    .total4 > div:nth-child(2) > div:nth-child(2) i {
        font-size:50px;
        color:var(--dash-color4);
    }
    .total5 > div:nth-child(2) > div:nth-child(2) i {
        font-size:50px;
        color:var(--dash-color5);
    }
    .total_bd1 {
        display:flex;
        flex-wrap:wrap;
    }
    
    .total_bd1 > div {
        /*flex:0 0 calc(33.33% - 11px);*/
    }
    
    .total_bd1 > div:nth-child(-n+3) {
        margin-bottom:5px;
    }
    .tob1 i {
        font-size:30px;
        color:var(--dash-color1);
    }
    .tob2 i {
        font-size:30px;
        color:var(--dash-color2);
    }
    .tob3 i {
        font-size:30px;
        color:var(--dash-color3);
    }
    .tob4 i {
        font-size:30px;
        color:var(--dash-color5);
    }
    .tob5 i {
        font-size:30px;
        color:var(--dash-color4);
    }
    .tob6 i {
        font-size:30px;
        color:var(--dash-color6)
    }
    /* 판매진행현황 */
    .sale_progress {
        height:250px;
    }
    .sale_progress ul {
        margin:0;
        padding:0;
    }
    .sale_progress ul li {
        width:20%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
		margin-top:1rem;
    }

    .sale_progress ul li .sale_bar {
        width:30px;
        height:30px;
        box-sizing:border-box;
        border-radius:50%;
        margin:0 0 10px 0;
        display:grid;
        place-items:center;
        position:relative;
    }
    .pro_sale1 {
        border:4px solid var(--dash-color1);
        background-color:var(--sale1-bg-color);
    }
    .pro_sale2 {
        border:4px solid var(--dash-color2);
        background-color:var(--sale2-bg-color);
    }
    .pro_sale3 {
        border:4px solid var(--dash-color3);
        background-color:var(--sale3-bg-color);
    }
    .pro_sale4 {
        border:4px solid var(--dash-color4);
        background-color:var(--sale4-bg-color);
    }
    .pro_sale5 {
        border:4px solid var(--dash-color5);
		background-color:var(--sale5-bg-color);
    }
    /*
    .sale_progress ul li .sale_bar::after {
        content:"";
        position:absolute;
        width:120px;
        height:1px;
        background-color:var(--pro-list-bg-color);
        left:-124px;
    }
    */
    .sale_progress ul li:first-child > div::after {
        content:none;
    }
    /* 할일 */
    .task {
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        font-size:16px;
    }

    .task::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .task::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }    

    .task > div {
        background-color:var(--div-back);
    }
    .task > div:nth-child(2n-1) > .tback {
        width:12px;
        background-color:var(--task-odd-bg-color);
    }
    .task > div:nth-child(2n) > .tback {
        width:12px;
        background-color:var(--task-even-bg-color);
    }
    .tlist_btn {
        font-size:24px;
        color:var(--task-btn-color);
    }
    .t_chk input[type="checkbox"] {
        width:18px;
        height:18px;
        border:2px solid var(--task-border-color);
        border-radius:10px;
        background-color:var(--bg-box);
    }
	/* 주문현황 조회 */
	#order_table2_wrapper .dataTables_length{margin-bottom:0;}



    /* 담당자 조회 */
    .mana_search input[type="search"] {
        border:0;
    }
    .mana_search .input-group button i {
        color:var(--bg-basefc);
    }
    .mana_search input[type="search"]::-webkit-input-placeholder {
        font-family:var(--font-regluar);
        font-size:16px;
        text-indent:5px;
    }
    .mana_search button {
        border:0;
        border-left:1px solid var(--bg-border);
        background-color:var(--bg-box);
    }
    .mana_search .input-group {
        height:36px;
        border-radius:5px;
        overflow:hidden;
    }
    .mana_list{
		height: 295px;
		box-sizing: border-box;
		overflow: overlay;
		overflow-x: hidden;
		overflow-y: scroll;
		overscroll-behavior: none;
		color: var(--daily-frame-color);
	}
    .mana_list::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .mana_list::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }


    .mana_list > div {
        background-color:var(--bg-table);
    }
    .mana_name {
        color:var(--bg-basefc);
        font-size:16px;
        font-family:var(--font-bold);
		white-space: nowrap;
    }
    .mana_cont {
		width: 90%;
        display:-webkit-box;
        font-size:14px;
        color:var(--bg-basefc);
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        text-overflow:ellipsis;
        overflow:hidden;
        font-family:var(--font-bold);
        border-left:1px solid var(--mana-pro-cont-border-color);
    }
    .mana_pro > div:first-child {
        width:45px;
        height:45px;
        background-color:var(--mana-pro-fst-bg-color);
    }
    .mana_pro > div .flex-name {
        font-size:24px;
        color:var(--bg-white);
    }
    .mana_pro > div > i {
        color:var(--mana-pro-ulike-color);
        font-size:24px;
        top:-3px;
        left:-11px;
    }

    i.fa-heart.like {
        color:var(--mana-pro-color);
    } 
    i.fa-heart.unlike {
        color:var(--mana-pro-ulike-color);
    } 
    

    /* 일자별 현황 */
    .daily_frame {
        height:325px;
        box-sizing:border-box;
        overflow:overlay;
        overflow-x:hidden;
        overflow-y:scroll;
        overscroll-behavior:none;
        color:var(--daily-frame-color);
    }
    .daily_frame::-webkit-scrollbar {
        background-color:var(--daily-frame-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .daily_frame::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }
    .more_icon {
        position:relative;
    }
    .d_icon {
        float:right;
        width:16px;
        height:16px;
        line-height:3px;
        background-color:var(--d-icon-bg-color);
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        text-align:center;
    }
    .d_icon i {
        color:var(--bg-white);
        font-size:12px;
    }
    .daily .d_h4 {
        font-size:16px;
        font-family:var(--font-bold);
        color:var(--daily-txt-color);
    }
    .daily .d_date {
        font-size:16px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
        text-align:right;
    }
    .daily_show {
        display:-webkit-box;
        -webkit-line-clamp:2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow:hidden;
        font-size:14px;
        font-family:var(--font-bold);
        color:var(--bg-basefc);
    }
    /* 일자별 현황 */
    .daily_box {
        width:100%;
        height:600px;
        position:relative;
        display:block;
        overflow:overlay;
        overflow-x:hidden;
        overflow-y:scroll;
        overscroll-behavior:none;
        color:var(--daily-frame-color);
    }
    .daily_box::-webkit-scrollbar {
        background-color:var(--daily-scroll-bg-color);
        width:5px;
        background-clip:padding-box;
    }
    .daily_box::-webkit-scrollbar-thumb {
        width:5px;
        background-clip:padding-box;
        box-shadow:inset 0 0 0 5px;
    }
  


    .daily_box ul.daily {
        width:100%;
        padding-left:14px;
        display:inline-block;
        margin-top:20px;
    }
    .daily_box ul.daily li {
        box-sizing:border-box;
        border-left:1px solid var(--const-border-color);
        padding:0 0 20px 20px;
        position:relative;
        margin:auto;
    }
    .daily_box ul.daily li::before {
        position:absolute;
        left:-15px;
        top: calc(50% - 28px);
        content:"";
        border:7px solid var(--daily_box-border-color);
        border-radius:50%;
        background-color:var(--bg-white);
        width:30px;
        height:30px;
    }
    ul.daily li .timestamp {
        width:calc(100% - 15px);
        min-height:50px;
        position:relative;
        background-color:var(--div-back);
        border-radius:5px;
        margin-left:15px;
        padding-left:15px;
        padding-top:15px;
        padding-bottom:15px;
        display:inline-block;
    }
    ul.daily li .timestamp:after {
        content:'';
        position:absolute;
        left:0;
        top:50%;
        width:0;
        height:0;
        border:10px solid transparent;
        border-right-color:var(--div-back);
        border-left:0;
        margin-top:-10px;
        margin-left:-10px;
    }
    .timestamp div {
        float:left;
    }
    .time_title {
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
    }
    .time_date {
        color:var(--time-color);
        font-size:14px;
        font-family:var(--font-bold);
        float:right!important;
        margin-right:50px;
    }
    .time_date:after {
        font-family:"Font Awesome 6 Free";
        font-weight:700;
        content:"\f107";
        font-style:normal;
        font-size:18px;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        position:absolute;
        right:15px;
        top:13px;
        color:var(--bg-modal);
    }
    .time_normal {
        color:var(--time-color);
        font-size:14px;
        font-family:var(--font-bold);
        float: right !important;
        margin-right: 20px;        
    }
    .time_gbox {
        color:var(--bg-box);
        width: 80px;
        height: 30px;
        text-align: center;
        padding-top:5px;
        margin-top:-5px;
        font-size:14px;
        font-family:var(--font-bold);
        float: right !important;
        margin-right: 20px;        
        background-color:var(--time-box-bg-color);
        border-radius: 3px;
    }    
    .time_normal {
        margin-right: 40px !important;
    }
    .time_last:after {
        font-family:"Font Awesome 6 Free";
        font-weight:700;
        content:"\f107";
        font-style:normal;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        position:absolute;
        right:15px;
        top:15px;
    }
    ul.daily li.active .timestamp{
        background-color:var(--daily-active-bg-color);
    }
    ul.daily li.active .timestamp:after {
       /* top:25px;*/
    }
    ul.daily li.active .timestamp .time_date:after {
        content:"\f106";
    }    
    ul.daily li.active .timestamp .timestamp-detail{
        display:inline-block;
    }

    ul.daily li.active .timestamp:after {
        border-right-color:var(--daily-active-bg-color);
    }
    .timestamp-detail{
        width:90%;
        margin-left:5%;
        margin-top: 25px;
        font-size:14px;
        display:none;
    }
    .timestamp-detail:before {
        font-family:"Font Awesome 6 Free";
        font-weight:400;
        font-size:18px;
        content:"\f4ad";
        font-style:normal;
        display:inline-block;
        font-style:normal;
        font-variant:normal;
        text-rendering:auto;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        background:0 0;
        color:var(--time-detial-color);

    }


    /* 단가계약진행현황 */
    .pro_list ul {
        margin:0;
        padding:0;
    }
    .pro_list ul li {
        width:20%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        margin:0 12px;
    }
    .pro_list ul li .progress1 {
        width:100%;
        height:45px;
        line-height:37px;
        border-radius:45px;
        /*background-color:var(--area-color1);*/
        margin:5px 0;
        display:grid;
        place-items:center;
        position:relative;
    }
    .pro_list ul li .pro_one {
        border:4px solid var(--dash-color1);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_two {
        border:4px solid var(--dash-color2);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_three {
        border:4px solid var(--dash-color3);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_four {
        border:4px solid var(--dash-color4);
        box-sizing:border-box;
    }
    .pro_list ul li .pro_five {
        border:4px solid var(--dash-color5);
        box-sizing:border-box;
    }
    /*
    .pro_list ul li .progress1::after {
        content:"";
        position:absolute;
        width:24px;
        height:1px;
        background-color:var(--pro-list-bg-color);
        left:-28px;
    }
    */
    .pro_list ul li:first-child > div::after {
        content:none;
    }
    /* 고객채널 */
    .channel > div > div:first-child {
        width:20%;
    }
    .channel .progress {
        width:200px;
        height:24px;
        background-color:#F5F5F5;
    }
    .p_txt {
        font-size:15px;
        color:var(--bg-basefc);
        font-family:var(--font-bold);
        font-weight:600;
    }
    .total_board > div > div > div:nth-child(2) i {
        font-size:60px;
    }
    .tb_icon p {
        display:table-cell;
        width:80px;
        height:30px;
        line-height:30px;
        vertical-align:middle;
        font-size:14px;
        font-family:var(--font-bold);
        font-weight:600;
        color:var(--bg-basefc);
        text-align:center;

    }
    .tb_icon .my-auto .fa-solid{margin-top: 0 !important;}
    .doctor_list > div > div {
        height:280px;
        border-radius:10px;
    }
    .scheduled {
        width:100%;
        height:55%;
        background-color:var(--sch-bg-color);
    }
    .free {
        width:100%;
        height:55%;
        background-color:var(--sch-free-bg-color);
    }
    .doc_blue {
        width:180px;
        height:180px;
        border-radius:50%;
        border:4px solid var(--doc-blue-border-color);
        background-color:var(--bg-box);
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .doc_yellow {
        width:180px;
        height:180px;
        border-radius:50%;
        border:4px solid var(--doc-yellow-border-color);
        background-color:var(--bg-box);
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .doctor_list > div > div {
        overflow:hidden;
    }
    .doctor_list > div > div p.tx_blue {
        color:var(--txt-blue-color);
    }
    .doctor_list > div > div p.tx_yellow {
        color:var(--txt-yellow-color);
    }
    .tx_blue {
        font-size:16px;
        color:var(--txt-blue-color);
        font-family:var(--font-bold);
        font-weight:600;
        position:absolute;
        bottom:20px;
        left:50%;
        transform:translate(-50%, 10px);
    }
    .tx_yellow {
        font-size:16px;
        color:var(--txt-yellow-color);
        font-family:var(--font-bold);
        font-weight:600;
        position:absolute;
        bottom:20px;
        left:50%;
        transform:translate(-50%, 10px);
    }
    .intro_cont > div > div {
        height:280px;
        border-radius:10px;
    }
    .intro {
        width:160px;
        height:160px;
        border-radius:50%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .intro_cont i {
        font-size:70px;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -55%);
    }
    .intro_cont p {
        font-size:16px;
        font-family:var(--font-bold);
        font-weight:600;
        color:var(--bg-basefc);
        position:absolute;
        bottom:40px;
        left:50%;
        transform:translate(-50%, 10px);
        width: 100%;
        text-align: center;        
    }
    /* 차트 */
    #ito_chart1 {
        width:75%!important;
    }
    #ito_chart2{
        margin-left:calc(50% - 110px);
    }
    
    .head_switch .switch_label, .form_switch .switch_label {
        overflow:hidden;
        position:relative;
        display:inline-block;
        width:50px;
        height:24px;
        border-radius:30px;
        background-color:var(--switch-bg-color);
        color:var(--bg-white);
        cursor:pointer;
        transform:all .3s;
        margin-top:8px;
    }

    .modal_context_menu{
        width:40%;
        position:absolute;
        z-index:100;
        top:50%;
        left:52%;
        background-color:var(--bg-box);
        border:1px solid var(--const-border-color);
        box-shadow: var(--modal-box-shadow-color) 3px 3px 3px;
        display:none;
    }

    .modal_chat_context{
        width:20%;
        position:absolute;
        z-index:100;
        top:41%;
        left:25px;
        background-color:var(--bg-box);
        border:1px solid var(--const-border-color);
        box-shadow: var(--modal-box-shadow-color) 3px 3px 3px;
        display:none;
    }
  

    #calendar .fc-col-header{width: 100% !important;}
    #calendar .fc-daygrid-body{width: 100% !important;}
    #calendar .fc-scrollgrid-sync-table{width: 100% !important;}   
    
    
    .title-group.main-title-group{
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

}   

/* switch */
.head_switch input[type="checkbox"], .form-switch input[type="checkbox"] {
    display:none;
}
.head_switch .switch_label, .form_switch .switch_label {
    overflow:hidden;
    position:relative;
    display:inline-block;
    width:50px;
    height:24px;
    margin-top: 8.81px;
    border-radius:30px;
    background-color:var(--switch-bg-color);
    color:var(--bg-white);
    cursor:pointer;
    transform:all .3s;
    vertical-align:-5px;
}
.switch_label .switch_btn {
    position:absolute;
    top:2px;
    left:2px;
    display:block;
    width:20px;
    height:20px;
    background-color:var(--bg-modal);
    border-radius:50%;
}
.switch_input:checked + .switch_label {
    background-color:var(--switch-bg-color);
}
.switch_input:checked + .switch_label .on {
    display:inline-block;
}
.switch_input:checked + .switch_label .off {
    display:none;
}
.switch_input:checked + .switch_label .switch_btn {
    left:28px;
}


.odd{
    background-color: var(--div-back);
}

.dragable{
    cursor: move;
}

.pointer{
    cursor: pointer;
}

.accordion-button {
    text-align:center;
    padding-left:8px!important;
    padding-top:3px!important;
}
.accordion-button:after {
    background-image:none!important;
    transform:none!important;
}



.modal_context_menu ul{
    width:100%;  
    padding-left:0;
    margin-bottom: 0;
}
.modal_context_menu ul li{
    width:100%;
    height:45px;
    line-height:45px;
    padding-left:15px;
    border-bottom:1px solid var(--const-border-color);
    cursor:pointer;    
}   


.favorite{
    background-color:var(--bg-box) !important;
}

.accordion-button {
    text-align:center;
    padding-left:8px !important;
    padding-top:3px !important;;
}

.accordion-button:after{
    background-image:none !important;
    transform:none !important;

}

.users:hover, .chats, .chat_list>div{
    border-radius: 5px;
}

.users:hover, .chats:hover, .chat_list>div:hover{
    background-color:var(--hover-color);
}

.setmenu2{
    display: inline-block;
}

.setmenu2 img{
    width:80px;
    height:80px;
    margin-bottom:5px;
    margin-right:5px;
}

.rounded-circle{
    background-size: contain;
}

.mobile-logout{
    background-color : var(--bg-blue);
    color : var(--bg-white) !important;
}

.mobile-logout .f-r{
    float:right;
    margin-top: 15px;
    margin-right: 10px;
}

.wp-10 {
    width: 10% !important; }

.wp-15 {
width: 15% !important; }

.wp-20 {
width: 20% !important; }

.wp-25 {
width: 25% !important; }

.wp-35 {
width: 35% !important; }

.wp-50 {
width: 50% !important; }

.wp-65 {
width: 65% !important; }

.wp-75 {
width: 75% !important; }

.wp-80 {
width: 80% !important; }

.wp-85 {
width: 85% !important; }

.wp-90 {
    width: 90% !important; }

.wp-100 {
width: 100% !important; }

.wpx-80{
    width:80px !important;
}
.wpx-140{
    width:140px !important;
}

.favorite1{
    background-color:var(--favorite1-color);
}
.favorite2{
    background-color:var(--favorite2-color);
}
.favorite3{
    background-color:var(--favorite3-color);
}
.favorite4{
    background-color:var(--favorite4-color);
}
.favorite5{
    background-color:var(--favorite5-color);
}

.file-excel{
    background-color: var(--file-excel-color);
}
.file-word{
    background-color: var(--file-word-color);
}
.file-ppt{
    background-color: var(--file-ppt-color);
}
.file-txt{
    background-color: var(--file-txt-color);
}

.his-bg1{
	background-color:var(--his-head1_bg-color);
}
.his-bg2{
	background-color:var(--his-head2_bg-color);
}
.his-bg3{
	background-color:var(--his-head3_bg-color);
}
.his-bg4{
	background-color:var(--his-head4_bg-color);
}
.his-bg5{
	background-color:var(--his-head5_bg-color);
}

.border{
	border:1px solid var(--bg-border) !important;
}
.m-r-2{margin-right:10px;}
.m-t-1{margin-top:4px;}