@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@import url("../../fonts/GmarketSans/GmarketSans.css");
@import url("../../fonts/Inter/Inter.css");

:root{
    --layout-max-width: 800px;
    --container-bg-color: #091D3D ;

    --main-color: #0038D0;
    --accent-color: var(--main-color);
    --point-color: #FFF600;
    --font-color: #393939;

    /* input */
    --input-height: 12rem;
    --input-font-size: 3.8rem;
    --input-border-radius: 1.5rem;
    --input-border-color: #B6B6B6;
    --input-bg-color: #FFFFFF;
    --input-color: #333;
    --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: 7.2rem;
    --result-btn-border-radius: 15rem;
    --result-btn-color: #fff;
    --result-btn-bg-color:#0E2494;
    --result-btn-margin: auto 0 0 0;

    --slogun-font-size: 6.5rem;
    --slogun-font-weight:400;
    --slogun-color: #fff;

    /* progress */
    --progress-bar-height: 6.8rem;
    --progress-bar-bg-color: #FFFFFF;
    --progress-fill-bg:linear-gradient(180deg, #0E2494 0%, #3960FF 100%);
    
}

.m_color{color: var(--point-color) !important;}
#landing_container{position: relative;}
.landing-header-slogun{font-family: 'Paperlogy'; letter-spacing: -0.04em;line-height: 1.2;}
.landing-header-slogun strong{color: var(--point-color); }
.progress-bar{padding: .4rem .5rem;}
.progress-text{  -webkit-text-stroke: .7rem #fff;
    text-stroke: .7rem #fff;
    paint-order: stroke fill;}
.container_wrap{background: url(./images/bg.png) no-repeat center top;background-size: cover;}
.container {position: relative;}
.content{position: relative;}
.intro_btn_wrap{position: relative;}

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

.request .input_wrap {margin-bottom:6rem;}
.question {margin-bottom: 5.5rem;display: flex;align-items: center;gap: 4rem;font-weight: 700;}
.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: flex;gap: 2.8rem 0;flex-direction: row;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.section .check_list li {width: 100%;height: var( --input-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(--accent-color)}
.check_list li label {display: flex;justify-content: flex-start;align-items: center;gap: 2rem;height: 100%;padding-inline: 3.6rem;cursor: pointer;}
.privacy_wrap{margin:0 0 6rem;}

.result_btn{font-family: 'Paperlogy', sans-serif;border: .6rem solid #3E7CD8;}
.icon_arrow{font-family: SUIT;font-weight: 800;margin-left: 1rem;font-size: 6.8rem;}

.blink_btn_01 {
    width:90%;
    max-width: 70rem;
    position: absolute;
    bottom: 3.9rem;
    left: 50%;
    transform: translateX(-50%);
    animation: blinkAnimation01 1s steps(1) infinite;
}
.blink_btn_02 {
    animation: blinkAnimation02 1s steps(1) infinite;
}

@keyframes blinkAnimation01 {
    50% { 
        color:#0E2494;
        background: #FFF9F2;
    }
}
@keyframes blinkAnimation02 {
    50% { 
        border-color: #0F284E;
        background: linear-gradient(90deg, #1A4173 0%, #0F284E 100%); 
    }
}