@charset "utf-8"; /* CSS Document */
#application_form {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
	height: 150px;
    background-color: #ffffb5;
    transition: bottom 0.5s ease;
    z-index: 1000;
	filter: drop-shadow(0px -3px 7px rgba(0, 0, 0, 0.25));
}

#application_form.active {
    bottom: 0;
}

.hidden {
    display: none;
}
.form_toggle_button {
	padding: 0;
    position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 999;
	display: block;
	background-image: url("../images/form_close.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 558px;/*실제 이미지 사이즈*/
	height: 126px;
	filter: drop-shadow(0px -2px 5px rgba(0, 0, 0, 0.25));
	transition: var(--transition);
}
.form_toggle_button:hover {
	background-image: url("../images/form_close_hover.png");
	filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.45));
}
.formClosewrap{
	text-align: right;
	position: relative;
	height: 0;
}
	.form_close_button {
		position: absolute;		
		top:-50px;
		right: 0;
		font-size: 0.9rem;
		width: 80px;
		height: 40px;
		border: none;
		cursor: pointer;
		background-color: #ffffb5;
		border-radius: 5px 5px 0 0;
		line-height: 1;
}  
.form_close_button:hover p {
    color: var(--point);
}
.form_close_button p span {writing-mode: vertical-rl;}  
	/* 신청 폼 - 폼 박스 */
    #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: 180px;
    height: 65px;
	border-radius: var(--br_01);
	transition: var(--transition);
}
    #application_form .form_btn:hover {
        filter: hue-rotate(30deg);
    }


/* ==================== 해상도 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;
}
}
/***** 가로모드 *****/
@media screen and (orientation: landscape) and ( max-width: 900px ) {
}