@charset "utf-8";

/* inquiry_wrap */

#inquiry { height: 80px;width:100%;;}
#inquiry .inquiry-wrap {
    display: flex;justify-content: flex-start;align-items: stretch;flex-direction: column;width: 100%;z-index: 8000;
    /* background-color: #303a94; */max-width:1920px;
    background:url('../image/inquiry_bg.png')no-repeat center bottom /cover;
}
#inquiry .inquiry-wrap .inner {flex-grow: 1;width: 100%;max-width: 1200px;height: 88px;}
#inquiry .inquiry-wrap {position: fixed;bottom: 0;left: 50%;height:80px;transform: translateX(-50%);}

/* footer에 닿았을 때 */
#inquiry.fixed-footer .inquiry-wrap {position: relative;width: 100%;}
.inquiry-wrap .inner {display: flex;justify-content: flex-end;align-items: center;}
.inquiry-tab {display: flex;justify-content: flex-start;align-items: stretch;pointer-events: none;margin-right:15px;font-family: 'TTTtangsbudaejjigaeB',sans-serif;}
.inquiry-tab > div {flex-grow: 1;display: flex;justify-content: center;align-items: center;line-height: 1.2em;}
.inquiry-tab > div * {letter-spacing: -0.025em; }
.inquiry-tab > div:first-child { display: none; }
.inquiry-tab > div:last-child {display: none;font-size: 36px; letter-spacing: -0.025em; color: #fff;white-space: nowrap;}
.inquiry-tab img { margin-right: 10px; }
.inquiry-tab span { margin-top: 0.1em; }

/* 성함 전화번호 창업희망지역 */
.inquiry-wrap form {height: 100%; display: flex; justify-content: flex-start;align-items: center;font-family: 'Pretendard';font-weight: 400;}
.inquiry-wrap form .field {padding: 15px 0; display: flex; justify-content: center; align-items: center; }
.inquiry-wrap form .field + .field { margin-left: 10px;}
/* .inquiry-wrap form .field input[type="text"] {width: 182px; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: transparent; padding: 0 20px; font-size: 16px;height:48px;color:#fff;font-family: 'Pretendard';} */
.inquiry-wrap form .field input[type="text"] {width: 210px; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: #fff; padding: 0 10px; font-size: 16px;height:48px;color:#666;font-family: 'Pretendard';}
.inquiry-wrap form .field input[type="text"]::placeholder {color: #666; font-size: 16px;font-family: 'Pretendard';}

    .inquiry-wrap form .field_phone { display:flex; width: 220px; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: #fff; padding: 0 20px; font-size: 16px;height:48px;color:#666;font-family: 'Pretendard'; background:#fff; }
    .inquiry-wrap form .field_phone select { width: 70px; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: #fff; padding: 0 5px; font-size: 16px;height:48px;color:#666;font-family: 'Pretendard'; }
    .inquiry-wrap form .field_phone input[type="text"] { width: 70px; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: #fff; padding: 0 5px; font-size: 16px;height:48px;color:#666;font-family: 'Pretendard'; }
    .inquiry-wrap form .field_phone input[type="text"]::placeholder {color: #666; font-size: 16px;font-family: 'Pretendard';}

/* 개인정보수집 동의하기 */
.inquiry-wrap .checkbox {position: relative; margin-right:35px;}
.inquiry-wrap .checkbox input {
    width: 100%;
    height: 100%;
    position: absolute;
    inset:0;opacity:0;cursor: pointer;letter-spacing: 0.025em;
    /* position: absolute;inset:0;opacity:0;cursor: pointer;color:#fcf6ef; */
}
.inquiry-wrap .checkbox input + label {display: flex;justify-content: flex-start;align-items: center;color: #fcf6ef;font-size: 14px;font-weight: 300;letter-spacing: 0.01em;}
.inquiry-wrap .checkbox input + label a {color:#fcf6ef;}
.inquiry-wrap .checkbox input + label:before {flex-shrink: 0;content: "";width: 28px;height: 28px;margin-right: 10px;background-repeat: no-repeat;background-size: cover;background-image: url('../image/check2.png');}
.inquiry-wrap .checkbox input + label span:first-child {border-bottom: 1px solid currentColor;padding-bottom: 2px; display: inline-block;}
.inquiry-wrap .checkbox input:checked + label {color: #fff;}
.inquiry-wrap .checkbox input:checked + label:before {background-image: url('../image/checked2_color.png');}

/* 상담신청 */
.inquiry-wrap button[type="button"] { 
    font-size:18px; font-weight: 700; 
    width: 170px; height: 50px; border-radius: 0;
    background-color: #221007; color: #fff; border: 0; margin: 15px 0;font-family: 'Wanted Sans Variable',sans-serif;;
}

.inquiry-wrap .submit_btn { 
    font-size:18px; font-weight: 700; 
    width: 170px; height: 50px; border-radius: 0;
    background-color: #221007; color: #fff; border: 0; margin: 15px 0;font-family: 'Wanted Sans Variable',sans-serif;;
}

@media (max-width:1920px){
    #inquiry {width:100%;}
    #inquiry .inquiry-wrap {max-width:100%;}
}

@media (max-width:768px){
    #top_btn {display: none;}
	#inquiry { position: relative; height:auto;margin-top:0;}
	#inquiry,
	#inquiry .inquiry-wrap {}
    #inquiry.fixed-footer.open .inquiry-wrap {
        /* position: relative; */
    }
	#inquiry .inquiry-wrap { transition: max-height 0.5s ease-out; overflow: hidden; background: #2aa0df;}
	#inquiry.fixed-footer .inquiry-wrap {
        position: absolute;
        /* left: 0; */
        bottom: 0;
        width: 100%;
    }
	#inquiry form {display: none;width: 100%; background: #0069e8;padding:7.8125vw;}
    #inquiry .inquiry-wrap { height: auto; }
    #inquiry .inquiry-wrap .inner {max-width: 100.0000vw;height: auto;margin-top: 0.0000vw;}
    .inquiry-wrap .inner { flex-direction: column;}
    .inquiry-tab {margin-right: 0; flex-grow: 1; width: 100%; pointer-events: inherit; }
    .inquiry-tab img { width:100%;margin-right:0;}
    .inquiry-tab > div {overflow: hidden;width:50%; }
    .inquiry-tab > div:first-child,.inquiry-tab > div:last-child { display: flex; position:relative;}
    .inquiry-wrap form { height: auto; flex-wrap: wrap;}
    .inquiry-wrap form .field {flex-shrink: 0;background:#fff;width: 100%;display:block;padding: 0;margin-bottom:2.6042vw;}

    .inquiry-wrap form .field + .field { margin-left: 0; margin-top:0; }
    .inquiry-wrap form .field + .field:nth-child(4) { background:transparent;padding:0.5rem} 
    .inquiry-wrap form .field + .field.last { background:transparent;padding:0.5rem;} 
    .inquiry-wrap form .field.last { background:transparent;padding:0.5rem;} 
    .inquiry-wrap form .field input[type="text"] { height: 10.4167vw; width: 100%; font-size: 3.6458vw; padding-left:5.2083vw;color:#222}
    .inquiry-wrap form .field input[type="text"]::placeholder { font-size: 3.6458vw;color:#222; }



    .inquiry-wrap form .field_phone { display:flex; height: 10.4167vw; width: 100%; font-size: 3.6458vw; padding:0 1vw; color:#222}
    .inquiry-wrap form .field_phone select { height: 10.4167vw; width:30%; font-size: 3.6458vw; padding:0 1vw;  color:#222}
    .inquiry-wrap form .field_phone input[type="text"] { height: 10.4167vw; width:30%; font-size: 3.6458vw; padding:0 1vw;  color:#222}
    .inquiry-wrap form .field_phone input[type="text"]::placeholder { font-size: 3.6458vw;color:#222; }





    .inquiry-wrap .checkbox input + label {justify-content: center;width:100%;color:#221007;}
    .inquiry-wrap .checkbox input + label span:last-child {border-bottom: 1px solid currentColor;padding-bottom: 2px; display: inline-block;}
    .inquiry-wrap .checkbox input:checked + label {color: #221007;}
    .inquiry-wrap .checkbox input:checked + label:before {background-image: url('../image/checked2_color.png');}
    .inquiry-wrap .checkbox input + label br { display: none; }
    .inquiry-wrap .checkbox input + label:before { width: 4.9479vw; height: 4.9479vw; }
    .inquiry-wrap .checkbox input + label a { padding: 0.5rem 0; border-bottom: 0; margin-right: 0; }
    .inquiry-wrap .checkbox input + label p { padding: 0.5rem 0; border-bottom: 0; margin-right: 0; }
    .inquiry-wrap button[type="button"] { margin: 0; width: 100%; height: 11.7188vw; font-size:4.4271vw; color: #111;background: #f8f5ac;}

    .inquiry-wrap .checkbox {position: relative; margin-right:0px;}

    #plusIcon {
        opacity: 1;position: absolute;top: 50%;right:3.9063vw;transform: translateY(-50%) rotate(0deg);
        z-index: 99;width: 3.6458vw;height: auto;transition: 0.5s;
    }
    #plusIcon.on {transform: translateY(-50%) rotate(45deg);}
}