.register-form * {
	font-size: var(--font-size-2);
}


.login-wrapper {
	position: relative;
	margin: 88px 0;
}


.login-box {
	margin: 0 auto;
	width: 22%;
	max-width: 88%;
}


.input-group {
	display: flex;
	flex-direction: column;
	margin: 0 0 22px 0;
	width: -webkit-fill-available;
}


.input-group-2 {
	display: flex;
	align-items: center;
	margin: 8px 0 22px 0;
}


.input-group-2 * {
	font-size: var(--font-size-2);
	font-weight: 600;
}


.input-group-3 {
	display: flex;
	flex-direction: column;
	width: -webkit-fill-available;
}


.login-btn {
	background-color: #0062b5;
	color: white;
	padding: 8px;
	border-radius: 8px;
	font-size: var(--font-size-2);
}


#rememberMe {
	margin: 0 8px 0 0;
}


.register-text {
	font-weight: 600;
	font-size: var(--font-size-2);
	margin: 8px 0;
}


.account-move-wrapper {
	display: flex;
	flex-direction: column;
}


.account-move-box {
	display: flex;
	flex-direction: column;
	margin: 8px 0;
}


.register-move {
	background-color: #006EB5;
	border-radius: 8px;
	color: white;
	display: inline-block;
	padding: 8px;
	text-align: center;
	font-size: var(--font-size-2);
}


.register-form {
	display: grid;
	grid-auto-rows: auto; /* 아이템의 높이를 자동으로 조정 */
	grid-template-columns: 1fr; /* 한 열만 사용 */
	margin: 88px auto;
	row-gap: 40px;
	width: 70%;
}


.wrapper {
	display: flex;
	flex-direction: column;
}


.wrapper.input {
	background-color: rgba(198, 222, 255, 0.22);
	border: 1px solid rgba(222, 222, 222, 0.2);
	border-radius: 4px;
	display: flex;
	padding: 8px;
	width: 100%;
	margin: 0 auto;
}


.wrapper.input.agreement {
	display: grid;
	grid-template-rows: 2fr 2fr 1fr;
}


.wrapper.input > .form-item.flex-column {
	display: flex;
	flex-direction: column;
	margin-block: 11px;
}


.form-item {
	margin: 8px 0;
	min-height: 8vh;
	max-height: 22vh;
	padding: 8px;
	resize: none;
}


.form-item > label {
	font-weight: 600;
	font-size: var(--font-size-2);
}


.all-agree {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
}


.all-agree * {
	font-size: var(--font-size-3);
}


#inputRequiredAgree {
	width: var(--font-size-3);
	height: var(--font-size-3);
	margin: 0 8px 0 0;
}


#inputRequiredAgreeLabel {
	display: block;
}


input {
	padding: 8px;
}


em {
	font-style: normal;
}


.submit-register {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	font-size: var(--font-size-3);
	margin-inline: auto;
	padding: 11px;
	width: 100%;
}


.form-comment {
	background-color: rgba(22, 222, 222, 0.2);
	margin-left: 22px;
}


.flex-area {
	display: grid;
	grid-template-columns: 1fr auto;
}


#selectEmail {
	height: 100%;
	padding: 8px;
	border-radius: 8px;
}


#inputUsername,
#inputNickname,
#inputEmail {
	flex-grow: 1;
}


.select-register-type-box {
	display: flex;
	flex-direction: column;
	width: 88%;
	margin: 0 auto;
}


.select-register-type-box > button {
	padding: 22px;
	margin: 8px 0;
	font-size: var(--font-size-3);
}


#agentRegisterBtn {
	background-color: rgba(222, 88, 88, 1);
}


.validate-btn {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	flex: 1;
	white-space: nowrap;
	border-radius: 8px;
}


.input-data {
	border-radius: 8px;
}


.input-text {
	font-size: var(--font-size-3);
	font-weight: 600;
}


.input-box {
	min-height: 5vh;
	border-radius: 8px;
}


