@charset "UTF-8";

.contact{
	background:url(/kr/img/sub/customer.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}

/* inquiry */
#inquiry .cont form{
	display:flex;
	gap:40px 20px;
	flex-flow:wrap;
	width:100%;
}

#inquiry .cont form .input_box{
	width:calc((100% - 20px) / 2);
}

#inquiry .cont form .input_box .input_tit,
#inquiry .cont form .policy .input_tit{
	font-size:1.25rem;
	font-weight:700;
	background-color:var(--gray01);
	padding:20px;
	box-sizing:border-box;
	display:block;
}

#inquiry .cont form .input_box.inqut_service,
#inquiry .cont form .input_box.input_address,
#inquiry .cont form .input_box.input_contents{
	width:100%;
}

#inquiry .cont form .input_box .input_tit strong,
#inquiry .cont form .policy .input_tit strong{
	color:var(--point-color);
	font-size:inherit;
	font-weight:inherit;
}

#inquiry .cont form .input_box > input{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	border:1px solid #edf1f4;
	margin-top:20px;
	font-size:1rem;
	outline:none;
}

#inquiry .cont form .input_box .inputHint{
	font-size:0.9rem;
	color:var(--gray02);
	margin-top:10px;
	word-break:keep-all;
}

#inquiry .cont form .input_box .inputHint a{
	color:var(--point-color);
	font-weight:700;
	text-decoration:underline;
}

#inquiry .cont form .input_box .service_box{
	display:flex;
	gap:20px;
	align-items:center;
	margin-top:20px;
	flex-flow: wrap;
}

#inquiry .cont form .input_box .service_box input[type='checkbox'], 
#inquiry .cont form .input_box .service_box input[type='radio']{
	clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

#inquiry .cont form .input_box textarea{
	width:100%;
	height:300px;
	padding:20px;
	box-sizing:border-box;
	border:1px solid #edf1f4;
	font-size:1rem;
	margin-top:20px;
	resize: none;
}

textarea::placeholder{
	font-family:var(--pretendard);
}



input::placeholder,
textarea::placeholder{
	color:#ccc;
	font-size:1rem;
	word-break:keep-all;
}

#inquiry .cont form .input_box textarea::placeholder{
	color:#999;
}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus, 
select:focus{
	border:1px solid #edf1f4 !important;
	box-shadow:none !important;
}

#inquiry .cont form .input_box .service_box .service_input input[type-radio]{
	display:none;
}

#inquiry .cont form .input_box .service_box .service_input label{
	display:inline-block;
	padding:10px 20px;
	font-size:1rem;
	border-radius:20px;
	border:1px solid var(--black02);
	cursor:pointer;
	transition:0.3s;
}

#inquiry .cont form .input_box .service_box .service_input input:checked + label{
	background-color:var(--black02);
	color:var(--white);
}

#inquiry .cont form .input_box.input_file{
	width:100%;
}

#inquiry .cont form .fileUpload{
	display:flex;
	align-items:center;
	gap:16px;
	margin-top:20px;
	flex-wrap:wrap;
}

#inquiry .cont form .fileUpload input[type="file"]{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
}

#inquiry .cont form .fileUpload .fileUploadBtn{
	display:inline-block;
	padding:14px 28px;
	font-size:1rem;
	border-radius:20px;
	border:1px solid var(--black02);
	cursor:pointer;
	transition:.3s;
	white-space:nowrap;
}

#inquiry .cont form .fileUpload .fileUploadBtn:hover{
	background-color:var(--black02);
	color:var(--white);
}

#inquiry .cont form .fileUpload .fileUploadName{
	font-size:0.95rem;
	color:var(--gray02);
	word-break:break-all;
}

#inquiry .cont form .policy{
	width:100%;
}

#inquiry .cont form .policy .ploicyContent{
	margin-top:20px;
	padding:20px;
	height:300px;
	overflow-y:scroll;
	width:100%;
	border:1px solid #edf1f4;
	box-sizing:border-box;
}

