* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}

		body {
			width: 100%;
			height: 100%;
			font-size: 10px;
		}

		.login_bg {
			position: fixed;
			top: 5%;
			right: 0%;
			width: 20%;
			height: auto;
		}

		.login_bottom {
			position: fixed;
			bottom: 7%;
			left: 50%;
			transform: translateX(-50%);
		}

		.login_bg img {
			width: 100%;
		}

		.registration {
			width:80%;
			margin-top:5px;
			font-size:16px;
			padding-left:20px;
			word-wrap: break-word;
			}

		.login {
			margin-top: 5%;
			font-size: 2.3em;
			width: 100%;
			max-width: 600px;
		}

		.login_box {
			margin-top: 10px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.main_title {
			position: absolute;
			width: 80%;
			max-width: 600px;
			top: 10%;
			left: 50%;
			transform: translateX(-50%);
			z-index: 100;
		}

		.main_title img {
			width: 100%;
		}

		.sub_title {
			margin-top: 5%;
		}

		.main_logo {
			position: absolute;
			bottom: 2%;
			left: 50%;
			width: 80%;
			transform: translateX(-50%);
			height: auto;
		}

		.main_logo img {
			width: 100%;
		}

		.main_logo_m {
			display: none;
		}

		.logo_heart {
			display: none;
		}

		.b1 {
			background-color: #1f56a5;
			color: #fff;
			padding: 10;
			width: auto;
			margin-left: 10px;
			cursor: pointer;
		}

		.logbox {
			max-width: 500px;
			width: 90%;
			height: 40px;
			font-size: 20px;
			text-align: center;
		}

		@media (max-width: 800px) {
			.login_box {
				flex-direction: column; /* 수정된 부분 */
			}

			.b1 {
				padding: 5px 50px; /* 수정된 부분 */
				margin-top:10px;
			}
		
			.main_logo {
				display:none;
			}
			.main_logo_m {
				display: block;
			}
			.login_bottom {
				position: fixed;
				bottom: 0%;
				left: 50%;
				transform: translate(-74%, 32%);
			}
		}

		@media (max-width: 645px) {
			.login {
				font-size: 1.8em;
				bottom: 35%;
			}
		}