/* 
기본 스타일 초기화 
!!!!!!!!!!!!!!!!!! ftp 반영 시 삭제할 것 !!!!!!!!!!!!!!!!!!!! 
*/
/** { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Pretendard', sans-serif; } */
/*body {  } */

/*입력폼 스타일 260205*/
#inquiry-form_type1 { background-color: #f9f9f9; padding: 100px 20px; color: #333; line-height: 1.6; position:relative; }
#inquiry-form_type1:before { content:''; display:inline-block; width:100%; height:100%; position:absolute; top:0px; left:0px;  background: url('/images/sub/camo-pattern1.jpg'); z-index:1; }
/*#inquiry-form_type1:after { content:''; display:inline-block;  width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.3); position:absolute; z-index:11; }*/
#inquiry-form_type1 .form-container { max-width: 1000px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 15px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); position:relative;  z-index:22; }
#inquiry-form_type1 header h1 { font-size: 28px; margin-bottom: 30px; font-weight: 700; } 
/* 안내 박스 */
#inquiry-form_type1 .info-box { background-color: #eaf4ff; border-radius: 6px; padding: 15px 20px 15px 45px; display: flex; align-items: center; gap: 10px; margin-bottom: 45px; color: #444; font-size: 15px; position: relative; } 
#inquiry-form_type1 .info-box p { font-size: 19px; }
#inquiry-form_type1 .info-box .icon { background-color: #2b78e4; color: white; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 22px;     position: absolute; top: 20px; left: 20px; }
/* 입력 섹션 공통 */
#inquiry-form_type1 .form-section { margin-bottom: 45px; } 
#inquiry-form_type1 .form-section label { display: flex; align-items: center; font-weight: 500; margin-bottom: 10px; color: #333; font-size:19px; margin-right: 20px; } 
#inquiry-form_type1 .form-section label.label-required { margin-left: -14px; font-size:21px; } /**/
#inquiry-form_type1 .form-section label.label-required-none { font-size:21px; } /**/
#inquiry-form_type1 .label-required::before { content: "*"; color: #258fe4; margin-right: 2px; } 
#inquiry-form_type1 .form-section label.label-required .slim-txt { font-weight:400; color:#777; font-size: 17px; margin-left: 4px; }
/* 텍스트 입력 상자 */
#inquiry-form_type1 input[type="text"],
#inquiry-form_type1 input[type="tel"],
#inquiry-form_type1 input[type="email"],
#inquiry-form_type1 textarea { width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 19px; background-color: #fff; } 
#inquiry-form_type1 input.mini-size { width:300px; }
#inquiry-form_type1 .input-group input { margin-bottom: 8px; } 
#inquiry-form_type1 .textarea-wrapper { position: relative; } 
#inquiry-form_type1 .char-count { position: absolute; bottom: -20px; right: 0; font-size: 12px; color: #888; } 
/* 체크박스 & 라디오 버튼 */
#inquiry-form_type1 .selection-group { display: flex; flex-wrap: wrap; gap: 30px; padding: 10px 0; } 
#inquiry-form_type1 .checkbox-label, .radio-label { display: flex; align-items: center; gap: 8px; font-weight: 500 !important; cursor: pointer; font-size: 15px; } 
#inquiry-form_type1 input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; accent-color: #2b78e4; /* 메인 블루 색상 적용 */}
/* 버튼 스타일 */
#inquiry-form_type1 .button-group { display: flex; justify-content: center; gap: 10px; margin-top: 50px; } 
#inquiry-form_type1 button { padding: 12px 40px; font-size: 19px; font-weight: 600; border-radius: 4px; cursor: pointer; border: none; transition:all 0.2s; } 
#inquiry-form_type1 .btn-reset { background-color: #fff; border: 1px solid #ccc; color: #333; } 
#inquiry-form_type1 .btn-reset:hover { background:#258fe4; color:#fff; border-color:#258fe4; }
#inquiry-form_type1 .btn-submit { background-color: #2b78e4; color: #fff; } 
#inquiry-form_type1 .btn-submit:hover { background:#258fe4; }

