.Inquiry_Frame {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.Inquiry-Form {
	/* background-color: #FEFEFE; */
	display: flex;
	flex-direction: column;
	align-items: normal;
	padding: 20px;
	/* position: relative;
	left: 0px;
	top: 0px; */
	width:1204px;
}

.Title_Frame {
	align-items: left;
	padding: 0px;
}


.title_frame2 {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	padding: 0px;
	gap: 10px;
	
	width: 1110px;
	height: 70px;
	
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

.title_text {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	/* identical to box height, or 129% */
	letter-spacing: -0.09em;
	text-transform: uppercase;
	
	color: #6C757D;
	
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
	
	padding: 8px 0 0 0;
	margin-bottom: 30px /* 하단 여백 */
}

.AI_Add_Title {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 6px;
	
	
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}


#wform {
	width: 100%;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
	
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
	padding-bottom:30px;
}


.input-form {
    position: relative;
    width: 100%;
    /* padding: 20px; */
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #f9f9f9;
	overflow:hidden;
	border: 1px solid #e0e0e0;
}

.input-form > p{
	height:56px;
	line-height:56px;
	font-size:14px;
	color:#666;
	background:#f7f7f7;
}


.subject_frame {
	box-sizing: border-box;
	
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	
	position: absolute;
	width: 1110px;
	height: 50px;
	left: 0px;
	top: 81px;
	
	background: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}

.subject_title{
	box-sizing: border-box;
	
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	
	position: absolute;
	width: 1110px;
	height: 50px;
	left: 0px;
	top: 81px;
	
	background: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}

.content_input_frame {
	box-sizing: border-box;
	
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	
	width: 1110px;
	height: 189px;
	
	border-radius: 0px;
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}


.file_up_btn {
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 10px;
    gap: 10px;

    width: 80px;
    height: 42px;

    background: #8662E6;
    color: white;
    font-size: 14px; /* 폰트 크기 설정 */
    border: none;
    border-radius: 3px;
    cursor: pointer;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.file_up_btn input[type="file"] {
    display: none; /* 숨겨서 스타일을 덮어씌움 */
}

.btn-file {
    display: flex;
    gap: 10px; /* 버튼 사이 간격 */
    justify-content: left; /* 버튼을 가로 중앙 정렬 (선택 사항) */
	margin:0 0.5rem;
	flex-basis:90%;
	max-width:90%;
}


.btn-submit {
    display: flex;
    gap: 10px; /* 버튼 사이 간격 */
    justify-content: center; /* 버튼을 가로 중앙 정렬 (선택 사항) */
	padding-top:20px;
}

.cancel_btn,
.submit_btn {
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.cancel_btn {
		width: 160px;
		height: 54px;
		border: 1px solid #E0E0E0;
		border-radius: 4px;
    color: #333;
}

.submit_btn {
    color: white;
		background: linear-gradient(135.8deg, #478FFB 6.72%, #8662E6 79.03%);
		border-radius: 4px;
		width: 160px;
		height: 54px;
}


.privacy_text_frame {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 55px;
	width: 100%;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
	padding-bottom:15px;
}

.privacy_text {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 6px;
	flex-basis:50%;
	max-width:50%;
	/* height: 36px; */
	font-size:14px;
	color:#252525;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}




/* 커스텀 체크박스 스타일 */
.container_checkbox {
    display: flex;
    align-items: center; /* 세로 정렬 */
    gap: 10px; /* 체크박스와 레이블 간 간격 */
	flex-basis:50%;
	max-width:50%;
}

.policy-check_btn {
    /* 크기 */
    width: 20px;
    height: 20px;

    /* 둥글게 만들기 */
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%; /* 원형으로 */
    /* border: 2px solid #007bff; /* 테두리 색상 (파란색) */
    border: 2px solid #252525; /* 테두리 색상 (파란색) */
    /* background-color: #fff; 배경색 */
    cursor: pointer;

    /* 체크 상태 디자인 */
    display: inline-flex;
    justify-content: center;
    align-items: center;
	position:relative;
}

.policy-check_btn:checked {
    /* background-color: #007bff; /* 체크 시 배경색 */
    /* border: 2px solid #0056b3; /* 체크 시 테두리 색 */
    /* background-color: #888888; 체크 시 배경색 */
    border: 2px solid #252525;
    color: #fff;
}

.policy-check_btn:checked::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 30%;
    height: 55%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-70%) rotateZ(40deg);
    border-right: 2px solid #252525;
    border-bottom: 2px solid #252525;
}

label {
    font-size: 14px;
    cursor: pointer; /* 레이블 클릭 가능 */
}

.input_bx{
	display:flex; 
	justify-content:flex-start;
	align-items:center;
	background:#fff;
	font-family: 'Noto Sans KR';
	border-bottom:1px solid #E0E0E0;
}
.input_bx.he_50{height:50px;}
.input_bx > label{
	flex-basis: 9.5%;
    max-width: 9.5%;
    padding: 0 10px;
    background: #f7f7f7;
	height:100%;
	line-height:50px;
	color:#606060;
}
.input_bx > label > span{
	color:#E23644;
}

.input_bx > input{
	flex-basis: 90.5%;
    max-width: 90.5%;
    background: #f7f7f7;
    height: 42px;
    margin: 0 0.5rem;
	padding:10px;
    border: 0;
	font-family: 'Noto Sans KR';
	font-size:14px;
	color: #9E9E9E;
	border-radius: 2px;
}

.input_bx.inptxt_bx{height:182px;}
.input_bx > textarea{
	flex-basis: 90%;
    max-width: 90%;
    background: #f7f7f7;
    margin: 0 0.5rem;
    border: 0;
	height:96%;
	padding:10px;
	font-family: 'Noto Sans KR';
	font-size:14px;
	color: #9E9E9E;
	border-radius: 2px;
	resize: none; /* 크기 조절 비활성화 */
}

.input-label > label{
	flex-basis: 9.5%;
    max-width: 9.5%;
    padding: 0 10px;
    background: #f7f7f7;
	height:100%;
	line-height:50px;
	color:#606060;
}

.input-label > input{
	flex-basis: 90.5%;
    max-width: 90.5%;
    background: #f7f7f7;
    height: 42px;
    margin: 0 0.5rem;
	padding:10px;
    border: 0;
	font-family: 'Noto Sans KR';
	font-size:14px;
	color: #9E9E9E;
	border-radius: 2px;
}
.non_file{
	background: #f7f7f7;
    width: calc(100% - 90px);
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 10px;
    font-size: 14px;
	color: #9E9E9E;
	border-radius: 2px;
}
.non_bot{border-bottom:0;}


@media (max-width:1440px){
	.Inquiry-Form{width:100%;}
	.input_bx > label{flex-basis:12%; max-width:12%;}
	.input_bx > input{flex-basis:88%; max-width:88%;}
	.input_bx > textarea{flex-basis:88%; max-width:88%;}
	.input-label > label{flex-basis:12%; max-width:12%;}
	.input-label > input{flex-basis:88%; max-width:88%;}
	.btn-file{flex-basis:88%; max-width:88%;}
	.privacy_text{flex-basis:60%; max-width:60%;}
	.container_checkbox{flex-basis:40%; max-width:40%;}
	.title_frame2{width:100%;}

	.privacy_text_frame{gap:20px; flex-wrap:wrap; height:auto;}
	.Inquiry-Form{padding:0;}
}

@media (max-width:1200px){
	.input_bx > label{flex-basis:20%; max-width:20%;}
	.input_bx > input{flex-basis:80%; max-width:80%;}
	.input_bx > textarea{flex-basis:80%; max-width:80%;}
	.input-label > label{flex-basis:20%; max-width:20%;}
	.input-label > input{flex-basis:80%; max-width:80%;}
	.btn-file{flex-basis:80%; max-width:80%;}
	.privacy_text{flex-basis:100%; max-width:100%;}
	.container_checkbox{flex-basis:100%; max-width:100%;}
}

@media (max-width:1024px){
	.input_bx > label{flex-basis:22%; max-width:22%;}
	.input_bx > input{flex-basis:78%; max-width:78%;}
	.input_bx > textarea{flex-basis:78%; max-width:78%;}
	.input-label > label{flex-basis:22%; max-width:22%;}
	.input-label > input{flex-basis:78%; max-width:78%;}
	.btn-file{flex-basis:78%; max-width:78%;}

}
@media (max-width:768px){
	.file_up_btn{font-size:12px; width:70px;}
	.btn-file{gap:5px;}
	.non_file{width:calc(100% - 70px);}
}

@media (max-width:600px){

	.input_bx > label{flex-basis:25%; max-width:25%;}
	.input_bx > input{flex-basis:75%; max-width:75%;}
	.input_bx > textarea{flex-basis:75%; max-width:75%;}
	.input-label > label{flex-basis:25%; max-width:25%;}
	.input-label > input{flex-basis:75%; max-width:75%;}
	.btn-file{flex-basis:75%; max-width:75%;}
	.non_file{font-size:12px;}
}

@media (max-width:500px){

	.input_bx > label{flex-basis:38%; max-width:38%;}
	.input_bx > input{flex-basis:62%; max-width:62%;}
	.input_bx > textarea{flex-basis:62%; max-width:62%;}
	.input-label > label{flex-basis:38%; max-width:38%;}
	.input-label > input{flex-basis:62%; max-width:62%;}
	.btn-file{flex-basis:62%; max-width:62%;}
	.file_up_btn {width:75px;}
	.btn-file{gap:5px;}
}

@media (max-width:425px){
	.file_up_btn {width:60px; padding:14px 5px;}
	.non_file{width:calc(100% - 60px); padding:5px; font-size:10px;}
	.input-label > label{padding: 0 5px;}
	.input_bx > label{font-size:12px; padding: 0 5px;}
	.input_bx > input{font-size:12px; margin: 0 5px;}
	.input_bx > textarea{font-size:12px; margin: 0 5px;}
	.input-label > label{font-size:12px;}
	.input-label > input{font-size:12px; margin: 0 5px;}
	.btn-file{margin:0 5px;}
}

