@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

.dashboard_Wrap {
	margin-top:70px;
}

.dashboard_bg {
	padding:100px 0;
	margin-top:70px;
	background: #f3f4f8 /* url(../../../images/myoffice/type2/dashboard_bg.jpg) no-repeat top center */;
}

.dashboard_contbg {
	width:1300px;
	margin:50px auto;
	background:#fff;
	border-radius:30px;
}
.dashboard_depth_bg {
	width:625px;
	background:#fff;
	border-radius:50px;
}
.dashDesc {
	font-size:14px;
	font-weight:700;
	margin-top:15px;
}
.dashBg {
	background:#f9f9f9;
}
.dashTop {
	display:flex;
	justify-content:space-between;
}
.dashTop .dashTopLeft ul {
	display:flex;
	gap:20px;
}
.dashTop .dashTopLeft ul li {
	font-size:1.3rem;
	font-weight:600;
	margin-bottom:10px;
}
/*  0뎁스 */
.dash_one_depth p {
	font-size:18px;
	font-weight:700;
	text-align:center;
}

/*  1뎁스 */
.dash_one_depth {
	padding:70px 50px;
}
.dash_one_depth ul li:first-child {
	font-weight:600;
}
.dash_one_depth ul li dl {
	display:flex;
	justify-content:space-between;	
	font-size:1.5rem;
	font-weight:800;
	overflow:hidden;
}
.dash_one_depth ul li dl:first-child {
	border:2px solid #222222;
	border-radius:50px;
	padding:5px;
}
.dash_one_depth ul li dl:first-child dt {
	color:#fff;
	/* padding:15px 50px; */
	background:#5c2483;
	border-radius:50px;
}
.dash_one_depth ul li dl:first-child dd {
	width:100%;
	padding:5px 30px;
	color:#5c2483;
}
.dash_one_depth ul li dl:first-child dd select.dash_date {
	width:100%;
	height:5rem;
	font-size:2rem;
	color:#222222;
	font-weight:800;
	border:0;
	text-align:center;
	cursor:pointer;
	outline:none;
	padding:0 15px;
	background: #fff url(../../../images/myoffice/type2/dash_arrow_down.png) no-repeat 93% 50%;
}
.dash_one_depth ul li:last-child {
	position:relative;
	display:flex;
	align-items:center;
	font-size:1.5rem;
	font-weight:700;
	line-height:2.2rem;
}
/*  1뎁스 */
/*  2뎁스 */
.dash_two_depth {
	padding:70px 50px;
}
.dash_two_depth .dashTable {
	width:100%;
}
.dash_two_depth .dashTable {
	border-collapse:collapse;
}
.dash_two_depth .dashTable th {
	background:#f9f9f9;
	font-weight:800;
}
.dash_two_depth .dashTable th, td {
	font-size:16px;
	padding:20px 0;
	border:1px solid #ededed;
}
.dash_two_depth .dashTable td {
	font-weight:600;
}
.dash_two_depth .dashTable td ul {
	display:flex;
	justify-content:center;
	gap:20px;
}
/*  2뎁스 */
/*  3뎁스 */
.dash_three_depth {
	padding:70px 50px;
}
.dash_three_depth .dashTable {
	width:100%;
}
.dash_three_depth .dashTable {
	border-collapse:collapse;
}
.dash_three_depth .dashTable th {
	background:#f9f9f9;
	font-weight:800;
}
.dash_three_depth .dashTable th, td {
	font-size:16px;
	padding:20px 0;
	border:1px solid #ededed;
	vertical-align:middle;
}
.dash_three_depth .dashTable td {
	font-weight:600;
}
/*  3뎁스 */
@media all and ( max-width: 768px ){

	.dashTop {
		flex-wrap:wrap;
		gap:20px;
	}
	.dashTop .dashTopLeft ul {
		flex-wrap:wrap;
		gap:10px;
	}
	.dashTop .dashTopLeft ul li {
		margin:0;
	}
	.dashDesc {
		font-size:12px;
		line-height:17px;
	}
	.dashboard_Wrap {
		width:100%;
		margin-top:30px;
	}
	.dashboard_bg {
		padding:50px 0;
		margin-top:50px;
	}
	.dashboard_contbg {
		width:94%;
		border-radius:20px;
		margin:30px auto;
	}	
	.dash_one_depth {
		padding:30px 10px;
	}
	.dash_one_depth ul {
		flex-wrap:wrap;
		gap:2rem;
	}
	.dash_one_depth ul li {
		width:90%;
	}
	.dash_one_depth ul li:first-child {
		width:100% !important;
	}
	.dash_one_depth ul li:nth-child(2) {
		width:90% !important;
	}
	.dash_one_depth ul li dl:first-child {
		width:100%;
		margin:0 auto;
	}
	.dash_one_depth ul li dl:first-child dd {
		width:100%;
		text-align:center;
		padding:7px 0;
	}
	.dash_one_depth ul li dl:first-child dd select.dash_date {
		font-size:1.5rem;
		background:#FFF url(../../../images/myoffice/type2/dash_arrow_down.png) no-repeat 95% 50%;
	}
	.dash_one_depth ul li:last-child {
		width:90%;
		font-size:1.3rem;
		line-height:2rem;
		padding-left:5rem;
		margin-top:1rem;
	}
	.dash_one_depth ul li:last-child:before {
		left:20px;
		width:12px;
		height:44px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		background-size:70%;
	}
	.dash_two_depth {
		padding:30px 10px;
	}
	.dash_three_depth .dashTable th, td {
		font-size:1.3rem;
		padding:15px 5px;
		line-height:18px;
	}
	.dash_two_depth .dashTable td ul {
		gap:5px;
	}
	.dash_three_depth {
		padding:30px 10px;
	}
	
	
}

/*  4뎁스 */
@media all and ( max-width: 768px ){
	
	.dash_four_depth {
		padding:30px 10px;
	}
	.dash_four_depth .dash_four_depth_title {
		font-size:16px;
		font-weight:800;
		text-align:center;
	}
	.dash_four_depth .dash_four_depth_btn {
		display:flex;
		justify-content:center;
		margin-top:20px;
	}
	.dash_four_depth .dash_four_depth_btn a.btnOn {
		background:#222;
		font-size:14px;
		font-weight:700;
		color:#fff;
		padding:5px 50px;
		margin:0 5px;
		border-radius:50px;
	}
	.dash_four_depth .dash_four_depth_btn a.btnOff {
		background:#ccc;
		font-size:14px;
		font-weight:700;
		color:#fff;
		padding:5px 50px;
		margin:0 5px;
		border-radius:50px;
	}
	
}