/* 헤더 영역 */
.hearder-area {
    height: 8rem;
}
.hearder-area .cnt-in {
    box-sizing: border-box;
    padding: 0 6rem 0 2rem;
}
.hearder-area .left-area .logo-box {
    width: 13.5rem;
}
.hearder-area .left-area .logo-box img.mb {
    display: none;
}
.hearder-area .left-area .ham-btn {
    display: none;
}

/* ------------------------------------------------------------------------------- */

/* 왼쪽 메뉴 박스 */
.left-menu-box {
    width: 183px;
    min-height: calc(100vh - 58px);
    box-sizing: border-box;
    padding-top: 20px;
}
.left-menu-box .accordion-menu-box .que {
    padding: 10px 12px;
    cursor: pointer;
    box-sizing: border-box;    
    border-top: 1px solid #DBDBDB;
}
.left-menu-box .accordion-menu-box .que:first-child {
    border-top: none;
}
.left-menu-box .accordion-menu-box .que.active .arrow-ico {
    transform: rotate(180deg);
}
.left-menu-box .accordion-menu-box .anw {
    display: none;
}
.left-menu-box .accordion-menu-box .anw li a {
    padding: 8px 40px;
    display: block;
}

/* ------------------------------------------------------------------------------- */

/* 오른쪽 박스 */
.right-box {
    width: calc(100% - 183px);
    min-height: calc(100vh - 58px);
    box-sizing: border-box;
    padding: 54px 80px 60px 80px;
}

/* ------------------------------------------------------------------------------- */

/* 지점 관리 신규등록 박스 */
.branch-management-new-registration-box .has-management-office-input-area .has-management-office-input-box:not(:first-child) {
    margin-top: 8px;
}


/* 회원 관리 박스 */
.member-management-box .btn-area .btn-box .btn {
    width: 126px;
    height: 38px;
    border-radius: 5px;
}
.member-management-box .btn-area .btn-box .btn:not(:last-child) {
    margin-right: 10px;
}

.regiwrap   {   
    display:flex;
}

.subbtnwrap {   
    display: flex;
    justify-content: flex-end;
}

.submitbtn  {
    font-family: 'Pretendard Variable';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
    padding:16px 48px;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}
.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}


.flex .boxes   {
    border:1px solid #DBDBDB;
    border-radius: 10px;
    padding:16px 16px 0 16px;
    width:330px;
}