/* --- 반응형 디자인 --- */
@media(max-width:1160px){
	#inquiry-form_type1 { padding: 50px 20px; }
	#inquiry-form_type1 .info-box { padding: 12px 20px 15px 45px; }
	#inquiry-form_type1 header h1 { font-size:27px; }
}
@media(max-width:800px){
	#inquiry-form_type1 .info-box { padding: 16px 20px 16px 45px; }
	#inquiry-form_type1 .info-box .icon { font-size: 20px; }
}
@media (max-width: 768px){
	#inquiry-form_type1 .form-container { padding: 35px; } 
	#inquiry-form_type1 .selection-group { gap: 15px; } 
	#inquiry-form_type1 .button-group { flex-direction: column-reverse; } 
	#inquiry-form_type1 button { width: 100%; } 
	#inquiry-form_type1 header h1 { font-size:26px; }
	 /*#inquiry-form_type1 .form-section label { font-size:19px; }*/
	#inquiry-form_type1 .form-section label { font-size:20px; }
	#inquiry-form_type1 .form-section label.label-required { font-size: 21px; margin-left:-14px; }
	#inquiry-form_type1 .form-section label.label-required .slim-txt { font-size:18px; }
	#inquiry-form_type1 .form-section label.label-required-none { font-size:21px; }
	#inquiry-form_type1 .form-section { margin-bottom: 35px; }
	#inquiry-form_type1 .info-box p { font-size: 18px; margin: unset; line-height:26px; } /*다른p에서 영향 받는것 제거*/
	#inquiry-form_type1 .checkbox-label, .radio-label { gap: 6px; }
	#inquiry-form_type1 input[type="text"], #inquiry-form_type1 input[type="tel"], #inquiry-form_type1 input[type="email"], #inquiry-form_type1 textarea { font-size:18px; }
}
@media(max-width:640px){
	#inquiry-form_type1 .info-box .icon { top: 19px; left: 19px; }
	#inquiry-form_type1 .form-container { padding:30px; }
	#inquiry-form_type1 .form-section label.label-required { font-size:20px; }
	#inquiry-form_type1 .form-section label.label-required-none { font-size: 20px; }
	#inquiry-form_type1 .form-section label.label-required .slim-txt { font-size: 17px; }
	#inquiry-form_type1 input[type="text"], #inquiry-form_type1 input[type="tel"], #inquiry-form_type1 input[type="email"], #inquiry-form_type1 textarea { font-size:17px; }
	#inquiry-form_type1 .form-section label { font-size: 19px; }
	#inquiry-form_type1 header h1 { font-size:25px; }
}
@media(max-width:480px){
	/*#inquiry-form_type1 .info-box { padding: 3px 12px 16px 42px; }*/
	
	#inquiry-form_type1 .info-box { padding: 11px 20px 11px 36px; }
	#inquiry-form_type1 .info-box p { font-size: 16px; line-height: 22px; }
	#inquiry-form_type1 .info-box .icon { top: 14px; left: 14px; width: 18px; height: 18px; }
	#inquiry-form_type1 .form-container { padding: 25px; }
	#inquiry-form_type1 .form-section label.label-required { font-size:19px; }
	#inquiry-form_type1 .form-section label.label-required-none { font-size:19px; }
	#inquiry-form_type1 .form-section .input-group { width:100%; }
	#inquiry-form_type1 .selection-group { gap: 10px; }
	#inquiry-form_type1 .form-section label { font-size: 18px; }
	#inquiry-form_type1 input.mini-size { width: 100%; }
	#inquiry-form_type1 button { font-size:17px; }
	#inquiry-form_type1 header h1 { font-size:24px; }
}
@media(max-width:420px){
	#inquiry-form_type1 {  }
	#inquiry-form_type1 { background:unset; padding: unset; } /*border: 1px solid rgba(0, 0, 0, 0.05);*/
    #inquiry-form_type1 .form-container { padding: 20px; }
	#inquiry-form_type1 .form-section label.label-required { font-size: 18px; }
	#inquiry-form_type1 .form-section label.label-required-none { font-size: 18px; }
	#inquiry-form_type1 .form-section label.label-required .slim-txt { font-size: 15px; }
	#inquiry-form_type1 .form-section label { font-size: 16px; }
	#inquiry-form_type1 input[type="text"], #inquiry-form_type1 input[type="tel"], #inquiry-form_type1 input[type="email"], #inquiry-form_type1 textarea { font-size: 16px; }
	#inquiry-form_type1 header h1 { font-size:22px; }
}
