@charset "utf-8";

#MtogglePack, .toggle_call, .toggle_call img, #toggleButton, #toggleButton2, .toggle_divider   {
    display: none;
}

#application_form {
    position: fixed;
    color: var(--white);
    background: var(--gray);
    bottom: -200%;
    width: 100%;
    max-width: 1280px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
    border-radius: var(--br_xl) var(--br_xl) 0 0;
	z-index: 1100;
    opacity: 0;
}

    #application_form.show {
        bottom: 0;
        opacity: 1;
    }

#application_form [class$="fieldset"] {
    display: inline-flex;
    width: auto;
}

    #application_form [class$="fieldset"] .fieldset_label {
        display: none !important; /*라벨숨기기*/
    }

    #application_form [class$="fieldset"] > input {
        width: 100%;
        height: 70px;
        padding: 0 1rem !important;
        color: var(--point) !important;
        background-color: #fff;
		border-radius: calc(var(--br_s) * 2);
		outline: none;
		border: 1px solid var(--gray_a);
        font-size: 1.3rem;
    }

    /* 신청 폼 - 폼 박스 */
    #application_form .form_box {
        width: 100%;
        padding: 2.5rem 5rem 1.5rem;
    }
.form_up .div, .form_up fieldset, .form_up button{flex:1!important;}



#application_form input::placeholder {
    color: var(--gray_6);
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: hidden;
    overflow-y: visible; /* new style */
    font-size: 1.2rem;
    line-height: 1.6 !important;
}

/* 신청 폼 - 개인정보수집이용동의 */
#application_form .agree_fieldset {
    align-self: flex-end
}
.agree_fieldset{
    width: 100%;
}

/*자세히*/
#application_form .agree_set a {
    color: inherit;
    margin-left: 0.25rem;
    border: 1px solid #fff;
    padding: 0.125rem 0.25rem;
}

.agree_set .checkbox_ctr {
    margin: 0;
    /* width: 20px; */
}
/* 신청 폼 - 신청 버튼 */
#application_form .form_btn {
    height: 70px;
    border-radius: calc(var(--br_s) * 2);
     
}

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

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


@media ( max-width: 900px ) {
.form_up .tit {display: none;}
    #application_form {
        padding: 1rem;
        border-radius: var(--br_m);
        width: 96%;
		z-index: 1100;
    }

        #application_form.show {
			bottom: calc(2rem + 40px) !important;
			opacity: 1;
    		z-index: 1100;
        }

	#Close_FormBox{
		position: absolute;
		font-size: 2rem;
		top:0.75rem;
		right: 0rem;
	}
    #MtogglePack {
        position: fixed;
        left: 50%;
        bottom: 0.5rem;
		right: 0;
        display: flex;
        width: fit-content!important;
        transform: translateX(-50%);
        z-index: 1200;
		
    }

	
    .toggle_call {
		display: flex;
        padding: 15px;
		width: 50px;
		height: 50px;
        box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.5);
        position: absolute;
        top: -30%;
        left: 5%;
        transform: translateY(-30%);
        z-index: 1300 !important;
		
    }

        .toggle_call img {
			display: block;
            /*width: 25px;*/
            aspect-ratio: 1;
        }

    #toggleButton, #toggleButton2 {
        display: flex;
        justify-content: center;
        align-items: center;
		height: 100%; 
        width: 100%;
		padding: 15px 30px;
		gap:10px;
    }
	/* #toggleButton{width: 40%!important;}
	#toggleButton2{width: 60%!important;} */
    .toggle_divider {
        display: inline-block;
        content: "";
        width: 2px;
        height: 20px;
        background-color: var(--gray_6) !important;
		margin: 0 1.5rem;
    }

    #application_form [class$="fieldset"] > input {
        width: 100%;
        height: 40px;
        padding: 0 1rem !important;
        color: var(--point) !important;
    }

	/* 신청 폼 - 폼 박스 */
		#application_form .form_box {
			width: 100%;
			padding: unset;
			border-radius: var(--br_m);
		}




    #application_form .agree_fieldset {
        width: auto;
        align-self: flex-end
    }
    /* 신청 폼 - 신청 버튼 */
    #application_form .form_btn {
        max-width: 70px;
        height: 40px;
    }

    /* 신청 폼 - 개인정보수집이용동의 */
    .agree_set .agree_txt {
        font-size: 11.5px !important;
    }
         #application_form .form_box .d_flex div.form_up{margin-bottom: 0.5rem;}

	
}

@media ( max-width: 600px ) {
    #application_form .form_box {
        flex-direction: column;
    }
}
@media ( max-width: 400px ) {
    #toggleButton, #toggleButton2 {
        font-size: 16px!important
    }

    .toggle_divider {
		margin: 0 1rem;
    }

    /* 신청 폼 - 개인정보수집이용동의 */
    .agree_set .agree_txt {
        font-size: 10px !important;
    }
}