.icon {
	position: absolute;
	top: -152px;
	left: 436px;
	width: 1428.9px;
	height: 1428.9px;
	object-fit: contain;
}

.e {
	color: #e81e74;
}

.c {
	color: #f7a60c;
}

.edu-connect {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: inline-block;
}

.original-logo {
	position: absolute;
	height: 49.32%;
	width: 76.16%;
	top: 21.62%;
	right: 0;
	bottom: 29.05%;
	left: 23.84%;
}

.logo-3-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 148px;
	object-fit: cover;
}

.original-logo-parent {
	position: absolute;
	height: 100%;
	width: 400px;
	top: 0;
	right: 65.79%;
	bottom: 0;
	left: 0;
	margin-left: 60px;
}

.b, .header {
	position: absolute;
}

.b {
	top: 49px;
	left: 1159px;
	font-size: 30px;
	letter-spacing: -0.01em;
	line-height: 130%;
	color: var(--edu-connect-black);
}

.header {
	height: 11.29%;
	width: 91.94%;
	top: 3.36%;
	right: 4.93%;
	bottom: 85.35%;
	left: 3.13%;
}

.welcome {
	position: absolute;
	top: 0;
	left: 201px;
	letter-spacing: -0.01em;
	line-height: 130%;
}

.p {
	margin: 0;
}

.edu-connect1 {
	top: 133px;
	left: 0;
	font-size: 30px;
	line-height: 125%;
	font-family: var(--font-lato);
	text-align: right;
	display: inline-block;
	width: 550px;
}

.div, .div1, .edu-connect1 {
	position: absolute;
}

.div {
	top: 442px;
	left: 832px;
	width: 550px;
	height: 219px;
	font-size: 80px;
	color: var(--edu-connect-black);
	font-family: var(--font-georama);
}

.div1 {
	top: 0;
	left: 0;
	box-shadow: 0 3px 10px 5px #e9e9e8;
	border-radius: 19.4px;
	background-color: var(--color-white);
	border: 1px solid var(--edu-connect-light-gray);
	box-sizing: border-box;
	width: 496px;
	height: 688px;
}

.div3 {
	position: relative;
	font-weight: 600;
}

.div2, .login-block-child {
	position: absolute;
	box-sizing: border-box;
}

.div2 {
	top: 600px;
	left: calc(50% - 197px);
	border-radius: var(--br-8xs);
	background-color: var(--edu-connect-purple);
	width: 393px;
	height: 48px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-smi) var(--padding-160xl);
	color: var(--color-white);
}

.login-block-child {
	top: 580px;
	left: calc(50% - 197.7px);
	border-top: 1.5px solid var(--edu-connect-gray1);
	width: 394.5px;
	height: 1.5px;
}

.div4, .div7 {
	position: absolute;
}

.div_btn {
	position: absolute;
	top: 439px;
	left: calc(50% - 197px);
	border-radius: var(--br-8xs);
	background-color: var(--edu-connect-purple);
	width: 393px;
	height: 48px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-smi) var(--padding-160xl);
	box-sizing: border-box;
	color: var(--color-white);
	font-weight: 600;
	z-index: 1;
}

.div4 {
	top: 516px;
	left: calc(50% - 197px);
	border-radius: var(--br-8xs);
	background-color: var(--edu-connect-purple);
	width: 393px;
	height: 48px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-smi) var(--padding-160xl);
	box-sizing: border-box;
	color: var(--color-white);
}

.div7 {
	top: 2px;
	left: 28px;
	font-weight: 600;
}

.check-box-child {
	position: absolute;
	border-radius: 2.2px;
	background-color: var(--color-white);
	border: 0.3px solid #9c9898;
	box-sizing: border-box;
}

.check-box, .check-box-child {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.b1, .check-box, .div6 {
	position: absolute;
}

.div6 {
	top: 355px;
	left: 345px;
	width: 100px;
	height: 20px;
	font-size: 14px;
}

.b1 {
	width: 83.72%;
	top: 0;
	left: 0;
	letter-spacing: 0.4px;
	line-height: 20px;
	display: inline-block;
}

.placeholder-text {
	flex: 1;
	position: relative;
	letter-spacing: 0.2px;
	line-height: 24px;
	font-weight: 500;
}

.text-inputicons, .text-inputtext {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.text-inputtext {
	flex: 1;
	justify-content: flex-start;
}

.text-inputicons {
	width: 363px;
	height: 24px;
	justify-content: center;
}

.div9 {
	position: absolute;
	top: calc(50% - 11.5px);
	left: calc(50% - 196.5px);
	border-radius: var(--br-8xs);
	background-color: var(--color-white);
	border: 1px solid var(--edu-connect-gray);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-xs) var(--padding-mini);
	color: var(--edu-connect-gray1);
}

.div8 {
	height: 10.61%;
	width: 79.23%;
	top: 38.08%;
	right: 11.29%;
	bottom: 51.31%;
	left: 9.48%;
	font-size: var(--font-size-base);
}

.div10, .div11, .div8 {
	position: absolute;
}

.div11 {
	top: calc(50% - 11.5px);
	left: calc(50% - 196.5px);
	border-radius: var(--br-8xs);
	background-color: var(--color-white);
	border: 1px solid var(--edu-connect-gray);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-xs) var(--padding-mini);
	color: var(--edu-connect-gray);
}

