@charset "utf-8";

.mobile-float-btn {display:none;}

.float-inquiry {position:fixed; bottom:40px; right:40px; z-index:600;}
.float-inquiry .inner {width:480px; padding:38px; border-radius:10px; background:#005b18; color:#fff;}
.float-inquiry .head {text-align:center; margin-bottom:23px; margin-top:-4px;}
.float-inquiry .head h2 {font-size:32px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:12px;}
.float-inquiry .head p {font-weight:300; line-height:1.4em; letter-spacing:-.03em;} 
.float-inquiry .btm-txt {font-weight:300; line-height:1.4em; letter-spacing:-.03em;margin-top:15px;text-align:center;} 
.float-inquiry .btm-txt .tel{font-size: clamp(1.125rem, 0.9605rem + 0.6579vw, 1.75rem);}
.float-inquiry .btm-txt span{display:block;line-height:1.4em;}
.float-inquiry .form {padding-bottom:20px; border-bottom:1px solid #fff;}
.float-inquiry .form .group {display:flex; align-items:center; margin-bottom:10px;}
.float-inquiry .form .group:last-child {margin-bottom:0;}
.float-inquiry .form .group label {min-width:84px; font-size:18px; font-weight:500;}
.float-inquiry .form .group .input {width:100%; height:52px; border:0; padding:0 15px; font-size:14px;}
.float-inquiry .agree {display:flex; align-items:center; justify-content:space-between; padding:20px 0; font-size:15px; font-weight:300; line-height:1.33em; letter-spacing:-.03em;}
.float-inquiry .agree input[type=checkbox] {width:18px; height:18px; vertical-align:middle; margin:-.2em 2px 0 0;}
.float-inquiry .agree .btn {background:#fff; padding:4px 10px; font-size:13px; color:#505050;}
.float-inquiry .submit button {display:block; width:100%; height:60px; color:#fff; font-size:18px; font-weight:500; letter-spacing:-.03em; border:0; border-radius:10px; background:#4d8d5e; transition:.2s;}
.float-inquiry .submit button:hover {background:#c3904c;}
.float-inquiry .close {position:absolute; top:36px; right:36px; width:32px; height:32px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999em;}
.float-inquiry .close:before,
.float-inquiry .close:after {content:""; position:absolute; top:50%; width:100%; height:2px; background:#fff; opacity:.5;}
.float-inquiry .close:before {transform:rotate(45deg);}
.float-inquiry .close:after {transform:rotate(-45deg);}

@media (max-width: 1600px) {
	.float-inquiry {bottom:30px; right:30px;}
	.float-inquiry .inner {width:360px; padding:30px;}
	.float-inquiry .head {margin-bottom:20px;}
	.float-inquiry .head h2 {font-size:26px; margin-bottom:8px;}
	.float-inquiry .head p {font-size:14px;} 
	.float-inquiry .btm-txt {font-size:14px;} 
	.float-inquiry .form {padding-bottom:18px;}
	.float-inquiry .form .group label {min-width:60px; font-size:16px;}
	.float-inquiry .form .group .input {height:45px; padding:0 12px;}
	.float-inquiry .agree {padding:18px 0; font-size:14px;}
	.float-inquiry .agree .btn {font-size:12px; padding:3px 8px;}
	.float-inquiry .submit button {height:50px; font-size:17px;}
	.float-inquiry .close {top:26px; right:26px; width:28px; height:28px;}
}

@media (max-width: 1024px) {
	.mobile-float-btn {position:fixed; bottom:15px; right:15px; display:flex; align-items:center; justify-content:center; width:66px; height:66px; font-size:14px; 
	font-weight:500; line-height:1.33em; background:#005b18; color:#fff; border-radius:100%; box-shadow:0 0 5px rgba(0,0,0,.3);}
	.float-inquiry {display:none; bottom:90px; right:15px;}
	.float-inquiry .inner {width:280px; padding:15px; box-shadow:0 0 5px rgba(0,0,0,.3);}
	.float-inquiry .head {margin-top:0;}
	.float-inquiry .head h2 {font-size:22px;}
	.float-inquiry .head p {font-size:12px;} 
	.float-inquiry .btm-txt {font-size:12px;} 
	.float-inquiry .btm-txt .bar{display:none;} 
	.float-inquiry .btm-txt span{display:block;}
	.float-inquiry .form .group label {display:none;}
	.float-inquiry .form .group .input {height:40px; padding:0 10px;}
	.float-inquiry .agree {font-size:12px;}
	.float-inquiry .agree .btn {font-size:11px; padding:2px 5px;}
	.float-inquiry .submit button {height:44px; font-size:15px;}
	.float-inquiry .close {top:18px; right:18px; width:26px; height:26px;}
}

@media (max-width: 640px) {
	.mobile-float-btn {width:56px; height:56px; font-size:13px; bottom:60px; right:10px;z-index:600;}
	.float-inquiry {bottom:130px; right:10px;}
	
}