* {
	margin: 0;
	padding: 0;
}
html, body {
	width:100vw;
	height:100vh;
}

#main {
	width: 100vw;
	height: auto;
	min-height:100vh;
	background-image: url("../img/mobile-background.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

.logo {
	position: relative;
	width: 100%;
	height: 11.5rem;
	text-align: center;
}

	.logo img {
		width: 90%;
		padding-top: 4rem;
	}

.main-body {
	width: 90vw;
	height: auto;
	margin: 0 auto;
}

	.main-body .input-box {
		display: flex;
		align-items: center;
		width: 100%;
		height: 1.5rem;
		margin: 1rem 0;
		border-radius: 7.5rem;
		background: white;
	}

		.main-body .input-box input {
			width: 65%;
			height: 1rem;
			margin-left: .6rem;
			background: none;
			outline: none;
			border: 0px;
		}

.search-btn {
	width: 35%;
	height: 1.5rem;
	border-radius: 0 7.5rem 7.5rem 0;
	background: linear-gradient(140deg, rgba(6,136,255,1),rgba(237,60,216,1));
}

.search-text {
	display: flex;
	align-items: center;
	height: 1.5rem;
	font-size: .6rem;
	color: white;
	letter-spacing: .1rem;
	padding: 0 .2rem;
}

	.search-text img {
		width: .8rem;
		height: .8rem;
	}

.tips {
	min-height: 3.5rem;
	border-radius: .5rem;
	background: linear-gradient(140deg, rgba(182,220,255,1),rgba(185,182,229,1));
	font-size:.4rem;
	text-align:center;
	line-height:1rem;
}

.precautions-top {
	text-align: center;
	letter-spacing: .2rem;
}

	.precautions-top p {
		font-family: "Arial Regular";
		padding: .2rem 0;
	}

.precautions-center {
	display: flex;
	justify-content: flex-start;
	padding-left: .6rem;
	padding-top: .6rem;
}

	.precautions-center ul li {
		padding: .15rem 0;
		font-size: .5rem;
	}

.icpCode {
	width: 90%;
	padding-top:1vh;
	margin:0 auto;
	text-align: center
}