@charset "utf-8";

/* inquiry_wrap */

/* ============ 새참당 ver ~ ============ */
.inqLogo {
    height: auto;
    width: 29.6rem;
}
.inqLogo img {width:100%; height: auto;}

/* ============ // ~ 새참당 ver ============ */

#inquiry {
    height: 80px;
    width: 100%;
    background: #351100;
    z-index: 100;
    position: relative;
}
#inquiry .inner {padding:0;}
#inquiry .inquiry-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    width: 100%;
    z-index: 150;
    background:#e70519;
}

#inquiry .inquiry-wrap .inner {
    flex-grow: 1;
    width: 100%;
    height: 78px;
    padding: 0 2rem;
    gap: 0;
    max-width: 114rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
#inquiry .inquiry-wrap {position: fixed;bottom: 0;left: 50%;height:auto;transform: translateX(-50%);}

#inquiry .gmcb {font-size: 34px;line-height: 90px;color:#fff;letter-spacing: -0.03em;}
/* footer에 닿았을 때 */
#inquiry.fixed-footer .inquiry-wrap {position: relative;width: 100%;}
.inquiry-wrap .inner {
    display: flex;
    justify-content: space-between;
    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;
    background: #ad3e2d;
    font-family: "Pretendard";
}
.inquiry-tab img { margin-right: 10px; }
.inquiry-tab span { margin-top: 0.1em;font-size:16px;}

/* 성함 전화번호 창업희망지역 */
.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: 1.8rem;}
.inquiry-wrap form .field input[type="text"] {width: 16rem; height: 100%; border-radius: 0; border: 1px solid #fff;background-color: #fff; padding: 0 2rem; font-size: 16px;height:45px;color:#222;font-family: 'Pretendard';}
.inquiry-wrap form .field input[type="text"]::placeholder {color: #222; font-size: 16px;font-family: 'Pretendard';}

.inquiry-wrap form .field input[type="text"]::placeholder {
    font-family: "Pretendard";
    font-weight: 600;
    font-size:16px;
    color:#222;
}
/* 개인정보수집 동의하기 */
.inquiry-wrap .checkbox {position: relative; margin-right:2.5rem;}
.inquiry-wrap .checkbox input {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}


.inquiry-wrap .checkbox input + label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fcf6ef;
    font-size: 14px;
    font-weight: 300;
    font-family: "Pretenard";
    font-weight: 500;
}

.inquiry-wrap .checkbox input + label a {
    color: #fff;
    line-height: 1.2;
    font-family: "Pretendard";
    font-size: 2rem;
    word-break: keep-all;
}

.inquiry-wrap .checkbox input + label:before {
    flex-shrink: 0;
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/STATIC/img/icon/check_cm.png');
    transform: translateY(4.5%);
}

background-image: url('/STATIC/img/icon/check_cm.png');}
.inquiry-wrap .checkbox input + label span:first-child {
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    display: inline-block;
    z-index: 1100;
    position: relative;
}
.inquiry-wrap .checkbox input:checked + label {color: #checkbox;}
.inquiry-wrap .checkbox input:checked + label:before {background-image: url('/STATIC/img/icon/checked_cm.png');}

.inqTitle {
    font-size: 4rem;
    letter-spacing: -0.05em;
    color: #04291d;
    word-break: keep-all;
    line-height: 1;
}

/* 상담신청 */
.inquiry-wrap button[type="button"] {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 700;
    width: 17rem;
    height: 45px;
    border-radius: 0;
    background-color: #000;
    color: #FFF;
    border: 0;
    margin: 15px 0;
}

.pc_inquiry_img {display:flex;justify-content:center;align-items:center;gap:0;}
.pc_inquiry_img img.inquiry_img {}
.pc_inquiry_img img.inquiry_logo {}
.pc_inquiry_img a {font-size: 32px;letter-spacing: -0.05em;color:#fff;}

.top_wrap {
	/* position:absolute;cursor:pointer;right:2em; */
	/* top:50%;transform:translateY(-50%) */
	/* top:-6em; */
}
.top_wrap img {}
@media (max-width:1920px){
    #inquiry {width:100%;}
    #inquiry .inquiry-wrap {max-width:100%;}
}

@media (max-width:1700px) {
	#inquiry .inquiry-wrap .inner {width: 100%; max-width: unset; display: flex; justify-content: center;}
}


@media (max-width:768px) {
	
	#inquiry {height:auto;}

	#inquiry .inquiry-wrap .inner {
		width: 100%;
		height: 21.09vw;
		max-width: unset;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		padding-top: 1.69vw;
		PADDING-BOTTOM: 2.6VW;
	}
	
	.inquiry-wrap form {height:auto}
	.inquiry-wrap button[type="button"] {
		font-size: 3.21vw;
		width: auto;
		height: 8.33vw;
		margin: 0;
		position: absolute;
		top: 0;
		padding: 1.4vw;
		margin-top: 1.82vw;
		right: 2rem;
	}
	
	.inquiry-wrap form .field {margin-left: 1.17vw; padding:0;}
	.inquiry-wrap form .field input[type="text"] {
		width: 20.23vw;
		height: 100%;
		font-size: 3.08vw;
		height: auto;
		padding: 0.65vw 2vw;
	}

	.inquiry-wrap form .field + .field {margin-left: 1.17vw;}
	.inquiry-wrap .checkbox {margin-right: 0;}
	.inquiry-wrap .checkbox input + label:before {width:4.6vw; height:4.6vw; margin-right: 0.7vw;}
	
	.inquiry-wrap .checkbox input + label a {
		font-size: 2.4vw;
		line-height: 1.152;
	}
	
	
	
	.inquiry-wrap form {width: 100%; justify-content: space-between;}


	.inquiry-wrap form .field input[type="text"]::placeholder {
		font-size: 3.08vw;  
	}
		
p.moTel {
    font-size: 5.21vw;
    color: #FFF;
    font-weight: 600;
    letter-spacing: -0.025em;
    font-family: "'Pretendard'";
    margin-top: 0;
    line-height: 8.33vw;
}

	.moInqImg.mo_only {
		position: absolute;
		left: 8%;
		bottom: 50%;
		width: 22.66vw;
		height: auto;
	}

	.moInqImg img {width:100%; height:auto;}
	.inquiry-tab {display:none;}

}