.conBox01{position: relative;width:100%;height:auto;margin-bottom:30px;    min-height: ;    display: flex;justify-content: space-between; box-sizing: border-box;}
.miniBn{width:30%;background:url(/myoffice/img/mini_bn01.png) no-repeat center;border-radius:20px;float:left;box-shadow: 10px 10px 20px rgb(62 59 198 / 20%); padding: 2% 2% 1% 2%;}
.miniBn h4{font-size:25px; color:#fff;font-weight: 300;}
.miniBn .title {margin-bottom:38px; font-size:18px; font-family:'gilroybold', 'Noto Sans KR'; text-align:left;}
.miniBn .w50 {float:left; width:50%;}
.miniBn .list .name {font-size:14px; line-height:1;color:#935420;}
.miniBn .list .data {font-size:20px; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:0.7px; margin-bottom:10px;}
.miniBn .list {margin-bottom:10px;}
.bn_logo{background:url(/image/brand_logoW2.png) no-repeat;width:238px; height:74px; margin-top:10px;}

.bonusWrap {width:40%;float:left;position: relative;background:#fff;padding:2% 2% 1% 2%;border-radius:20px;box-shadow:10px 10px 20px rgb(62 59 198 / 20%); text-align:left;}
.bonusWrap .title {margin-bottom:20px; font-size:18px; font-family:'gilroybold', 'Noto Sans KR';}
.bonusWrap .w50 {float:left; width:50%;}
.bonusWrap .w33 {float:left; width:33%;}
.bonusWrap .list {margin-bottom:15px;}
.bonusWrap .list .name {font-size:14px; line-height:1;color:#935420;}
.bonusWrap .list .data {font-size:20px; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:0.7px;}

.conSub01 {width:24%; float:left; position:relative;}
.mboWrap{
	width: 100%;
    height: 260px;
    background: #fff;
    margin: 0;
    padding: 6% 7% 4% 7%;
    border-radius: 20px;
    box-shadow: 10px 10px 20px rgb(62 59 198 / 20%);
	float: left;
}
.mboWrap .mName2 {font-size: 18px;font-family: 'gilroybold', 'Noto Sans KR';padding: 0 0 20px 0;margin: 0; text-align:left;}
.mboWrap ul li {
    float: left;
    width: 50%;
    padding: 0 0 28px 60px;
}
.m01 {background:url(/myoffice/img/m01_icon.png) no-repeat left 0;}
.m02 {background:url(/myoffice/img/m02_icon.png) no-repeat left 0;}
.m03 {background:url(/myoffice/img/m03_icon.png) no-repeat left 0;}
.m04 {background:url(/myoffice/img/m04_icon.png) no-repeat left 0;}
.m05 {background:url(/myoffice/img/m05_icon.png) no-repeat left 0;}
.m06 {background:url(/myoffice/img/m06_icon.png) no-repeat left 0;}
.mboWrap .num {
    font-size: 20px;
    line-height: 1.1;
	font-weight: 600;
}

.mboWrap .inviteRow {display:flex; height:46px; border-radius:6px; overflow:hidden; border:1px solid #C07F4C; margin-bottom:10px;}
.mboWrap .inviteRow input {flex:1; min-width:0; height:46px; background:rgba(255,255,255,0.04); color:#935420; border:0; padding:0 14px; font-size:15px; font-family:'gilroymedium','Noto Sans KR';}
.mboWrap .inviteCopy {display:flex; align-items:center; gap:6px; padding:0 20px; background:#C07F4C; border:0; border-left:1px solid rgba(255,255,255,0.08); color:#fff; font-size:15px; font-weight:600; cursor:pointer; transition:background 0.2s; white-space:nowrap; font-family:'gilroymedium','Noto Sans KR';}
.mboWrap .inviteCopy:hover {background:#935420;}
.mboWrap .inviteCopy.copied {background:#935420;}
.mboWrap .inviteCopy svg {width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}

.conBox2{width:100%;position: relative;display: flex; justify-content: space-between; box-sizing: border-box;}

.quick_invBox{width:30%; float: left;padding: 40px 0;}
.quick_invBox .quick2, .mInvite{width:100%;}
.quick2 {display: flex;width: 100%; justify-content:center;/*flex-wrap: wrap;*/}
.quick2 .quick_item{width:100px;float:left;margin: 0 20px 15px 0;height: auto; }
.quick2 .quick_item span{  height:10px;display: block;margin: 0 auto;font-size: 15px;font-weight: 500;text-align: center;}
.quick2 li {width: 100%; height: auto;text-align: center; color:#fff; font-size:15px; font-weight: 300;  transition:.3s;margin-bottom: 5px; }
.quick2 .quick_item:nth-child(4) {margin: 0 0 15px 0;}
.quick2 li img{width:100%; border-radius:15px;}
.quick2 li:hover {background-size: 120%;}
.quick2 li a {display: block; width: 100%; height: 100%;}
.teamWrap {
	width: 40%;
	background: #fff;
	border-radius: 20px;
	color: #333;
	padding:3% 4%;
	box-shadow: 10px 10px 20px rgb(62 59 198 / 20%);
	display: flex;
	float:left;
}
.teamWrap .teamLeft{width:100%;border-right:1px solid #f1f1f1;margin-right: 30px;padding-right: 30px;}
.teamWrap .teamRight{width:100%;}
.teamWrap ul {/* width: 100%; */background-size: auto; }
.teamWrap .th{width:60%;float: left;}
.teamWrap .td{width:40%;float: left; text-align: right;}
.teamWrap .tTit {font-size: 18px;font-weight: 600;}
.teamWrap .mt-26{margin-top: 26px;}
.teamWrap .mName2 {font-size: 22px;font-weight: 600;padding: 0 0 12px 0;margin: 0;}
.teamWrap .tit {font-size: 14px;font-weight: 300;line-height: 1.2;}
.teamWrap .tit2 {font-size: 14px;font-weight: 300;line-height: 1.2;}
.teamWrap .num {font-size: 15px;color: #000;font-weight: 500;text-align: right;}
.teamWrap .teamLeft .cont1{margin-top:20px;}
.teamWrap .teamRight .cont1{margin-top:20px;}
.teamWrap .tMem1, .teamWrap .tMem2 {height: 20px; background:#935420;margin: 0 0 6px 5px; padding: 0 12px 0 12px; color: #fff; font-size: 10px; line-height: 20px;border-radius: 10px;display: inline-block; vertical-align: middle;}

.mStatus{width:24%;background:#fff;float:left;border-radius:20px;padding: 2% 2% 1% 2%;float:left;box-shadow: 10px 10px 20px rgb(62 59 198 / 20%);}
.mStatus .cont1{width:100%;background:#ece8f6;padding: 10px 0; overflow:hidden;}
.mStatus ul {width: 100%;background-size: auto;margin: 10px 0;padding: 0 0 0 20px;}
.mStatus .th{width:60%;float: left;line-height: 1.6;}
.mStatus .td{width:40%;float: left; text-align: right;}
.mStatus .mName2 {font-size: 18px;font-family: 'gilroybold', 'Noto Sans KR';padding: 0 0 20px 0;margin: 0; text-align:left;}
.mStatus .tit {font-size: 14px;font-weight: 300;line-height: 1.2;}
.mStatus .num {font-size: 15px;display: block;margin-right: 20px;color: #000;font-weight: 550;}

@media screen and (max-width: 1700px) {
	.conSub01, .teamWrap{width:38%;}
	.quick2 .quick_item{margin: 0 5px 15px 0;}
}

@media screen and (max-width: 1500px) {
	.conBox01{margin-bottom: 20px;}
	.mboWrap{padding: 60px 35px;}
}

@media screen and (max-width: 1450px) {
	.quick2 {float: left; width: auto; border-left: 0; padding: 0; margin: 0; position: relative;left:50%; transform:translateX(-50%);}
}

@media screen and (max-width: 1300px) {
	.miniBn{width:100%; height:auto; padding: 40px;}
	.mboWrap .num{font-size:18px;}
}

@media screen and (max-width: 900px) {
	.conBox2{display:block;}
	.conSub01,.teamWrap,  .mStatus  {width: 48.5%;}
	.quick_invBox{width:100%;padding:0}
	.quick_invBox .quick2 {width:70%;text-align:center;}
	.quick2 {margin-bottom: 20px;}
	.quick2 .quick_item {margin: 0 47px 15px 0;}
	.quick2 .quick_item:nth-child(4) {margin: 0 0 15px 0;}
	.teamWrap{width:100%; /* display:block; */}
	.mboWrap .num{font-size:17px;}
	.bonusWrap {width:100%; height:auto; margin:0px 0 0 0; padding:40px 5% 20px 5%;}
}

@media screen and (max-width: 725px) {
	.conSub01{width: 57%;}
	.quick2 .quick_item{margin: 0 20px 15px 0;}
	.mStatus{width:39%;}
	.mboWrap .num{font-size:16px;}
	.miniBn .title {margin-bottom:18px;}
	.miniBn .list {margin-bottom:13px;}
	.miniBn .list .name {font-size:13px;}
	.miniBn .list .data {font-size:17px;}
	.bonusWrap .list {margin-bottom:13px;}
	.bonusWrap .list .name {font-size:13px;}
	.bonusWrap .list .data {font-size:17px;}
}

@media screen and (max-width: 678px) {
	.conBox01{display: block;}
	.conSub01, .quick_invBox, .mStatus {width: 100%;}
	.mStatus, .quick_invBox{margin-top:20px;}
	.mStatus {padding: 25px 25px 20px 35px;}
	.quick_invBox .quick2{display:flex;justify-content: space-between;margin-bottom: 15px;flex-flow: row;width:100%;}
	.mboWrap{margin-top:15px;padding: 30px 75px 10px 75px;height:auto;}
}

@media screen and (max-width: 590px) {
	.quick_invBox{margin-right:0}
	.quick2 .quick_item {margin: 0 25px 15px 0;}
	.teamWrap {display:block;}
	.teamWrap .teamLeft{margin-right: 0;padding-right: 0;border:0;}
	.teamWrap .teamLeft .cont1{height: 90px;width: 100%;background: #ece8f6; padding: 10px 0;margin-bottom: 15px;}
	.teamWrap .teamRight .cont1{height: 90px;width: 100%;background: #ece8f6; padding: 10px 0;}
	.teamWrap .teamLeft .cont1 ul, .teamWrap .teamRight .cont1 ul {margin: 5px 0;padding: 0 0 0 20px;}
	.teamWrap .tit2{margin-right: 20px;font-size: 14px;font-weight: 300;line-height: 1.2;}
}

@media screen and (max-width: 500px) {
	.miniBn {height:auto; padding:35px 7% 15px 7%;}
	.bonusWrap {height:auto; margin:10px 0 0 0; padding:35px 7% 15px 7%;}
}

@media screen and (max-width: 480px) {
	.quick2 .quick_item{height:auto;}
	.quick2 .quick_item span{font-size:13px;font-weight:500;}
	.teamWrap {width:100%;padding: 30px;}
	.mboWrap{padding: 25px 25px 20px 35px;}
	.bonusWrap .list {float:left; width:50%; margin-bottom:15px;}
	.bonusWrap .list .name {font-size:13px;}
	.bonusWrap .list .data {font-size:17px;}
}