.div10 {
	height: 10.61%;
	width: 79.23%;
	top: 23.11%;
	right: 11.29%;
	bottom: 66.28%;
	left: 9.48%;
	font-size: var(--font-size-base);
}

.login-block {
	position: absolute;
	top: 235px;
	left: 83px;
	width: 496px;
	height: 688px;
	font-size: var(--font-size-lg);
	color: var(--edu-connect-purple);
}

.login {
	position: absolute;
	top: 290px;
	left: 130px;
	font-size: 53.9px;
	font-weight: 600;
	font-family: var(--font-georama);
	color: var(--edu-connect-black);
	display: inline-block;
	width: 133px;
	height: 64px;
}

.footer-space-holder {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f1f1f1;
}

.blog-icon {
	position: absolute;
	height: 18.41%;
	top: 20.41%;
	right: 6.26%;
	bottom: 61.18%;
	left: 90.9%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
}

.b1-301, .copyright-all {
	position: absolute;
	left: 0;
	font-weight: 500;
	display: inline-block;
}

.b1-301 {
	width: 100%;
	top: 0;
	white-space: pre-wrap;
}

.copyright-all {
	width: 61.3%;
	top: 63.39%;
}

.group-child, .information {
	position: absolute;
	height: 23.59%;
	width: 55.1%;
	top: 52.73%;
	right: 40.22%;
	bottom: 23.68%;
	left: 4.68%;
}

.group-child {
	height: 38.29%;
	width: 77.65%;
	top: 30.86%;
	right: 0;
	bottom: 30.86%;
	left: 22.35%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
}

.group-parent, .logo-1-icon {
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
}

.logo-1-icon {
	position: absolute;
	width: 24.3%;
	right: 75.7%;
	max-width: 100%;
	overflow: hidden;
	max-height: 100%;
	object-fit: cover;
}

.group-parent {
	width: 100%;
	right: 0;
}

.footer, .group-parent, .logo {
	position: absolute;
}

.logo {
	height: 40.36%;
	width: 19.58%;
	top: 7.95%;
	right: 76.51%;
	bottom: 51.68%;
	left: 3.92%;
}

.footer {
	bottom: 0;
	width: 100%;
	height: 20%;
	font-size: var(--font-size-base);
}

.landing-page {
	width: 100%;
	position: relative;
	background-color: var(--color-white);
	height: 1311px;
	overflow: hidden;
	text-align: left;
	font-size: 60.6px;
	color: var(--color-black);
	font-family: var(--font-lato);
}

.text-inputicons1 {
	width: 363px;
	border: 0;
	outline: 0;
	background-color: transparent;
	height: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-family: var(--font-lato);
	font-weight: 500;
	font-size: var(--font-size-base);
	color: var(--edu-connect-gray);
}

.checkbox-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-11xs) 0 0;
}

.checkbox-container, .checkbox-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.checkbox-wrapper {
	justify-content: flex-start;
	gap: 8px;
}

.checkbox-container {
	justify-content: flex-end;
	padding: 0 var(--padding-11xs);
}

.check-box, .div3 {
	position: relative;
	z-index: 1;
}

.check-box {
	margin: 0;
	height: 20px;
	width: 20px;
}

.button {
  cursor: pointer;
  border: 0;
  background-color: var(--edu-connect-purple);
  width: 393px;
  height: 48px;
  border-radius: var(--br-8xs);
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: white;
  font-weight: 600;
  text-align: center;
  align-items: center;
  font-size: medium;
}
.div12 {
	position: absolute;
	height: 10.61%;
	width: 79.23%;
	top: 52.5%; /* 적절한 위치 조정 */
	right: 11.29%;
	bottom: 58%;
	left: 9.48%;
	font-size: var(--font-size-base);
}

.div13 {
	position: absolute; /* 또는 relative */
	display: block;
	top: 25px;
	border-radius: var(--br-8xs);
	background-color: var(--color-white);
	border: 1px solid var(--edu-connect-gray);
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--padding-xs) var(--padding-mini);
	color: var(--edu-connect-gray);
}

select.text-inputicons1 {
	width: 100%;
	height: 24px;
	border: 0;
	outline: 0;
	background-color: transparent;
	font-family: var(--font-lato);
	font-weight: 500;
	font-size: var(--font-size-base);
	color: var(--edu-connect-gray);
	cursor: pointer;
}