.error-msg {
	text-align: center;
}


.move-btn {
	background-color: #0062b5;
	border-radius: 8px;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	display: block;
	margin-inline: auto;
	margin-top: 22px;
	padding: 22px;
	text-decoration: none;
	width: fit-content;
}


.welcome-msg-box-1 {
	left: 50%;
	position: absolute;
	top: 40%;
	transform: translateX(-50%);
}


.welcome-msg-box-1 * {
	font-size: var(--font-size-3);
}


.welcome-msg-box-2 {
	text-align: center;
}


.check-title-wrapper {
	text-align: center;
}


.check-title-text {
}


.check-title-sub-text {
}


.check-login-box {
	height: 92vh;
	margin-inline: auto;
	width: fit-content;
}


.member-change-wrapper {
	background-color: rgba(222, 222, 222, 0.2);
	border: 1px solid rgba(222, 222, 222, 1);
	border-radius: 8px;
	margin: 22px auto;
	max-width: 22%;
	padding: 8px;
}


.member-change-wrapper.btn {
	border-style: none;
}


.member-change-wrapper.btn button {
	background-color: #006EB5;
	color: rgba(255, 255, 255, 1);
	margin: 0 auto;
	padding: 8px;
	width: fit-content;
}


.input-change-box {
	display: flex;
	flex-direction: column;
	margin: 22px 8px;
}


.input-change-box2 {
	align-items: center;
	display: flex;
}


.input-change-box2 > * {
	padding: 0 8px;
}


.input-change-box3 {
	display: flex;
	flex-direction: column
}


.input-change-label {
	font-weight: 800;
}


.my-page-container {
	display: grid;
	grid-template-rows: min-content auto;
}


.my-info-summary-box {
	margin: 22px 8px;
	text-align: center;
}


.history-list-row > td {
	font-size: var(--font-size-2);
}


.insurance-test-list > td {
	font-size: var(--font-size-2);
}


.menu-wrapper {
	height: max-content;
}


.menu-list-box {
	display: flex;
	justify-content: space-evenly;
	margin: 8px 0;
	overflow-y: auto;
	border-top: 1px solid rgba(88, 88, 88, 0.2);
	border-bottom: 1px solid rgba(88, 88, 88, 0.2);
	padding: 8px 0;
}


.menu-list-box > button {
	background-color: transparent;
	border-style: none;
	color: rgba(88, 88, 88, 1);
	cursor: pointer;
	flex-shrink: 0;

	margin: 0 22px;
	padding: 8px 8px;
	text-align: center;
}


.my-name {
	font-size: var(--font-size-3);
	font-weight: 800;
}


.my-name-sub-text {
	font-size: var(--font-size-3);
	margin: 8px 0;
}


.active {
	font-weight: 800;
}


.process-complete {
	background-color: rgba(22, 22, 222, 1);
	border-radius: 8px;
	color: rgba(222, 222, 222, 1);
	display: inline-block;
	padding: 8px;
}


.process-finish {
	background-color: rgba(222, 88, 88, 1);
	border-radius: 8px;
	color: rgba(222, 222, 222, 1);
	display: inline-block;
	padding: 8px;
}


.process-cancel {
	background-color: rgba(8, 8, 8, 1);
	border-radius: 8px;
	color: rgba(255, 255, 2552, 1);
	display: inline-block;
	padding: 8px;
}


.process-interim {
	background-color: rgba(88, 88, 8, 1);
	border-radius: 8px;
	color: rgba(255, 255, 2552, 1);
	display: inline-block;
	padding: 8px;
}


.menu-active {
	color: rgba(0, 0, 0, 1) !important;
	font-weight: 800 !important;
}


.order-btn-box {
	text-align: right;
}


.my-info-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 50px auto;
}


.my-info-box label {
	font-weight: 600;
	font-size: var(--font-size-3);
}


.my-info-box *:not(label) {
	font-size: var(--font-size-2);
}


