/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       Main
///////////////////////////////////////////////////////////////////////////////////////////*/


.main .card-title { display:inline-block; font-size:16px; color:#151724;  font-weight:bold; padding-bottom:12px; }

/* dashboard */
.main-card {display:flex; flex-direction: column; gap:0.65rem; padding:.65rem 0 .65rem; }
.main-card .row {display:flex; width:100%;gap:.65rem; align-items: stretch;justify-content: space-between;}
.main-card .row .card {width:40%;}
.main-card .row .card-40 {width:40%;}
.main-card .row .card-30 {width:30%;}
.main-card .row .card-half {width:50%;}


@media screen and ( max-width:1080px ) {
    .main-card {gap:.65rem; }
	.main-card .row { flex-direction: column; gap:.5rem; }
	.main-card .row .card,
	.main-card .row .card-40,
	.main-card .row .card-30,
	.main-card .row .card-half {width:100%;}

}


/* 통계 */
#allmemberchart {width:100%; height:100%; text-align:center; margin-top:1rem;}


.main .calendar-wrap { gap:.2rem;}
.main .calendar { width:105px; display:inline-block;  vertical-align:middle; position:relative;height:26px;  }
.main .calendar input {display:inline-block; font-size:13px; width:100% !important; margin:0 !important; height:26px; background:transparent !important; border:1px solid #dde3ed; border-radius:var(--radius-default);  }




/* 메인 팝업 */
.layer_popup {}
.layer_popup:before {content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:333; }
.layer_popup .layerBox {position:fixed;left:50%;top:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:var(--radius-pop); box-shadow:7px 7px 20px rgba(0,0,0,0.1); z-index:333;}
.layer_popup .notice_list {width:650px; height:500px; padding:1rem;}
.layer_popup .notice_list li {overflow:hidden; }
.layer_popup .notice_list li .head-title {display:flex; width:auto; align-items: center;height:auto; padding:.5rem 1.5rem 1rem;  border-bottom:1px solid #eaeaea;}
.layer_popup .notice_list li .head-title h2 {font-size:1.05rem; line-height:1.5em;  font-weight:700; color:#333; }
.layer_popup .notice_list li .body-content { width:100%;height:350px; overflow-y:scroll; margin:1rem 0 ; padding: 0rem 1.5rem; font-size:1rem; font-weight:500; color:#777; line-height:1.8rem; }
.layer_popup img {width:auto;}
.layer_popup .btn_wrap { display:flex;justify-content: flex-end; background-color:#4D4E54; position:absolute;left:0; bottom:0; width:100%; height:50px; padding-right:.5rem;border-radius:0 0 var(--radius-pop) var(--radius-pop);}
.layer_popup .btn_wrap input[type=checkbox] + label {color:#fff; display:table-cell; vertical-align:top; text-align:center; font-size:14px;  line-height:30px; padding-right:0;}
.layer_popup .btn_wrap input[type=checkbox] + label:before {border:1px solid #fff; background-color:transparent;  border-radius:1px; }
.layer_popup .btn_wrap input[type=checkbox]:checked + label:before {outline:0;}
.layer_popup .btn_wrap .check { font-size:14px; }
.layer_popup .btn-close { background-color:transparent; color:#fff; font-size:0; padding:0; width:30px; height:30px;border:0; display:flex;align-items: center; }
.layer_popup .btn-close:before {content:"\e921"; font-family:'xeicon'; font-size:1.2rem;}

.slick-arrow {position:absolute; bottom:0;  width:auto; height:50px; border-radius:var(--radius-round); text-align:center; background-color:transparent;  font-size:0; color:#fff; z-index:3333}
.slick-arrow.slick-prev { left:15px;  }
.slick-arrow.slick-prev:before {content:"\e93b";font-family:'xeicon';display:inline-block;line-height:50px; color:#fff; font-size:1.15rem; }
.slick-arrow.slick-prev:after {content:"이전"; margin-left:.1rem;display:inline-block; vertical-align:top; line-height:50px; color:#fff; font-size:14px !important; }
.slick-arrow.slick-next {left:80px}
.slick-arrow.slick-next:after {content:"\e93e"; font-family:'xeicon';display:inline-block;line-height:50px; color:#fff; font-size:1.15rem; }
.slick-arrow.slick-next:before {content:"다음"; margin-right:.1rem; display:inline-block; vertical-align:top; line-height:48px; color:#fff;  font-size:14px !important; }


.slick-dots {position:absolute; left:50%;margin-left:-5%;  width:auto; bottom:1.1rem; text-align: center;z-index:3333}
.slick-dots > li {display: inline-block;vertical-align: top;width: 13px;height:13px;margin: 0 5px !important; padding:0 !important; background-color:#fff; border-radius: 3rem !important;cursor: pointer;}
.slick-dots > li.slick-active {background:var(--color-default) !important; }
.slick-dots > li > button {text-indent:-9999px;}

/* 스크롤바 */
.layer_popup ::-webkit-scrollbar { width: 6px;height:6px;}
.layer_popup ::-webkit-scrollbar-track { background-color: transparent; }
.layer_popup ::-webkit-scrollbar-thumb { background:#fff !important;  border-radius:0; }
.layer_popup ::-webkit-scrollbar-button { display: none; }

