@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; margin:0 auto; font-family:'Inter', 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 400}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle}
a {text-decoration:none; color:inherit}
button {background:transparent; border:0; cursor:pointer}
input {border:0}
iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}


#boosterx {width:100%; position:relative}
#boosterx > img {width:100%}

.head_title {padding: 5% 0}
.head_title p {font-weight: 500}
.head_title h2 {letter-spacing: -2px; font-size: 48px; line-height: 1.2}
.head_title h2 span {color:#f00}
.head_title .sub_tit {margin-top: 5%}
.head_title .sub_tit li {letter-spacing: -1px; line-height: 1.7; color:#555; font-size: 22px}


.text-box {margin: 5% 0}
.text-box p {font-size: 24px; text-align: justify; color:#333; letter-spacing: -0.7px; line-height: 1.8; margin-bottom: 5%}
.text-box p b {font-weight: 600; color:#000; background: #fe0;}
.text-box p span {font-weight: 600; color:#f00;}

#main_db {padding: 5%; background: #e4e4e4;}
#main_db dl {width: 100%; display: table; margin-bottom: 10px}
#main_db dl > * {display: table-cell; vertical-align: middle}
#main_db dl dt {width: 25%; font-size: 21px; font-weight: 500}
#main_db dl dd {width: 75%}
#main_db dl dd input {width: 100%; height: 50px; padding: 10px; outline: none;border: 1px solid #aaa; font-family: inherit; font-size: 18px; }
#main_db .agree {text-align: center; margin:3% 0; font-size: 12px}
#main_db .agree input[type="checkbox"] {vertical-align: middle}
#main_db .agree a {vertical-align: middle}
#requestBTN {text-align: center}
#requestBTN button img {width: 100%; max-width: 650px}

.time-table {background: rgb(1,135,206);
    background: linear-gradient(90deg, rgba(1,135,206,1) 0%, rgba(170,192,13,1) 100%); padding: 3%; display: table}
.time-table > div {display: table-cell; vertical-align: middle}
.time-table .timer_tit {width: 40%}
.time-table .timer_tit img {width: 100%}
.time-table .timer {width: 60%; padding-left: 3%; text-align: center}
.time-table .timer > span {display: inline-block; background: #222; font-size: 57px; font-weight: 600; color: #fff; width:27%; height: auto; line-height: inherit; border-radius: 5px}
.time-table .timer > span.col {background: transparent; padding: 0; color: #000; width: auto; letter-spacing: -1px; font-weight: 300}

/* 하단 픽스 디비창 */
.fix_db_form {width: 100%; padding: 10px; background: rgb(98, 120, 243); position: fixed; bottom: 0; left: 0; z-index: 9}
.fix_db_form h1 {text-align: center; line-height: 1; margin-bottom: 10px}
.fix_db_form .form_inner {max-width: 750px; margin: 0 auto}
.fix_db_form .form_inner ul {width: 70%; float: left; display: flex;}
.fix_db_form .form_inner ul li {margin-right: 5px}
.fix_db_form .form_inner ul li.n_name {width: 35%}
.fix_db_form .form_inner ul li.n_age {width: 20%}
.fix_db_form .form_inner ul li.n_tel {width: 45%}
.fix_db_form .form_inner ul li input {width: 100%; height: 50px; padding: 0 10px; border-radius: 3px; font-family: inherit; font-size: 18px; outline: 0; border: 0; text-align: center; letter-spacing: -1px}
.fix_db_form .form_inner .agree {text-align: right; clear: both; line-height: 2}
.fix_db_form .form_inner .agree input {vertical-align: middle}
.fix_db_form .form_inner .agree a {font-size: 13px; color:#fff; letter-spacing: -1px}
.fix_db_form .form_inner .bnr {width: 30%; float: left}
.fix_db_form .form_inner .bnr button {width: 100%; height: 50px; background: #222; border-radius: 3px; color: #fff; font-size: 24px; font-weight: 600; font-family: inherit; letter-spacing: -1px; line-height: 50px}



.incall {background:#194a8e}
.incall a {display:block; max-width:1000px; margin:0 auto}
.incall a img {width:100%}

#footer {padding:20px 10px; background:#444; text-align:center}
#footer p {color:#eee; line-height:1.5; font-size:12px; opacity:.6}


@media screen and (max-width:500px) {
    .head_title {padding: 5%}
    .head_title h2 {font-size: 30px}
    .head_title .sub_tit li {font-size: 1rem}

    .time-table .timer > span {font-size: 33px}

    #main_db {border-width: 5px}
    #main_db dl dt {font-size: 18px}
    #main_db dl dd input {height: 40px}

    #footer p {font-size:9px}

    .mid_btn {padding: 0 5%}

    .text-box {padding: 0 5%}
    .text-box p {font-size: 18px}

    .fix_db_form h1 {margin-bottom: 5px}
    .fix_db_form h1 img {width: 70%}
    .fix_db_form .form_inner ul li input {height: 40px; padding: 0; font-size: 15px}
    .fix_db_form .form_inner .bnr button {height: 40px; font-size: 16px; line-height: 40px}
    .fix_db_form .form_inner .agree {text-align: center}
    .fix_db_form .form_inner .agree a {font-size: 11px}
}