@import url(../../../fonts/Inter/Inter.css);
:root{
    --layout-max-width: 800px;
    --container-bg-color: #EED8FF;
    --main-color: #8145FF;
    --accent-color: var(--main-color);
    --point-color: #8145FF;
    --font-color: #393939;

    
    /* input */
    --select-height: 20rem;
    --input-height: 12rem;
    --input-font-size: 3.6rem;
    --input-border-radius: 1.5rem;
    --input-border-color: #B6B6B6;
    --input-bg-color: #FFFFFF;
    --input-color: #393939;
    --input-box-shadow: .7rem .7rem .5rem rgba(0,0,0,0.05);
    --focus-border-color: var(--main-color);

    /* result button */
    --result-btn-height: 13rem;
    --result-btn-font-size: 4.8rem;
    --result-btn-font-weight:500;
    --result-btn-border-radius: 100px;
    --result-btn-color: #fff;
    --result-btn-bg-color: var(--main-color);
    --result-btn-margin: auto 0 0 0;
    --slogun-font-size: 4.4rem;

    /* progress */
    --progress-bar-height: 6.8rem;
    --progress-bar-bg-color: #FFFFFF;
    --progress-fill-bg: linear-gradient(180deg, #95FF63 0%, #32E584 100%);
}
html, body{font-family: 'SpoqaHanSansNeo';}
.m_color{color: var(--point-color)}
#landing_container{position: relative;}
.landing-header{position: relative;}
.landing-header-slogun{ letter-spacing: -0.02em;}
.landing-header-slogun strong{font-weight: 700;}

.progress-bar {position: relative;width: 100%;height: 6.8rem;background: #fff;border-radius: 100px;padding: .6rem .7rem;box-sizing: border-box;overflow: hidden; /* 핵심 */}
.progress-fill {height: 100%;width: var(--fill-width, 0%);background: linear-gradient(90deg, #FFCF0D 0%, #9DFFC9 100%);background-size: calc(100% / var(--fill-percent, 1)) 100%;border-radius: 100px;transition: width 0.5s ease;}
.progress-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2.8rem;font-weight: 500;color: #000;white-space: nowrap;pointer-events: none;z-index: 1;}
.progress-icon{position: absolute;top: .7rem;right: .6rem;width: 5.4rem;height:  5.4rem;z-index: 1;}



.container {position: relative;}
.content{position: relative;}
/* 콘텐츠 높이 값 고정 */
.puple_bg{display: flex;flex-direction: column;/*height: 118rem*/}

.request .input_wrap {margin-bottom:6rem;display: grid;gap: 2rem;}
.question {margin-bottom: 5.5rem;display: flex;align-items: center;gap: 4rem;}
.qnum {font-family: 'Inter';font-style: normal;font-weight: 200;font-size: 12rem;color: var(--main-color);line-height: 1;}
.qtext {word-break: keep-all;}
.section .check_list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem 1.8rem;flex-direction: row;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.section .check_list li {width: 100%;height: var( --select-height);background:  var( --input-bg-color);border: 1px solid var(--input-border-color);box-shadow: var(--input-box-shadow);border-radius: var(--input-border-radius);display: block;cursor: pointer;}
.section .check_list li.on {border-color:var(--main-color); }
.check_list li label {display: flex;justify-content: flex-start;align-items: center;gap: 2rem;height: 100%;padding-inline: 3.6rem;cursor: pointer;font-size: var(--input-font-size);}
.notice {font-size: clamp(12px, 3vw, 2.5rem);}
.privacy_wrap{margin:0 0 6rem;}


.bna_content .case_box{width: 100%;background-color: #fff;position: relative;padding: 6.6rem 5rem;border-top-left-radius: 5rem;border-top-right-radius: 5rem;}
.bna_content .swiper-container{overflow:hidden}