.desk { display: block; }
.mobile { display: none; }
@media(max-width: 800px) {
	.desk { display: none; }
	.mobile { display: block; }
}

/* layout */
.layout-box {
	border: 1px solid silver;
	max-width: 500px;
	width: 100%;
	height: 350px;
	opacity: 0.85;
}
.message-box {
	max-width: 100%; 	
	padding: 30px; 	
	background-color: #f7f7f7; 
	border-radius: 10px; 
	border: 0px;
}
.img-logo {
	width: 120px;	
}
.btn-default {
	width: 100%; 
	height: 50px; 
	border-radius: 35px;
	font-size: 16px;
}
.banner {
	width: 170px;
}
@media(max-width: 800px) {
	.banner {
		width: 120px;
	}
	.img-logo {
		width: 100px;	
	}
	.btn-default {
		width: 100%; 
		height: 35px; 
		border-radius: 15px;
		font-size: 12px;
	}
	.layout-box {
		border: 1px solid silver;
		width: 100%;
		height: 230px;
	}
	.message-box {
		max-width: 100%; 
		height: auto;
		padding: 25px; 	
		background-color: #f7f7f7; 
		border-radius: 10px; 
		border: 0px;
	}
}
.img_sml_logo:hover {
	opacity: 0.8;
}
.btn {
	border-radius: 35px;	
}


input, select {
	
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	font-size: 16px;
	padding: 10px;
}
textarea {
	padding: 10px;	
	border: 1px solid #e0e0e0;
	border-radius: 10px;
}
textarea:focus {
	padding: 10px;
}
input:focus { 
	outline: none;         
	border: 1px solid #1e1e1e;                    
}
select:focus { 
	outline: none;         
	border-bottom: 1px solid #1e1e1e;                    
}
input::placeholder {
	color:silver;
	font-size: 16px;
}
select::placeholder {
	color:silver;
	font-size: 14px;
}
textarea::placeholder {
	color:silver;
	font-size: 16px;
	
}


.float-kakao-icon {
    position: fixed; bottom: 30px; right: 30px; opacity: 0.8;
}
@media(max-width: 800px) {
	.float-kakao-icon {
		width: 150px;
		position: fixed; bottom: 15px; right: 15px; opacity: 0.8;
	}
}