@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;
}

/*  1 뎁스 */
.dash_one_depth {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.dash_one_depth .dash_one_depth_user dl {
	display:flex;
	gap:3rem;
}
.dash_one_depth .dash_one_depth_user dl dt {
	width:180px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	background-image: url(../../../images/shop/type1/top-logo.png);
}
.dash_one_depth .dash_one_depth_user dl dd {
	font-size:2.4rem;
	font-weight:500;
	align-content:center;
}
.dash_one_depth .dash_one_depth_user dl dd span {
	display:block;
	font-size:3.8rem;
	font-weight:800;
	color:#5c2483;
}

.dash_one_depth .dash_one_depth_position {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.dash_one_depth .dash_one_depth_position dl {
	display:flex;
	width:30rem;
	color:#5c2483;
	border:1px solid #5c2483;
	border-radius:5rem;
	font-size:1.4rem;
	font-weight:800;
	margin:5px 0;
}
.dash_one_depth .dash_one_depth_position dl dd {
	width:15rem;
	background:#5c2483;
	border-radius:5rem;
	color:#fff;
	text-align:center;
	padding:13px 0;
}
.dash_one_depth .dash_one_depth_position dl dt {
	width:15rem;
	text-align:center;
	padding:13px 0;
}

.dash_one_depth_btn {
	display: flex;
	gap:1rem;
}
.dash_one_depth_btn a {
	display:block;
	width:15rem;
	height:10rem;
	line-height:10rem;
	text-align:center;
	font-size:1.8rem;
	font-weight:800;
	color:#5c2483;
	border:1px dashed #5c2483;
	border-radius:1rem;
	letter-spacing:-0.5px;
}
.dash_one_depth_btn a:hover {
	color:#fff;
	background:#5c2483;
	border:1px dashed #fff;
}
/*  1 뎁스 */


/*  2뎁스 */
.dash_two_depth h3 {
	font-size:3.8rem;
	font-weight:800;
	text-align:center;
	margin-bottom:30px;
	letter-spacing:-1px;
}
.dash_two_depth .dash_two_depth_quickmenu {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	align-items:center;
	text-align:center;
}
.dash_two_depth .dash_two_depth_quickmenu dl {
	display: flex;
	flex-flow: column;
	justify-content: center;
	width:17rem;
	height:17rem;
	color:#141a2a;
	border:1px solid #141a2a;
	border-radius:40px;
}
.dash_two_depth .dash_two_depth_quickmenu a {
	display:block;
	border-radius:40px;
}
.dash_two_depth .dash_two_depth_quickmenu a:hover {
	background:#141a2a;
	border-radius:40px;
	box-shadow:0 5px 30px rgba(0,0,0,.5);
}
.dash_two_depth .dash_two_depth_quickmenu a:hover dt,
.dash_two_depth .dash_two_depth_quickmenu a:hover dd {
	color:#ed736e;
}
.dash_two_depth .dash_two_depth_quickmenu dl dt {
	font-size:7rem;
}
.dash_two_depth .dash_two_depth_quickmenu dl dd {
	font-size:1.7rem;
	font-weight:800;
}
/*  2뎁스 */

/*  3뎁스 */

.dash_three_depth ul {
	display:flex;
	justify-content:center;
	padding:40px 0;
	gap:7rem;
}
.dash_three_depth ul li dl {
	display:flex;
	justify-content:space-between;	
	font-size:1.5rem;
	font-weight:800;
}
.dash_three_depth ul li dl:first-child {
	border:2px solid #5c2483;
	border-radius:50px;
	padding:5px;
}
.dash_three_depth ul li dl:first-child dt {
	color:#fff;
	padding:15px 50px;
	background:#5c2483;
	border-radius:50px;
}
.dash_three_depth ul li dl:first-child dd {
	width:30rem;
	padding:15px 30px;
	color:#5c2483;
}
.dash_three_depth ul li dl:first-child dd select.dash_date {
	width:100%;
	font-size:1.4rem;
	color:#5c2483;
	font-weight:700;
	border:0;
	cursor:pointer;
	outline:none;
	padding:0 15px;
	background: #fff url(../../../images/myoffice/type2/dash_arrow_down.png) no-repeat 93% 50%;
}
.dash_three_depth ul li:last-child {
	position:relative;
	display:flex;
	align-items:center;
	font-size:1.5rem;
	font-weight:700;
	line-height:2.2rem;
}
.dash_three_depth ul li:last-child:before {
	content:'';
	width:14px;
	height:44px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:-25px;
	background: url(../../../images/myoffice/type2/exclam.jpg) no-repeat center;
}
/*  3뎁스 */

/*  4뎁스 */
.dash_four_depth {
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:70px 30px;
}
.dash_four_depth_left {
	display:flex;
	flex-flow:column;
	align-items:center;
}
.dash_four_depth_left dl {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	width:17rem;
	height:17rem;
	color:#ed736e;
	background:#141a2a;
	border-radius:50%;
}
.dash_four_depth_left dl dt {
	height:8rem;
	font-size:8rem;
}
.dash_four_depth_left dl dd {
	font-size:1.8rem;
	font-weight:800;
}
.dash_four_depth_right h3 {
	font-size:3rem;
	font-weight:800;
	text-align:center;
	margin-bottom:25px;
	letter-spacing:-1px;
}
.dash_four_depth_right .dash_four_depth_total {
	display:flex;
	justify-content:space-around;
	align-items:center;
	gap:3rem;
}
.dash_four_depth_right .dash_four_depth_total dl {
	width:350px;
	border:1px solid #5c2483;
	border-radius:15px;
}
.dash_four_depth_right .dash_four_depth_total dl dt {
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	padding:15px 0;
	color:#fff;
	background:#5c2483;
	border-radius:13px 13px 0 0;
}
.dash_four_depth_right .dash_four_depth_total dl dd ul {
	padding:20px 10px;
}
.dash_four_depth_right .dash_four_depth_total dl dd ul li {
	position:relative;
	display:flex;
	justify-content:space-between;
	gap:3rem;
	font-size:1.5rem;
	font-weight:600;
	line-height:2rem;	
	margin:10px 0;
}
.dash_four_depth_right .dash_four_depth_total ul li span {
	font-size:1.7rem;
	font-weight:800;
	letter-spacing:-0.5px;
}
.dash_four_depth_right .dash_four_depth_total ul li span i {
	font-size:1.5rem;
	font-weight:600;
	margin-left:3px;
}

/*  4뎁스 */

/*  5뎁스 */
.dash_fifth_depth {
	display:flex;
	justify-content:space-between;
	width:1300px;
	margin:50px auto;
}
.dash_fifth_depth .dash_cont_box {
	padding:70px 50px;
}
.dash_fifth_depth .dash_cont_box  h3 {
	font-size:3rem;
	font-weight:800;
	text-align:center;
	margin-bottom:25px;
	letter-spacing:-1px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox {
	margin-bottom:30px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox:last-child {
	margin-bottom:0;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl {
	background:#f6f0fa;
	border-radius:30px;
	box-shadow:0 5px 30px rgba(0,0,0,.1);
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dt {
	display:flex;
	align-items: center;
	justify-content: space-between;
	background:#5c2483;
	color:#fff;
	font-size:1.8rem;
	font-weight:800;
	padding:20px 40px 15px 40px;
	border-radius:30px 30px 0 0;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dt span {
	display: flex;
	align-items: center;
	justify-content: center;
	width:15rem;
	color:#ef5f20;
	font-size:1.3rem;
	background:#fff;
	border-radius:50px;
	padding:5px 0;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd {
	font-size:1.6rem;
	font-weight:600;
	padding:30px 20px 40px 20px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd.lastDD {
	padding:30px 20px 40px 20px !important;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd:last-child {
	padding:0 20px 40px 20px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul:last-child p {
	margin-top:20px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul p {
	font-size:16px;
	font-weight:700;
	margin-bottom:10px;
	padding-left:20px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li {
	display:flex;
	justify-content:space-between;
	align-items: center;
	gap:0.5rem;
	background:#fff;
	border-radius:50px;
	padding:12px 20px;
	margin-bottom:10px;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li a {
	display:block;
	width:20%;
	font-weight:800;
	color:#5c2483;
	border:1px solid #5c2483;
	border-radius:10px;
	text-align:center;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li a:hover {
	color:#fff;
	border:1px solid #5c2483;
	background:#5c2483;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li .address_input {
	outline: none;
    border: 1px solid #e5e5e5;
    color: #555;
    width:80%;
    height: 5rem;
    line-height: 5rem;
    border-radius: 0.8rem;
    font-size: 1.4rem;
    font-weight:700;
    padding: 0 1rem;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li:last-child {
	margin-bottom:0;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width:15rem;
	color:#fff;
	background:#ab80c9;
	border-radius:50px;
	padding:5px 0;
}
.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl.dash_address {
	background:#fff;
}
.dash_address_box {
  display:flex;
  align-items:center;
  gap:1rem;
}
.dash_address_box .dash_address_check input[type=radio] {
  display:none;
}
.dash_address_box .dash_address_check label {
  min-width:7rem;
  height:1.9rem;
  line-height:1.9rem;
  display: block;
  cursor: pointer;
  padding-left:2.4rem;
  font-size:1.3rem;
  color:#777;
  font-weight:700;
  background-size:contain;
  background-image:url(../../../images/shop/type1/icon_radio_type_off.png);
  background-position:0 0;
  background-repeat:no-repeat;
}
.dash_address_box .dash_address_check input[type=radio]:checked ~ label {
  background-size:contain;
  background-image:url(../../../images/shop/type1/icon_radio_type_on.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  border:0;
}

.dashboard_depth_last_bg {
	width:1300px;
	background:#fff;
	border-radius:50px;
}
/*  5뎁스 */

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


@media all and ( max-width: 768px ){

	.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 {
		width:100%;
		flex-direction:column;
	}
	.dash_one_depth .dash_one_depth_user dl {
		gap:2rem;
	}
	.dash_one_depth .dash_one_depth_user dl dt {
		width:10rem;
		height:10rem;
	}
	.dash_one_depth .dash_one_depth_user dl dd {
		font-size:2rem;
	}
	.dash_one_depth .dash_one_depth_user dl dd span {
		font-size:3.2rem;
	}
	.dash_one_depth .dash_one_depth_position {
		margin:20px 0;
	}
	.dash_one_depth .dash_one_depth_position dl dt {
		padding:13px 0;
	}
	.dash_one_depth_btn a {
		width:13rem;
		height:7rem;
		line-height:7rem;
		font-size:1.4rem;
	}
	.dash_two_depth h3 {
		font-size:3.2rem;
		margin-bottom:20px;
	}
	.dash_two_depth .dash_two_depth_quickmenu {
		width:96%;
		margin:0 auto;
		flex-wrap:wrap;
		justify-content:space-evenly;
		gap:1rem 0.5rem;
	}
	.dash_two_depth .dash_two_depth_quickmenu a {
		display:block;
		border-radius:20px;
	}
	.dash_two_depth .dash_two_depth_quickmenu a:hover {
		background:#141a2a;
		border-radius:20px;
		box-shadow:0 5px 30px rgba(0,0,0,.5);
	}
	.dash_two_depth .dash_two_depth_quickmenu dl {
		width:11rem;
		height:11rem;
		border-radius:20px;
	}
	.dash_two_depth .dash_two_depth_quickmenu dl dt {
		font-size:4rem;
	}
	.dash_two_depth .dash_two_depth_quickmenu dl dd {
		font-size:1.3rem;
	}
	.dash_three_depth ul {
		flex-wrap:wrap;
		gap:2rem;
	}
	.dash_three_depth ul li {
		width:90%;
	}
	.dash_three_depth ul li dl:first-child {
		width:100%;
		margin:0 auto;
	}
	.dash_three_depth ul li dl:first-child dt {
		width:40%;
		text-align:center;
		padding:12px 0;
	}
	.dash_three_depth ul li dl:first-child dd {
		width:60%;
		text-align:center;
		padding:12px 0;
	}
	.dash_three_depth ul li dl:first-child dd select.dash_date {
		background:#FFF url(../../../images/myoffice/type2/dash_arrow_down.png) no-repeat 90% 50%;
	}
	.dash_three_depth ul li:last-child {
		width:90%;
		font-size:1.3rem;
		line-height:2rem;
		padding-left:5rem;
		margin-top:1rem;
	}
	.dash_three_depth ul li:last-child:before {
		left:20px;
		width:14px;
		height:44px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		background-size:70%;
	}
	.dash_four_depth {
		flex-wrap:wrap;
		gap:5rem;
		padding:50px 0;
		margin:30px auto;
	}
	.dash_four_depth_right {
		width:100%;
	}
	.dash_four_depth_right .dash_four_depth_total {
		flex-wrap:wrap;
		justify-content:center;
		gap:1rem;
	}
	.dash_four_depth_right .dash_four_depth_total dl {
		width:45%;
	}
	.dash_four_depth_right .dash_four_depth_total dl dt {
		font-size:1.5rem;
		padding:12px 0;
	}
	.dash_four_depth_right .dash_four_depth_total dl dd ul {
		padding:10px 15px;
	}
	.dash_four_depth_right .dash_four_depth_total dl dd ul li {
		flex-wrap:wrap;
		gap:0;
		font-size:1.3rem;
		line-height:2rem;
		margin:7px 0;
		color:#5c2483;
	}
	.dash_four_depth_right .dash_four_depth_total ul li span {
		width:100%;
		font-size:1.5rem;
		color:#222;
	}
	.dash_four_depth_right .dash_four_depth_total ul li span i {
		font-size:1.3rem;
	}
	.dash_fifth_depth {
		width:94%;
		flex-wrap:wrap;
		margin:30px auto;
	}
	.dash_fifth_depth .dash_cont_box {
		padding:50px 15px;
		border-radius:20px;
		margin:15px 0;
	}
	.dash_fifth_depth .dash_cont_box h3 {
		font-size:2.6rem;
		margin-bottom:2rem;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl {
		border-radius:20px;
		box-shadow:0 5px 10px rgba(0,0,0,.1);
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dt {
		font-size:1.5rem;
		border-radius:20px 20px 0 0;
		padding:15px 25px 10px 25px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dt span {
		width:120px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd {
		padding:20px 10px 25px 10px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd.lastDD {
		padding:20px 10px 25px 10px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul p {
		padding-left:10px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd:last-child {
		padding:20px 10px 25px 10px !important;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li {
		font-size:1.3rem;
		padding:10px 15px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li span {
		width:120px;
	}
	
	
}

@media (min-width: 1024px) and (max-width: 1280px) {
	
	.dashboard_contbg {
		width:95%;
	}
	.dashboard_depth_bg {
		width:50%;
	}
	.dash_one_depth {
		width:95%;
		flex-wrap:wrap;
		justify-content:center;
		gap:3rem;
	}
	.dash_one_depth_btn {
		gap:2rem;
	}
	.dash_two_depth .dash_two_depth_quickmenu {
		width:95%;
		gap:1rem;
	}
	.dash_two_depth .dash_two_depth_quickmenu dl {
		width:15rem;
		height:15rem;
	}
	.dash_two_depth .dash_two_depth_quickmenu dl dt {
		font-size:5rem;
	}
	.dash_three_depth ul {
		gap:5rem;
	}
	.dash_four_depth_right .dash_four_depth_total dl {
		width:430px;
	}
	.dash_fifth_depth {
		width:95%;
		gap:2rem;
	}
	.dash_fifth_depth .dash_cont_box {
		padding:70px 30px;
	}
	.dash_fifth_depth .dash_cont_box .dash_fifth_depth_contBox dl dd ul li span {
		width:50%;
	}
	
}