.dashboard .boxes .titles   {
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard .boxes .titles .title   {
    color:#000000;
    font-weight: 700;
    display:flex;
    align-items: center;
}

.boxes .datas {
    height: calc(100% - 20px);
    overflow-y: scroll;
}

/* 옵션 박스-1 */
.option-box-1 {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 36px 20px 20px;
    border-radius: 5px;
    background: #F5F5F5;
}

@media (max-width:1260px) {
    .option-box-1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .option-box-1 .search-btn {
        margin: 0 auto;
        margin-top: 28px;
    }
    .option-box-1 .option-menu-box .space-area-1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .option-box-1 .option-menu-box .space-area-2 {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 16px;
    }
    .option-box-1 .option-menu-box .space-area h3 {
        margin-bottom: 8px;
    }
}

.mc-ecommerce-card {
	position:relative;
	padding:22px;
	border-radius:8px;
	background-color:#ffffff;
	transition:all linear .3s;
	-webkit-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-ms-transition:all linear .3s;
	-o-transition:all linear .3s;
    flex:1;
}
.mc-ecommerce-card:hover {
	-webkit-box-shadow:0px 15px 25px 0px rgba(var(--blackRGB),8%);
	box-shadow:0px 15px 25px 0px rgba(var(--blackRGB),8%)
}
.mc-ecommerce-card.green {
	background:-webkit-gradient(linear,right top,left top,from(#4eda89),to(#1a9f53));
	background:linear-gradient(to left,#4eda89,#1a9f53)
}
.mc-ecommerce-card.green .mc-ecommerce-card-icon {
	color:#89ecb3;
	background:-webkit-gradient(linear,left top,left bottom,from(#27bf68),to(#1a9f53));
	background:linear-gradient(#27bf68,#1a9f53)
}
.mc-ecommerce-card.green .mc-ecommerce-card-trend {
	color:#1a9f53
}
.mc-ecommerce-card.green .mc-ecommerce-card-compare mark {
	background-color:#187d44
}
.mc-ecommerce-card.green .mc-dropdown-toggle {
	color:#187d44
}
.mc-ecommerce-card.purple {
	background:-webkit-gradient(linear,right top,left top,from(#ed68ff),to(#be0ee1));
	background:linear-gradient(to left,#ed68ff,#be0ee1)
}
.mc-ecommerce-card.purple .mc-ecommerce-card-icon {
	color:#f3a0ff;
	background:-webkit-gradient(linear,left top,left bottom,from(#de2fff),to(#be0ee1));
	background:linear-gradient(#de2fff,#be0ee1)
}
.mc-ecommerce-card.purple .mc-ecommerce-card-trend {
	color:#be0ee1
}
.mc-ecommerce-card.purple .mc-ecommerce-card-compare mark {
	background-color:#a808c3
}
.mc-ecommerce-card.purple .mc-dropdown-toggle {
	color:#a808c3
}
.mc-ecommerce-card.blue {
	background:-webkit-gradient(linear,right top,left top,from(#64b3f6),to(#2b77e5));
	background:linear-gradient(to left,#64b3f6,#2b77e5)
}
.mc-ecommerce-card.blue .mc-ecommerce-card-icon {
	color:#96cefa;
	background:-webkit-gradient(linear,left top,left bottom,from(#4094f1),to(#2b77e5));
	background:linear-gradient(#4094f1,#2b77e5)
}
.mc-ecommerce-card.blue .mc-ecommerce-card-trend {
	color:#2b77e5
}
.mc-ecommerce-card.blue .mc-ecommerce-card-compare mark {
	background-color:#2262d3
}
.mc-ecommerce-card.blue .mc-dropdown-toggle {
	color:#2262d3
}
.mc-ecommerce-card.yellow {
	background:-webkit-gradient(linear,right top,left top,from(#f4d02b),to(#e1940e));
	background:linear-gradient(to left,#f4d02b,#e1940e)
}
.mc-ecommerce-card.yellow .mc-ecommerce-card-icon {
	color:#f6e053;
	background:-webkit-gradient(linear,left top,left bottom,from(#edb213),to(#e1940e));
	background:linear-gradient(#edb213,#e1940e)
}
.mc-ecommerce-card.yellow .mc-ecommerce-card-trend {
	color:#e1940e
}
.mc-ecommerce-card.yellow .mc-ecommerce-card-compare mark {
	background-color:#ae640f
}
.mc-ecommerce-card.yellow .mc-dropdown-toggle {
	color:#ae640f
}
.mc-ecommerce-card-trend {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	font-size:150px;
	opacity:.8
}
.mc-ecommerce-card-head {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:start;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:0px;
	margin-bottom:10px
}
.mc-ecommerce-card-meta {
	font-size:32px;
	font-weight:700;
	position:relative;
	z-index:1;
	color:#ffffff
}
.mc-ecommerce-card-meta span {
	margin-bottom:7px;
	font-size:16px;
	font-weight:500;
	text-transform:capitalize;
	display:block
}
.mc-ecommerce-card-icon {
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:8px;
	text-align:center;
	font-size:28px
}
.mc-ecommerce-card-foot {
	position:relative;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:0px
}
.mc-ecommerce-card-compare {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:start;
	gap:0px 5px;
	color:#ffffff
}
.mc-ecommerce-card-compare mark {
	padding:4px 6px;
	border-radius:4px;
	font-size:12px;
	font-weight:500;
	color:#ffffff
}
.mc-ecommerce-card-compare span {
	font-size:14px;
	text-transform:capitalize
}