@charset "utf-8";


#contents {
	width: 100%;
	margin: 0;
	background: var(--white);
	padding-bottom: 70px;
}

.org-page * {
	font-size: 14px;
    font-weight: 400;
    color: var(--txt-color);
    font-family: var(--default-font);
}
.org-page {
	background: #FFF;
}
.breadcrumbs {
	width: fit-content;
	padding: 0;
	margin: 0;
}

.page__inner {
	width: 1000px;
	margin: 0 auto;
}

.page__top {
	background: #D9EEF8;
	padding: 15px 0 54px;
}
	.path__wrap {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
	}
		.path__member a {
			display: flex;
			align-items: center;
			gap: 4px;
			color: #1879A7;
			text-decoration: underline;
		}
		.path__member svg {
			width: 7px;
			height: 11px;
			fill: none;
			stroke: var(--main-color);
		}
	.page__title {
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: var(--main-color);
		text-align: center;
		margin-top: 20px;
	}

.main__contents {
	margin-top: 57px;
	padding-bottom: 70px;
}
	.login__contents {
		margin-bottom: 66px;
	}
	.contents__title {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		height: 60px;
		border-radius: 5px 5px 0 0;
		background-image: linear-gradient(180deg, rgba(1, 139, 206, 1), rgba(0, 103, 186, 1));
		padding: 11px 20px;
		font-size: 24px;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: var(--white);
	}
		.contents__title span {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 130px;
			height: 30px;
			background: #FFF;
			border-radius: 30px;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: 0;
			color: #008CCE;
		}
	.login__wrap {
		background: #F7F7F7;
		border-radius: 10px;
		padding: 30px 163px;
		margin-top: 20px;
	}
		[class*="login__box"] {
			display: flex;
			align-items: center;
			gap: 28px;
			position: relative;
		}
		.login__box--mail {
			margin-bottom: 15px;
		}
		.login__box--password {
			margin-bottom: 13px;
		}
			.login__contents .login__title {
				font-size: 16px;
				font-weight: 500;
				width: 112px;
				position: unset;
			}
			[class*="login__box"] input {
				width: 360px;
				height: 40px;
				border: 1px solid #DBDBDB;
				background: #FFF;
				border-radius: 5px;
				padding: 0 49px 0 15px;
				font-size: 16px;
			}
			.login__box--mail input {
				padding: 0 15px;
			}
			.input__box {
				position: relative;
			}
			.password__toggle {
				width: 40px;
				height: 16px;
				border: none;
				background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>") no-repeat center center;
				background-size: 50% auto;
				cursor: pointer;
				opacity: 0.4;
				position: absolute;
				top: 50%;
				right: 5px;
				transform: translateY(-50%);
			}
			.password__toggle.is-visible {
				background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>");
			}
			[class*="login__box"] p {
				position: absolute;
                right: 0;
			}
			.login__box--mail p {
				right: -28px;
			}
		.login__submit-wrap {
			margin-left: 140px;
			margin-bottom: 20px;
		}
			.logoin__check {
				display: flex;
				align-items: center;
				margin-bottom: 18px;
			}
				.logoin__check input {
					margin-right: 6px;
				}
			.login__submit {
				display: flex;
				justify-content: center;
				align-items: flex-end;
				width: 320px;
				height: 64px;
				background-image: linear-gradient(180deg, rgba(1, 139, 206, 1), rgba(0, 103, 186, 1));
				border-bottom: 3px solid #004C88;
				border-radius: 8px;
				font-size: 22px;
				font-weight: 700;
				color: #FFF;
				padding-bottom: 14px;
				position: relative;
			}
				.login__submit svg,
				.member__submit svg {
					width: 8px;
					height: 14px;
					fill: none;
					stroke: var(--white);
					position: absolute;
					top: 50%;
					right: 9px;
					transform: translateY(-50%);
				}
			.login__note {
				font-size: 14px;
				font-weight: 500;
				line-height: 1.6;
			}
				.login__note a {
					font-size: 14px;
					font-weight: 500;
					color: #1879A7;
					text-decoration: underline;
				}
				
		.member__text {
			font-size: 16px;
			font-weight: 500;
			color: #E00001;
			text-align: center;
			margin-bottom: 18px;
		}
		.member__submit {
			display: flex;
			justify-content: center;
			align-items: flex-end;
			width: 320px;
			height: 64px;
			margin: 0 auto;
			background-image: linear-gradient(180deg, rgba(255, 157, 0, 1), rgba(255, 10, 0, 1));
			border-bottom: 3px solid #D30A01;
			border-radius: 8px;
			font-size: 22px;
			font-weight: 700;
			color: #FFF;
			padding-bottom: 14px;
			position: relative;
		}