@charset "utf-8"; /* CSS Document */
#application_form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 150px;
    background-color:var(--form);
    transition: bottom 0.5s ease;
    z-index: 1000;
	/* filter: drop-shadow(0px 0px 4px rgba(25, 158, 217, 0.35)); */
}

#application_form.active {
    bottom: -150px;
}

.hidden {
    display: none;
}
/* 폼닫기버튼 */
.formClosewrap{
	text-align: right;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	top:0;
	width: calc(1470px + 2rem);
	padding-left: 1rem;
	padding-right: 1rem;
}
	.form_close_button {
		position: absolute;		
		bottom:-100%;
		right: 0%;
		font-size: 1.1rem;
		padding-top: .5rem;
		width: 150px;
		height: 60px;
		border: none;
		cursor: pointer;
		background-color:var(--form);
		border-radius: var(--br_m) var(--br_m) 0 0;
		line-height: 1;
		color: var(--gray_6);		
}  
.form_close_button:hover {
    color: var(--point);
}
.form_close_button p span {writing-mode: vertical-rl; transition: transform 0.3s ease;}  


/* 신청 폼 - 폼 박스 */
#application_form .form_box {
	width: 100%;
	position: relative;
}
#application_form [id$="fieldset"] > input,
#application_form [id$="fieldset"] > select {
	width: 100%;
	height: 65px;
	padding: 0 1.5rem !important;
	color: var(--gray_6) !important;
	background-color: var(--white) !important;
	border: var(--border_g);
}
 #application_form [id$="fieldset"]:focus-within > input, 
 #application_form [id$="fieldset"]:focus-within > select { border: solid 1px var(--point); }

#application_form input::placeholder {
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: hidden;
	overflow-y: visible;
	line-height: initial;
}
#application_form [id$="fieldset"] .fieldset_label {
	display: none !important;/*라벨숨기기*/
}
#application_form .form_box .form_boxL {
	width: calc(100% - 150px)
}
    /* 신청 폼 - 필드셋 */
    #application_form [id$="fieldset"] {
		width: 100%;
		max-width: auto;
    }
		/* 희망제품리스트 필드셋 */
		#application_form #prod_fieldset {
			max-width: 30%
		}
		/* 상담 가능 시간 필드셋 */
		#application_form #time_fieldset {
			max-width: 20%
		}
		/*이름 필드셋 */
		#application_form #name_fieldset {
			max-width: 20%
		}
		/* 연락처 필드셋 */
		#application_form #tel_fieldset{
			max-width: 30%
		}

/* 신청 폼 - 개인정보수집이용동의 */
.agree_set .checkbox_txt {
    width: auto;
}
/*자세히*/
#application_form .agree_set a {
    color: inherit;
    margin-left: 0.25rem;
}
#application_form .agree_set a:hover {
    color: var(--point);
}

.agree_set .checkbox_ctr {
    margin: 0 0.25rem;
    width: 20px;
	border: var(--op_gray);
}

/* 신청 폼 - 신청 버튼 */
#application_form .form_btn {
    width: 100%;
    max-width: 150px;
    height: 65px;
	border-radius: var(--br_m);
	transition:all var(--q_trans);
}
    #application_form .form_btn:hover {
        /* filter: hue-rotate(30deg); */
		background-color: var(--dark);
    }


/* ==================== 해상도 1380px 이상 ==================== */
@media screen and (min-width: 1380px) {
}
/* ==================== 모바일 레이아웃 ==================== */

@media ( max-width: 1380px ) {
}


@media ( max-width: 900px ) {
	/* 신청 폼 - 폼 박스 */
    #application_form .form_box {
        padding-left: 0rem; padding-right: 0rem; 
    }
	#application_form [id$="fieldset"] > input,
	#application_form [id$="fieldset"] > select {
		height: 45px;
		padding: 0 2.25rem  0 1rem !important;
	}
	#application_form [id$="fieldset"] > select{
		background-size: 10px;
    	background-position: 93% center;
	}
	  #application_form .form_box .form_boxL {
         width: calc(100% - 80px);
        }
	#application_form .form_box .form_boxL .d_flex{
		flex-wrap: wrap
	}
	/* 신청 폼 - 필드셋 */
    #application_form [id$="fieldset"] {
		width: 48%;
		max-width: 50%;
    }
		/* 희망제품리스트 필드셋 */
		#application_form #prod_fieldset {
			max-width: 50%
		}
		/* 상담 가능 시간 필드셋 */
		#application_form #time_fieldset {
			max-width: 50%
		}
		/*이름 필드셋 */
		#application_form #name_fieldset {
			max-width: 50%
		}
		/* 연락처 필드셋 */
		#application_form #tel_fieldset{
			max-width: 50%
		}


	/* 신청 폼 - 신청 버튼 */
	#application_form .form_btn {
		max-width: 80px;
		height: 98px;
	}
	
	.form_toggle_button {
	width: 407px;
	height: 100px;
}
}

@media ( max-width: 600px ) {
	.form_toggle_button {
	width: 350px;
	height: 86px;
}
	.form_close_button {
		position: absolute;		
		bottom:-100%;
		right: 2rem;
		font-size: 1.2rem;
		padding-top: .7rem;
		width: 80px;
		height: 40px;
		border-radius: var(--br_m) var(--br_m) 0 0;
	
}  
}
/***** 가로모드 *****/
@media screen and (orientation: landscape) and ( max-width: 900px ) {
}