@import url(../../../fonts/SUIT/SUIT.css);
@import url(../../../fonts/Pretendard/Pretendard.css);
:root{
    --layout-max-width: 800px;
    --container-bg-color: #fff;

    --main-color: #0085FF;
    --accent-color: var(--main-color);
    --point-color: var(--main-color);
    --font-color: #161718;

    /* input */
    --input-height: 9rem;
    --input-font-size: 3.2rem;
    --input-border-radius: 1.5rem;
    --input-border-color: #DDDDDD;
    --input-bg-color: #FFFFFF;
    --input-color: #333;
    --focus-border-color: var(--main-color);

    /* result button */
    --result-btn-height: 10rem;
    --result-btn-font-size: 4.2rem;
    --result-btn-border-radius: 0;
    --result-btn-color: #fff;
    --result-btn-bg-color: var(--main-color);
    --result-btn-margin: auto 0 0 0;

    --slogun-font-size: 5.4rem;

    /* progress */
    --progress-bar-height: 6.8rem;
    --progress-bar-bg-color: #FFFFFF;
    --progress-fill-bg: linear-gradient(180deg, #FCFB00 0%, #FFA800 100%);
}
html, body{font-family: 'SUIT';}
.m_color{color: var(--point-color)}
.img--fit-content{width: max-content;}
#landing_container{position: relative;}
.container {position: relative;}
.content{position: relative;}

.privacy_wrap{margin:0;}

.form_container{padding: 10rem 6rem;}
.form_title_wrap{color: #fff;text-align: center;margin-bottom: 4rem;}
.form_title_wrap .form_title{font-size: 8.4rem; line-height: 1.3;margin-bottom: 4rem;}
.form_title_wrap .form_text{font-size: 3.6rem; line-height: 1.2;}
.etc_wrap .btn-group .radio-pill-group{  display: grid;grid-template-columns: repeat(5, 1fr); gap: 1rem;width: 100%;margin-bottom: 4rem;}
.etc_wrap .btn-group .radio-pill {display: flex;justify-content: center;}
.etc_wrap .btn-group .radio-pill .pill-label {display: block;width: 100%;padding: 0 2rem;border-radius: 1.5rem;font-weight: 500;font-size: 3.2rem;line-height: 2.8;cursor: pointer;
    text-align: center;white-space: nowrap;background-color: #FAFAFA;border: .2rem solid #c8c8c8;}
.etc_wrap .btn-group .radio-pill input[type="radio"]:checked + .pill-label {outline: .2rem solid var(--main-color);border-color: var(--main-color);color: var(--main-color);background: #E3FAFF;}
.etc_wrap .btn-group .radio-pill input[type="radio"]:focus-visible + .pill-label {outline: .2rem dashed #0056b3;outline-offset: .3rem;}
.etc_wrap .btn-group .radio-pill input[type="radio"]:not(:checked) + .pill-label:hover {background-color: #f0f3fd;border-color: #b8c9f6;}
.apply_form_onepage .input_wrap label[for="tel"] {display: flex; align-items: flex-end; justify-content: space-between;}
.apply_form_onepage .input_wrap label[for="tel"]::after {content: '*상담 외 어떠한 목적으로도 사용하지 않습니다 '; font-size: 2.1rem; font-weight: 300; color: var(--point-color);}

.apply_form_onepage .container{padding: 6rem 4rem;margin-bottom: 6rem; background: #fff;border-radius: 2.8rem;}
.apply_form_onepage .input_wrap{margin-bottom: 4rem;}
.apply_form_onepage .etc_wrap label.etc_name,.apply_form_onepage .input_wrap label{display: inline-block;font-size: 3.6rem; margin-bottom: 1.4rem; font-weight: 500;}