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

    --main-color: #794FDB;
    --accent-color: #794FDB;
    --point-color: #ffef4b;
    --font-color: #161616;

    /* input */
    --input-height: 9rem;
    --input-font-size: 3.2rem;
    --input-border-radius: 1.5rem;
    --input-border-color: #B6B6B6;
    --input-bg-color: #FFFFFF;
    --input-color: #333;
    --focus-border-color:#C15BFF;

    /* result button */
    --result-btn-height: 9rem;
    --result-btn-font-size: 3.2rem;
    --result-btn-border-radius: 0;
    --result-btn-color: #fff;
    --result-btn-bg-color: linear-gradient(90deg, #4F2C9F 0%, #794FDB 100%);;
    --result-btn-margin: auto 0 0 0;

}
html, body{font-family: 'SUIT';}
.m_color{color: var(--point-color)}
#landing_container{position: relative;}
.container {position: relative;}
.content{position: relative;}


.select_list{padding: 8rem 5rem 0;}
.input_wrap{display: grid; gap: 2rem;margin-bottom:5.2rem;}
.input_wrap.tel_wrap{margin-bottom: 2rem;}
.input_label{color:#161718; font-size:3.6rem; font-weight: 500;}
.tel_wrap .input_label{display:flex; justify-content: space-between;align-items: center; }
.form-msg{text-align: right; color: var(--main-color); font-size: 2.1rem;letter-spacing: -0.02em;}
.answer_list{display:flex; justify-content: space-between;gap: 1rem;}
.answer_list label{width: auto;flex-grow: 1;border-radius: 1.5rem;height: 9rem; text-align: center; border:.1rem solid #C8C8C8; background: #FAFAFA; font-size: 3.2rem;letter-spacing: -0.02em;
    display: flex; justify-content: center; align-items: center;}
input[type="radio"] {position: absolute;opacity: 0;}
input[type="radio"]:checked + label {border: .2rem solid var(--main-color);  background: #F4EFFF;}
    
.privacy_wrap{margin:0 0 6rem;}