@charset "utf-8";

* {margin:0; padding:0; box-sizing:border-box}
body {width:100%;  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}


#header {width: 100%; background: #012a62}
#header img {width: 100%; max-width: 750px}

#boosterx {width:100%; position:relative; max-width:750px; margin:0 auto;}
#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 h2 br {display: none;}
.head_title .sub_tit {margin-top: 5%}
.head_title .sub_tit li {letter-spacing: -1px; line-height: 1.7; color:#555; font-size: 22px; position: relative; padding-left: 15px;}
.head_title .sub_tit li:before {content:'-'; position: absolute; top:0; left: 0}


.text-box {margin: 7% 0}
.text-box h3 {font-size: 30px; letter-spacing: -1px}
.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}
.text-box p .red {font-weight: 600; color:#f00;}
.text-box p small {font-size: 13px; opacity: 0.7;}
.text-box p .under {text-decoration: underline;}
.text-box img {margin: 5% 0; width: 100%}

#main_db {padding: 5%; background: #eee}
#main_db ul {}
#main_db ul li {width: 100%; margin-bottom: 10px; display: flex; align-items: center}
#main_db ul li p {width: 25%; font-size: 25px}
#main_db ul li input {width: 75%; height: 50px; border: 1px solid #000; font-size: 21px; text-align: center; font-family: inherit}

#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 {display: none;}

/* 하단 픽스 디비창 */
.fix_db_form {width: 300px; padding: 40px 20px 20px 20px; background: #323232; position: fixed; top: 50%; right: 0; z-index: 9;  margin-top: -150px; border-radius: 20px 0 0 20px; display: none;}
.fix_db_form h1 {position: absolute; top: -57px; left:0}
.fix_db_form h1 img {width: 100%}
.fix_db_form .timer {margin-bottom: 30px; text-align: center}
.fix_db_form .timer span {background: #fffec8; border-radius: 10px; font-size: 44px; font-weight: 700; width: 70px; height: 60px; display: inline-block; line-height: 60px}
.fix_db_form .timer span.col {background: transparent; width: auto; height: auto; color: #fff; font-weight: 300}
.fix_db_form dl {width: 100%; margin-bottom: 10px; display: table}
.fix_db_form dl > * {display: table-cell; }
.fix_db_form dl dt {width: 25%; text-align: left; color:#fff; font-size: 18px; font-weight: 500}
.fix_db_form dl dd {width: 75%}
.fix_db_form dl dd input {width: 100%; height: 45px; font-family: inherit; font-size: 18px; text-align: center; border-radius: 10px;}
.fix_db_form .agree {text-align: center}
.fix_db_form .agree > * {font-size: 11px; color: #fff; letter-spacing: -1px; vertical-align: middle}
.fix_db_form .btn {margin: 20px 0}

.float_btn_m {display: none}



.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:749px) {
    .head_title {padding: 5% 3%}
    .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 h3 {font-size: 24px; padding: 0 3%}
    .text-box p {font-size: 18px; padding: 0 3%}

    .fix_db_form {display: none}

    .float_btn_m {position: fixed; bottom: 10px; left: 0; right: 0; width: 100%; text-align: center}
    .float_btn_m a {display: block; padding: 0 10px}

}

@media screen and (max-width:500px) {
    .head_title h2 br {display: block}
    .float_btn_m a img {width: 100%}
}