.my-info-box-2 {
	text-align: right;
}


.my-info-box-5 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.my-info-box-6 {
	display: flex;
	align-items: center;
}


.my-info-update-title-box {
	margin: 0 0 88px 0;
	text-align: center;
}


.my-info-update-title-box > h1 {
	font-size: var(--font-size-3);
	border-radius: 8px;
	background-color: #6A84ED;
	color: rgba(255, 255, 255, 1);
	padding: 8px 22px;
}


.my-menu-list {
	font-size: var(--font-size-2);
	font-weight: 500;
}


#familyCaregiverRequestInfo {
	color: rgba(255, 8, 8, 1);
}


.cancel-btn {
	background-color: rgba(222, 88, 88, 1);
}


.username {
	background-color: rgba(88, 88, 88, 0.2);
}


.my-info-box-3 {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr;
	margin: 22px 0;
}


.my-info-box-3 > label {
	margin: 0 8px 0 0;
}


.my-info-box-4 {
	display: flex;
	flex-direction: column;
}


.password-change {
	display: none;
}


.modal-password-change-box {
	display: flex;
	flex-direction: column;
	margin: 8px 0;
}


.modal-password-change-box > label {
	font-weight: 800;
}


.password-change-btn-box {
	margin: 8px 0;
}


.password-change-btn-box > button {
	width: 100%;
}


.reset-password-title-box {
	text-align: center;
}


.reset-password-title-box > h1 {
	font-size: var(--font-size-3);
}


.reset-password-input-box-1 {
	margin: 88px auto;
	width: 50%;
}


.reset-password-input-box-2 {
	display: flex;
	flex-direction: column;
	margin: 22px 0;
}


.modal-container#selectAgent .modal-content {
	top: 50%;
	transform: translate(-50%, -50%);
}


.select-register-type {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}


.select-register-type * {

}


.select-register-type > h1 {
	font-size: var(--font-size-3);
	margin: 88px 0;
}


.register-type-icon {
	border: 2px solid rgba(8, 8, 88, 0.8);
	border-radius: 50%;
	font-size: 88px;
	width: fit-content;
}


.flex-column-2 {
	display: flex;
}


#inputAgentAddressDefault {
	width: 100%;
}


.find-agent-address-btn {
	white-space: nowrap;
}


.input-agent-info {
	background-color: var(--color-yellow) !important;
}


#agentInfoBox {
	display: none;
}


.agent-member-certificate-container {
	margin: 22px 0;
}


.logo-wrapper {
	text-align: center;
}


.logo-img-2 {
	background-color: unset;
	height: auto;
	width: 30vw;
}


.agent-member-certificate-title-wrapper {
	margin: 22px auto;
	max-width: 88%;
}


.agent-member-certificate-title-text {
	font-size: var(--font-size-3);
	font-weight: 800;
	text-align: center;
}


.agent-member-certificate-title-text-2 {
	font-size: var(--font-size-3);
	font-weight: 400;
	text-align: center;
}


.patient-name {
	font-size: var(--font-size-3);
	font-weight: 800;
}


.agent-member-certificate-form-wrapper {
	margin: 0 auto;
	max-width: 88%;
}


.input-field {
	border-radius: 8px;
}


.input-field-file {
	display: flex;
	flex-direction: column;
	margin: 22px 0;
}


.input-file-text {
	background-color: #0062b5;
	color: white;
	cursor: pointer;

	padding: 8px;
	text-align: center;
}


#previewImg {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	margin: 8px auto;
}


#inputProfileImageText {
	background-color: rgba(222, 88, 8, 1);
	padding: 8px;
	color: rgba(255, 255, 255, 1);
	margin: 0 22px 0 0;
	cursor: pointer;
}


.error-wrapper {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
}


.error-msg {
	font-size: 4vw;
	white-space: nowrap;
}


.error-back {
	background-color: #0062b5;
	border-radius: 8px;
	color: white;
	display: block;
	font-size: var(--font-size-3);
	margin: 22px 0 0 0;
	padding: 8px;
}


