@charset "utf-8";

@import url("../../fonts/Pretendard/Pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Noto+Color+Emoji&display=swap');

:root{
    --layout-max-width: 800px;

    --main-color: #2E86EF;
    --accent-color: var(--main-color);
    --point-color: #FF9292;
    --font-color: #161616;

    /* input */
    --input-height: 10.4rem;
    --input-font-size: 3.2rem;
    --input-border-radius: 2rem;
    --input-border-color: #ddd;
    --input-bg-color: #fff;
    --input-color: #333;
    --focus-border-color: var(--main-color);

    /* result button */
    --result-btn-height: 12rem;
    --result-btn-font-size: 5rem;
    --result-btn-border-radius: 2rem;
    --result-btn-color: #fff;
    --result-btn-bg-color:#010B92;
    --result-btn-margin: 4rem 0 0;
}
html, body {font-size: 30%;min-width: 375px; accent-color: var(--main-color);}
@media (min-width: 480px) {
    html,  body {
        font-size: 40%;
    }  
}
@media (min-width: 750px) {
    html,  body {
        font-size: 62.5%;
    }
}
body {letter-spacing: -0.2rem; font-family: 'Noto Sans KR';  color: var(--font-color); }
.p_color{color: var(--point-color);}
.mark{background: rgba(246,219,173, .37)}

/* layout */
.landing_container {width: 100%;}
.container_wrap {width: 100%;margin: auto;font-size: 1rem;}
.container {position: relative}
.content {position: relative}

.iframe-item {position: absolute; left: 50%; bottom: 5rem; transform: translateX(-50%); width: 85%; aspect-ratio: 16 / 9; border: 1rem solid #33bcc3; border-radius: 0.8rem; display: block; animation: blink-border 1s step-end infinite; -webkit-animation: blink-border 1s step-end infinite;}
/* 깜빡이는 애니메이션 - border */
@keyframes blink-border {
    50% { border-color: #cef2f3; }
}

.register_wrap {padding: 8rem 9% 5rem; background-color: #EDF4FF;}
.register_wrap .title {width:62rem; margin: 0 auto;}
.result_btn { display: flex; justify-content:center; gap: 1.3rem;align-items: center; animation: blink-btn 1s step-end infinite; -webkit-animation: blink-btn 1s step-end infinite;}
.result_btn img{width: 3rem;padding-top: .5rem;}
/* 깜빡이는 애니메이션 - bgc */
@keyframes blink-btn {
    50% { background-color: #000; }
}
.input_wrap ul {display: grid; gap: 3.5rem;}
.input_wrap li {display: grid; gap: 1.2rem;}
.input_wrap label {position: relative; display: block; font-size: 3.5rem; font-weight: bold; color: #333;box-sizing: border-box;}
.input_wrap label[for="user-tel"] {display: flex; align-items: flex-end; justify-content: space-between;}
.input_wrap label[for="user-tel"]::after {content: '*상담 외 어떠한목적으로도 사용하지 않습니다 '; font-size: 2.1rem; font-weight: 600; color: var(--point-color);}
.input_wrap input::placeholder {font-size: 3.5rem; color: #ddd;}

/* 개인정보, 마케팅 커스텀 */
.privacy_wrap, .privacy_wrap_single {margin-bottom: 4.5rem; border: 0.3rem solid #d8dade; background-color: #fff;}
.privacy_wrap a.more_info, .privacy_wrap_single a.more_info {border-color: #161616;}
.privacy_wrap .privacy_allchk input[type='checkbox']+label {color: #161616;}

.form-msg {text-align: center; font-size: 1.9rem; font-weight: 700; color: #909090;}