#inquiry .cont form .policy .ploicyContent pre{
	overflow:auto;
	white-space:break-spaces;
	font-size:1rem;
	line-height:1.5;
	color:var(--gray02);
	word-break:keep-all;
}

#inquiry .cont form .policy .agree_btns{
	margin-top:60px;
	display:flex;
	align-items:center;
	gap:50px;
	justify-content:center;
}

#inquiry .cont form .policy .agree_btns .agree,
#inquiry .cont form .policy .agree_btns .disagree{
	display:flex;
	align-items:center;
	gap:10px;
}

#inquiry .cont form .policy .agree_btns .agree label,
#inquiry .cont form .policy .agree_btns .disagree label{
	font-size:1rem;
}

#inquiry .cont form .policy .agree_btns .agree input,
#inquiry .cont form .policy .agree_btns .disagree input{
	padding:0;
	margin:0;
}

#inquiry .cont form .button_box{
	margin:60px auto 0 auto;
	display:flex;
	justify-content:center;
}

#inquiry .cont form .button_box button{
	all:unset;
	padding:23px 100px;
	border-radius:40px;
	background-color:var(--black02);
	outline:none;
	border:0;
	cursor:pointer;
	transition:.3s;
}

#inquiry .cont form .button_box button p{
	color:var(--white);
	font-size:1.5rem;
	font-weight:700;
}

#inquiry .cont form .button_box button:hover{
	opacity:0.8;
}

@media screen and (max-width:1200px){
	#inquiry .cont form .input_box .input_tit,
	#inquiry .cont form .policy .input_tit{
		font-size:1.2rem;
	}
}

@media screen and (max-width:1024px){
	#inquiry .cont form .button_box button p{
		font-size:1.428rem;
	}
}

@media screen and (max-width:969px){
	#inquiry .cont form .input_box > input,
	#inquiry .cont form .input_box .service_box,
	#inquiry .cont form .policy .ploicyContent,
	#inquiry .cont form .input_box textarea{
		margin-top:15px;
	}

	#inquiry .cont form .input_box > input,
	#inquiry .cont form .input_box textarea,
	#inquiry .cont form .policy .ploicyContent{
		padding:15px;
	}

	#inquiry .cont form .input_box .input_tit,
	#inquiry .cont form .policy .input_tit{
		padding:15px;
	}

	#inquiry .cont form .input_box .service_box{
		gap:15px;
	}

	#inquiry .cont form{
		gap:30px 15px;
	}

	#inquiry .cont form .input_box{
		width:calc((100% - 15px) / 2);
	}

	#inquiry .cont form .button_box{
		margin:50px auto 0 auto;
	}

	#inquiry .cont form .button_box button{
		padding:18px 90px;
	}

	#inquiry .cont form .input_box textarea{
		height:250px;
	}

	#inquiry .cont form .policy .ploicyContent{
		height:250px;
	}
}

@media screen and (max-width:767px){
	#inquiry .cont form .policy .agree_btns{
		margin-top:40px;
	}
}

@media screen and (max-width:640px){
	#inquiry .cont form{
		gap:15px;
	}

	#inquiry .cont form .input_box{
		width:100%;
	}

	#inquiry .cont form .input_box textarea{
		height:200px;
	}

	#inquiry .cont form .policy .ploicyContent{
		height:200px;
	}

	#inquiry .cont form .button_box button{
		padding:15px 60px;
	}

	#inquiry .cont form .button_box button p{
		font-size:1.384rem;
	}
}

@media screen and (max-width:460px){
	#inquiry .cont form .policy .agree_btns{
		margin-top:20px;
	}

	#inquiry .cont form .button_box button p{
		font-size:1.2307rem;
	}

	#inquiry .cont form .button_box {
        margin: 35px auto 0 auto;
    }

	#inquiry .cont form .input_box .service_box{
		gap:10px;
	}

	#inquiry .cont form .input_box .service_box .service_input label{
		padding:7px 15px;
	}
}