@charset "utf-8";

@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.hambak {font-family: 'SF_HambakSnow', sans-serif !important;}

/* 가맹문의 */

#inquiry,
.shrink-Z { flex-shrink: 0; }
#inquiry .inquiry-wrap { 
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	width: 100%;
	z-index: 8000;
}
#inquiry .inquiry-wrap .inner {
	flex-grow: 1;
}
#inquiry { height: 80px; }
#inquiry .inquiry-wrap {
	position: fixed;
	bottom: 0;
	left: var(--sider-padding);
	width: calc(100% - 120px);
	height: 80px;
	background: #ab2025;border-top: 2px solid #3c1b0c;
}
#inquiry.fixed-footer .inquiry-wrap {
	position: relative;
	width: 100%;
}
/* inquiry */
.inquiry-wrap .inner {
	display: flex;
	justify-content: center;
	align-items: center;
}
.inquiry-tab {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.inquiry-tab > div { 
	flex-grow: 1; 
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2em;
}
.inquiry-tab > div * { 
    /* font-family: var(--font-family-scd); */
    font-family: var(--font-family-est);
}
.inquiry-tab > div:first-child { display: none; }
.inquiry-tab > div:last-child { color: #fff; font-size: 34px;}
.inquiry-tab img { margin-right: 10px; }
.inquiry-tab span { margin-top: 0; }
/* .inquiry-tab span { margin-top: 0.1em; } */
.inquiry-wrap form { height: 100%; display: flex; justify-content: flex-start; align-items: stretch; }
.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: 160px; height: 100%; border-radius: 0; border: none; background-color: #fff;padding: 0 0 0 15px; font-size: 17px;}
.inquiry-wrap form .field select { width: 160px; height: 100%; border-radius: 0; border: none; background-color: #fff;padding: 0 0 0 15px; font-size: 17px;}
.inquiry-wrap form .field input[type="text"]::placeholder { color: #333; font-size: 18px; }
.inquiry-wrap form .field input[type="text"]:focus{outline: none;border: none;}
.inquiry-wrap form .field select:focus{outline: none;border: none;}
.inquiry-wrap .checkbox { position: relative; margin: 0 10px 0 0; }
.inquiry-wrap .checkbox input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.inquiry-wrap .checkbox input + label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	font-size: 16px;
}
.inquiry-wrap .checkbox span{line-height: 1.4;}
.inquiry-wrap .checkbox a{color: var(--color-white);border-bottom: 1px solid var(--color-white);}
.inquiry-wrap .checkbox input + label:before {
	flex-shrink: 0;
	content: "";
	width: 29px;
	height: 29px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/STATIC/img/icon/inq_check_off.png');
}
.inquiry-wrap .checkbox input:checked + label:before {
	background-image: url('/STATIC/img/icon/inq_check_on.png');
}
.inquiry-wrap button {
        font-size: 22px; font-weight: bold; width: 160px; height: 50px; border-radius: 0; background-color: #fff9eb; color: #3c1b0c; border: 0; margin: 15px 0; 
}

.btn_wrapper {display:flex;justify-content:center;gap:20px;margin-bottom: 35px;}
.form_radio_btn {
    width: 215px;
    height : 72px;
    border: none;cursor:pointer
}
.form_radio_btn input[type=radio] {
    display: none;
}
.form_radio_btn label {
    display: block;
    margin: 0 auto;
    text-align: center;
    height: -webkit-fill-available;
    line-height: 72px;
    font-size: 30px;
    font-weight: 700;cursor:pointer
}
    
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background: url('../../images/m/btn_bg_on.png')no-repeat center / cover;
    color: #ab2025;opacity: 1;
}

    
/* Disabled */
.form_radio_btn input[type=radio] + label {
    background: url('../../images/m/btn_bg_off.png')no-repeat center / cover;
    color: #fff;opacity: 0.5;
}

@media(max-width: 1640px){
    #inquiry .inquiry-wrap { width: calc(100% - 80px); /*min-width: 1180px;*/ }
    .inquiry-tab img { width: 54px; }
    .inquiry-tab > div:last-child { font-size: 26px; }
    .inquiry-wrap form .field input[type="text"] { width: 160px; }
    .inquiry-wrap form .field + .field:nth-child(4) { margin-left: 0; }
	.inquiry-wrap .checkbox { position: relative; margin: 0 10px 0 10px; }
}
@media (max-width:1160px){
    .inquiry-tab img { display: none;}
	.inquiry-wrap form .field input[type="text"],
	.inquiry-wrap button{width: 130px;}
}
@media(max-width: 1080px){
	.inquiry-tab img{display: block;}
	#inquiry,
	#inquiry .inquiry-wrap { min-width: 100%;}
	#inquiry .inquiry-wrap {
		min-width: 100%;
	}
	#inquiry { position: relative; }
	#inquiry,
	#inquiry .inquiry-wrap {  height: 10.66rem;}
	#inquiry .inquiry-wrap { transition: max-height 0.5s ease-out; overflow: hidden; }
	#inquiry.fixed-footer .inquiry-wrap { 
	 	position: absolute;
	 	left: 0;
	 	bottom: 0;
	 	width: 100%;
	}
	#inquiry form { display: none; width: 100%; }

	 #inquiry .inquiry-wrap { height: auto; }
	 .inquiry-wrap .inner { flex-direction: column; }
	 .inquiry-tab { margin-right: 0; flex-grow: 1; width: 100%; }
	 .inquiry-tab img { width: 7.73rem; margin-right: 1.33rem;  }
	 .inquiry-tab > div:first-child,
	 .inquiry-tab > div:last-child { width: 50%;  height: 10.66rem; font-size: 4.53rem; }
	 .inquiry-tab > div:first-child { display: flex; background-color:#fff9eb; color: #fff; }
	 .inquiry-tab > div:first-child a{color: #3c1b0c;font-weight: 700;}
     .inquiry-tab > div:first-child a span {color:#ab2025;font-weight: 400;}
	 .inquiry-tab .btn { width: 10.66rem; height: 100%; padding-left: 2rem;}
	 .inquiry-tab .btn:before {
	 	content: "";
	 	display: block;
	 	width: 100%;
	 	height: 100%;
	 	background-image: url('/STATIC/img/icon/inq_plus.png');
	 	background-repeat: no-repeat;
	 	background-position: center;
	 	background-size: 2.66rem;
	 }
	 .open .inquiry-tab .btn:before { 
	 	background-image: url('/STATIC/img/icon/inq_close.png');
	 }
	 .inquiry-wrap form { height: auto; flex-wrap: wrap; padding: 8rem; }
	 .inquiry-wrap form .field {
	 	flex-shrink: 0;
	 	width: 100%;
	 	padding: 0;
	 }
	 .inquiry-wrap form .field + .field { margin-left: 0; margin-top: 1.33rem; }
	 /* .inquiry-wrap form .field + .field:nth-child(4) { margin-top: 0; height: 12rem; }  */
	 .inquiry-wrap form .field input[type="text"] { height: 7.46rem; width: 100%; font-size: 2.4rem; padding-left: 2.4rem; }
	 .inquiry-wrap form .field input[type="text"]::placeholder { font-size: 2.4rem; }
	 .inquiry-wrap .checkbox input + label { height: 9.33rem; font-size: 2.4rem;  }
	 .inquiry-wrap .checkbox input + label:before { width: 3.86rem; height: 3.86rem; }
	 .inquiry-wrap .checkbox input + label a { padding: 0.5rem 0; border-bottom: 0.1rem solid #fff; margin-right: 0.8rem; }
	 .inquiry-wrap button[type="submit"] { margin: 0; width: 100%; height: 9.33rem; font-size: 2.93rem; }
	 .inquiry-wrap form .field input[type="text"], .inquiry-wrap button{width: 100%;}
	 .inquiry-wrap .checkbox span br{display: none;}
}

@media (max-width:768px){
    #inquiry .inquiry-wrap {border-top:0.2604vw solid #3c1b0c;}
	.inquiry-tab > div a {padding-top:0;}
	/* .inquiry-tab > div a {padding-top:1.3021vw;} */
	.inquiry-tab .toggleBtn span {}
    .inquiry-tab > div:first-child,
	.inquiry-tab > div:last-child { width: 50%;  height: 10.4167vw; font-size: 4.4271vw; letter-spacing: -0.02em}
    .inquiry-tab > div:first-child a {display:flex;}
    .inquiry-tab > div:first-child a span {color: #3c1b0c;font-weight: 700}
    .inquiry-tab > div:first-child a img{width:17.58vw;height:4.82vw;}
    .inquiry-tab img { width: 6.73rem; margin-right: 1.33rem;  }
    .inquiry-tab .btn { width: 8.66rem; height: 100%; padding-left: 2rem;}
	.inquiry-wrap form { height: auto; flex-wrap: wrap; padding: 8rem; }
	.inquiry-wrap form .field + .field { margin-left: 0; margin-top: 1.33rem; }
	.inquiry-wrap form .field input[type="text"] { height: 7.0313vw; width: 100%; font-size:2.34381vw; padding-left: 2.4rem; }
	.inquiry-wrap form .field select {
        height: 7.0313vw; width: 100%; font-size:2.34381vw; padding-left: 2.4rem; 
        background:#fff url('../../images/arrow_down_18dp.png') no-repeat right 50%; /* 화살표 위치 */
            background-size: 30px; /* 화살표 크기 */
    }
	.inquiry-wrap form .field input[type="text"]::placeholder { font-size:2.34381vw; }
	.inquiry-wrap form .field select::placeholder { font-size:2.34381vw; }
	.inquiry-wrap .checkbox input + label { height: 9.33rem; font-size:2.34381vw;  }
	.inquiry-wrap .checkbox input + label:before { width: 3.7760vw; height:3.7760vw; }
	.inquiry-wrap .checkbox input + label a { padding: 0.5rem 0; border-bottom: 0.1rem solid #fff; margin-right: 0.8rem; }
	.inquiry-wrap button { margin: 0; width: 100%; height: 9.33rem; font-size: 2.8646vw;font-weight: 700; }


    .btn_wrapper {display:flex;justify-content:center;gap:2.60vw;margin-bottom: 4.56vw;}
    .form_radio_btn {
        width: 27.99vw;
        height : 9.38vw;
        border: none;
    }
    .form_radio_btn input[type=radio] {
        display: none;
    }
    .form_radio_btn label {
        display: block;
        margin: 0 auto;
        text-align: center;
        height: -webkit-fill-available;
        line-height: 9.38vw;
        font-size: 3.91vw;
        font-weight: 700;
    }
        
    /* Checked */
    .form_radio_btn input[type=radio]:checked + label {
        background: url('../../images/m/btn_bg_on.png')no-repeat center / cover;
        color: #ab2025;
    }

        
    /* Disabled */
    .form_radio_btn input[type=radio] + label {
        background: url('../../images/m/btn_bg_off.png')no-repeat center / cover;
        color: #fff;
    }

}

@media (max-width: 480px){
	/* .inquiry-tab > div:first-child, .inquiry-tab > div:last-child{height: 13rem; font-size: 4.7rem;} */
}
@media (max-width: 414px){
	.inquiry-wrap form .field input[type="text"]{height: 9.16rem;font-size: 3.3rem;}
	.inquiry-wrap form .field select {height: 9.16rem;font-size: 3.3rem;}
	.inquiry-wrap form .field input[type="text"]::placeholder { font-size: 3.3rem; }
	.inquiry-wrap button{font-size: 3.3rem;}
	.inquiry-wrap .checkbox input + label{font-size: 3.3rem;}
	.inquiry-wrap .checkbox input + label:before{width: 5.5rem;height: 5.5rem;}

}