.write-care-log-container {
	margin: 88px auto;
	width: 88%;
}


.register-type-logo {
	height: auto;
	width: 20%;
}


.input-field-12 {
	align-items: center;
	display: grid;
	grid-template-columns: 2fr auto 1fr;
}


.input-field-12 * {
	text-align: center;
}


.input-field-13 {
	align-items: center;
	display: grid;
	grid-template-columns: 2fr auto 1fr 1fr;
	text-align: center;
}


.input-field-14 {
	display: flex;
	align-items: center;
}


.shop-order-detail-container {
}


.shop-order-detail-wrapper {
	border: 1px solid rgba(88, 88, 88, 0.2);
	padding: 22px;
	max-width: 88%;
	width: fit-content;
	margin: 88px auto 22px auto;
}


.shop-order-detail-wrapper-img {
	height: auto;
	max-width: 8vw;
}


.shop-order-detail-wrapper * {

}


.shop-order-detail-info {
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin: 22px 0;
}


.shop-order-detail-info > label {
	font-weight: 600;
	padding: 8px;
	text-align: center;
}


.order-detail-info {
	background-color: transparent;
	border-style: none;
	caret-color: transparent;
	padding: 8px;
}


.shop-order-detail-box-title {
	font-size: var(--font-size-3);
	font-weight: 800;
}


.shop-order-detail-box {
	margin: 8% 0;
}


.shop-order-detail-title {
	border-bottom: 1px solid rgba(222, 222, 222, 1);
	padding: 8px;
}


.shop-order-detail-title > h1 {
	font-size: var(--font-size-3);
	font-weight: 600;
	text-align: center;
}


.order-cancel-btn-box {
	margin: 8px 0;
	text-align: right;
}


.order-cancel-btn-box > button {

}


.select-region {

	padding: 8px;
	width: 100%;
}


.select-region-box * {

}


.select-region-box-2 {
	display: flex;
}


.select-region-box-2 > select {
	flex: auto;
	padding: 8px;
}


.select-region-wrapper {
	display: flex;
	flex-direction: column;
}


.select-region-box {
	margin: 22px 0;
}


#bankCode {
	padding: 8px;
}


#introduce {
	min-height: 8vh;
	padding: 8px;
}


.lotto-game-wrapper {
	width: fit-content;
	margin: 0 auto 22px auto;
}


.lotto-game-wrapper * {

}


#lottoMoveLink {
	display: block;
	text-align: center;
	font-size: var(--font-size-3);
	padding: 8px;
	background-color: #4a90e2;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
}


.kiosk-container {

}


.kiosk-wrapper {
	width: fit-content;
	max-width: 88%;
	margin: 22px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgba(222, 222, 222, 0.2);
	padding: 22px;
	box-shadow: 0 0 8px rgba(88, 88, 88, 0.2);
	border-radius: 8px;
}


.kiosk-title {
	font-size: var(--font-size-2);
	text-wrap: balance;
	text-align: center;
	margin: 22px 0;
}


.kiosk-box {
	display: flex;
	flex-direction: column;
	width: fit-content;
}


.kiosk-box * {
	font-size: var(--font-size-2);
}


.kiosk-box label {
	margin: 0 0 8px 0;
}


#kioskContact {
	border-radius: 8px;
	outline-color: #4a90e2;
	border: 1px solid #0062b5;
	text-align: center;
}


#sendFamilyCaregiverRequestKioskBtn {
	border-radius: 8px 8px 22px 0;
	margin: 22px 0;
	padding: 8px 22px;
	font-weight: 600;
	letter-spacing: 8px;
}


.kiosk-notice {
	text-wrap: balance;
	text-align: center;
}


#updateProfessionalCaregiverInfo, #updateAccompanyManagerInfo {
	width: 100%;
	font-size: var(--font-size-2);
	font-weight: 600;
}