* {margin:0; padding:0; box-sizing:border-box}
body {width:100%; max-width:750px; height: 100%; margin:0 auto; font-family: 'Inter', 'Noto Sans KR', sans-serif; font-size:16px;  touch-action: none;  min-height: -webkit-fill-available; background: #fff;}
a {text-decoration:none; color:inherit}
ul,ol,dl {list-style:none}
input[type="text"],
input[type="number"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border:0; padding:0 10px}
button {background:transparent; border:0; outline:0; cursor:pointer}
img {border:0; vertical-align:middle}
img {border:0; vertical-align:middle}
/*iframe {width:0; height:0; visibility:hidden; position:absolute; top:0; left:0}*/

.incall  {position: absolute; top: 18px;right: 10px; z-index: 9}
.incall a {display: block}
.incall img {height: 25px}

.icletime {width: 100%; height: 100vh; overflow: hidden; position: relative}
.icletime .card {position: relative; width: 100%; height: 100%}
.icletime .card  > img {width: 100%}

#section01 button {position: absolute; bottom: 5%; left: 0; padding: 0 20px; width: 100%;}
#section01 button img {width: 100%;}

/* section03 ¹öÆ° */
.section03-btn {position: absolute; bottom: -15%; left: 0; width: 100%; padding: 0 20px; z-index: 2;}
.section03-btn img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}

/* section04 ¹öÆ° */
.section04-btn {position: absolute; bottom: -10%; left: 0; width: 100%; padding: 0 20px; z-index: 2;}
.section04-btn img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}

/* section05 ¹öÆ° */
.section05-btn {position: absolute; bottom: -15%; left: 0; width: 100%; padding: 0 20px; z-index: 2;}
.section05-btn img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}

#requestBTN {position: absolute; bottom: -20%; left: 0; width: 100%; padding: 0 20px; z-index: 2;}
#requestBTN button {width: 100%;}
#requestBTN button img {width: 100%; max-width: 400px; display: block; margin: 0 auto;}

.s_btn_wrap {position: relative; width: 100%; height: auto; top: 0; margin-top: 0px; margin-bottom: 5px; display: flex; justify-content: center; gap: 30px;}
.s_btn_wrap input[type="radio"] {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999px}
.s_btn_wrap input[type="radio"] + label {display: inline-block; width: 40vw; height: 40vw; cursor: pointer; text-align: center; line-height: 40px; background-size: 100% !important}
.s_btn_wrap input#s_m + label {background: url(./image/s_btn_m.png) center no-repeat; margin-left: 0;}
.s_btn_wrap input#s_f + label {background: url(./image/s_btn_f.png) center no-repeat; margin-right: 0;}
.s_btn_wrap input#s_m:checked + label {background: url(./image/s_btn_m_on.png) center no-repeat}
.s_btn_wrap input#s_f:checked + label {background: url(./image/s_btn_f_on.png) center no-repeat}

.check_wrap {width: 100%; margin-top: 0px; text-align:center;}
.check_wrap input[type="radio"] {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999px}
.check_wrap input[type="radio"] + label {display: block;width: 90%;height: 50px;cursor: pointer;text-align: center;background-size: 100% auto !important;margin:auto;}
.check_wrap input[type="checkbox"] {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999px}
.check_wrap input[type="checkbox"] + label {display: block;width: 90%;height: 50px;cursor: pointer;text-align: center;background-size: 100% auto !important;margin:auto;}

.check_wrap #ch_point1 + label {background: url(./image/check_btn01.png) center no-repeat}
.check_wrap #ch_point2 + label {background: url(./image/check_btn02.png) center no-repeat}
.check_wrap #ch_point3 + label {background: url(./image/check_btn03.png) center no-repeat}
.check_wrap #ch_point4 + label {background: url(./image/check_btn04.png) center no-repeat}
.check_wrap #ch_point5 + label {background: url(./image/check_btn05.png) center no-repeat}
.check_wrap #ch_point6 + label {background: url(./image/check_btn06.png) center no-repeat}
.check_wrap #ch_point7 + label {background: url(./image/check_btn07.png) center no-repeat}
.check_wrap #ch_point1:checked + label {background: url(./image/check_btn01_on.png) center no-repeat}
.check_wrap #ch_point2:checked + label {background: url(./image/check_btn02_on.png) center no-repeat}
.check_wrap #ch_point3:checked + label {background: url(./image/check_btn03_on.png) center no-repeat}
.check_wrap #ch_point4:checked + label {background: url(./image/check_btn04_on.png) center no-repeat}
.check_wrap #ch_point5:checked + label {background: url(./image/check_btn05_on.png) center no-repeat}
.check_wrap #ch_point6:checked + label {background: url(./image/check_btn06_on.png) center no-repeat}
.check_wrap #ch_point7:checked + label {background: url(./image/check_btn07_on.png) center no-repeat}
.check_wrap button { margin:5px auto; width:100%;}
.check_wrap button img{ margin:0px auto; width:50%;}

.age_wrap {width: 100%; margin-top: 10px;}
.age_wrap input[type="radio"] {width: 1px; height: 1px; overflow: hidden; position: absolute; left: -9999px}
.age_wrap input[type="radio"] + label {display: block;width: 100%;height: 60px; cursor: pointer; text-align: center; background-size: auto 100% !important; margin: auto;}
.age_wrap #age1 + label {background: url(./image/age_btn01.png) center no-repeat}
.age_wrap #age2 + label {background: url(./image/age_btn02.png) center no-repeat}
.age_wrap #age3 + label {background: url(./image/age_btn03.png) center no-repeat}
.age_wrap #age4 + label {background: url(./image/age_btn04.png) center no-repeat}
.age_wrap #age1:checked + label {background: url(./image/age_btn01_on.png) center no-repeat}
.age_wrap #age2:checked + label {background: url(./image/age_btn02_on.png) center no-repeat}
.age_wrap #age3:checked + label {background: url(./image/age_btn03_on.png) center no-repeat}
.age_wrap #age4:checked + label {background: url(./image/age_btn04_on.png) center no-repeat}

#db_form {padding: 0 20px}
#db_form dl {width: 100%; display: flex; align-items: center; margin-bottom: 10px}
#db_form dl dt {width: 35%; font-size: 20px; letter-spacing: -1px}
#db_form dl dd {width: 65%}
#db_form dl dd input {background: #f1f1f1; height: 50px; padding: 0 10px; text-align: center; font-family: inherit; font-size: 18px; width: 100%}
#db_form .agree {margin: 20px 0}
#db_form .agree input {vertical-align: middle}
#db_form .agree span {font-size: 12px; letter-spacing: -0.5px; font-weight: 300; vertical-align: middle}
#db_form .agree a {display: inline-block;vertical-align: middle;font-size: 12px; background: #ffd700; border-radius: 20px; height: 20px; line-height: 20px; padding: 0 8px; letter-spacing: -0.5px}
#db_form .bnr {width: 100%; padding: 0 20px}
#db_form .bnr button {width: 100%; display: block}
#db_form .bnr button > img {width: 100%}

footer {width:100%; position: absolute; top: 150vw; left: 0; padding: 20px; text-align: center}
footer p {font-size: 10px; color:#888}