.notScroll {overflow: hidden !important; width: 100%; height: 100vh; touch-action: none;}
.inner {max-width: 650px; margin: 0 auto; padding: 0 1.2rem; position: relative;}


/* header */
header {border-bottom: 1px solid #ddd; padding: 1.7rem 0;}
header img {width: 15rem;}

/* section1 */
.section1 .title_wrap {text-align: center; padding-top: 2.8rem; font-size: 0;}
.section1 .title_wrap p {font-size: 1.9rem; font-weight: 600; margin-bottom: 1.2rem;}
.section1 .title_wrap h2 {font-size: 2.6rem; font-weight: 700; line-height: 1.3; margin-bottom: 3rem;}
.section1 .title_wrap img {width: 100%;}

.login_wrap {display: flex; flex-direction: column; gap: 1rem;}
.login_wrap button {display: block;}
.login_wrap button img {width: 100%;}

/* section2 */
.section2 {padding: 4rem 0;}
.form ul {display: flex; flex-direction: column; gap: 2.8rem;}
.form ul li {display: flex; flex-direction: column; gap: 1.2rem;}
.form ul li .title_label {font-size: 1.7rem; font-weight: 600;}
.form ul li input[type="text"],
.form ul li input[type="tel"] {width: 100%; height: 5.3rem; border: 1px solid #ddd; border-radius: .5rem; font-size: 1.6rem; font-weight: 500; padding: 0 1.5rem; outline: none;}
.form ul li .name_wrap {display: flex; align-items: center; gap: .8rem;}
.form ul li .name_wrap .gender_wrap {display: flex; align-items: center; gap: .8rem;}
.form ul li .name_wrap .gender_wrap input[type="radio"] {display: none;}
.form ul li .name_wrap .gender_wrap label {width: 5.3rem; height: 5.3rem; border: 1px solid #ddd; border-radius: .5rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; color: #999; background: #fff;}
.form ul li .name_wrap .gender_wrap input[type="radio"]:checked + label { background-color: #0084ed; color: #fff; border: 0;}
.form .btn_submit {display: flex; align-items: center; justify-content: center; gap: 1rem; width: 100%; text-align: center; font-size: 1.8rem; font-weight: 600; border-radius: .5rem; background: #dbdbdb; padding: 2rem 0; margin-top: 2.5rem; color: #888;}
.form .btn_submit img {width: 1.5rem;}
.form .btn_submit.active { color: #fff; background-color: #0186ef;}

/* section3 */
.section3 {background: #0186ef; padding: 5rem 0 12rem;}
.section3 .title_wrap {text-align: center;}
.section3 .title_wrap h2 {font-size: 4.2rem; font-weight: 700; line-height: 1.1; color: #fff; margin-bottom: 1.6rem;}
.section3 .title_wrap p {font-size: 1.7rem; color: #fff; line-height: 1.4; font-weight: 300;}
.section3 .title_wrap p b {font-weight: 600;}
.section3 .list_wrap {width: 94%; position: absolute; bottom: -19rem; left: 50%; transform: translateX(-50%);}
.section3 .list_wrap ul {display: flex; align-items: center; justify-content: space-between;}
.section3 .list_wrap ul li {width: 32%; background: #fff; border-radius: 1rem; text-align: center; padding: 2rem .5rem; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.section3 .list_wrap ul li img {height: 5rem;}
.section3 .list_wrap ul li p {font-size: 1.6rem; line-height: 1.2; margin-top: 1.2rem;}

/* section4 */
.section4 {padding: 11rem 0 4rem;}
.section4 .img_wrap {text-align: center;}
.section4 .img_wrap img {width: 100%;}
.section4 .img_wrap span {display: block; font-size: 1.3rem; color: #777; margin: .4rem 0 .8rem;}
.section4 .img_wrap p {font-size: 2.7rem; font-weight: 700; line-height: 1.3;}
.section4 .img_wrap p b {color: #004989; font-size: 2.9rem; font-weight: 800;}
.section4 button {display: flex; align-items: center; justify-content: center; gap: 1rem; width: 100%; border-radius: .5rem; font-size: 1.8rem; font-weight: 600; padding: 2rem 0; color: #fff; background: #0186ef; margin-top: 3rem;}
.section4 button img {width: 1.5rem;}

/* section5 */
.section5 {background: #bae1fe; padding: 4.8rem 0; text-align: center;}
.section5 h3 {font-size: 2.8rem; font-weight: 800; line-height: 1.3; margin-bottom: 1.8rem;}
.section5 h3 b {color: #0084ed;}
.section5 p {font-size: 2rem; line-height: 1.3;}

/* section6 */
.section6 {padding: 3.3rem 0;}
.section6 img {width: 100%;}

/* section7 */
.section7 {background: #bae1fe; padding: 4rem 0;}
.section7 .title_wrap {text-align: center; margin-bottom: 3.5rem;}
.section7 .title_wrap h3 {font-size: 2.8rem; font-weight: 800; margin-bottom: 1rem;}
.section7 .title_wrap p {font-size: 2rem; line-height: 1.3;}
.section7 .form_wrap {background: #fff; padding: 4rem 1rem; border-radius: .5rem; margin-bottom: 5rem;}

/* section8 */
.section8 {padding: 5rem 0 3rem;}
.section8 h4 {font-size: 1.3rem; font-weight: 600; margin-bottom: 1.4rem;}
.section8 p {font-size: 1.2rem; line-height: 1.5; color: #999;}

/* footer */
footer {border-top: 1px solid #ccc; padding: 3rem 0 11rem; background: #282a29;}
footer p {color: #666; font-size: 1.1rem; line-height: 1.5; letter-spacing: -.02rem;}
footer button {font-size: 1.1rem; color: #666; font-weight: 600; margin-top: 1.5rem; width: fit-content; letter-spacing: -.02rem;}

/* bottom_btn_wrap */
/* .bottom_btn_wrap { width: 100%; height: 8rem; position: fixed; bottom: 0; background-color: #fff; border-top: 1px solid #ddd;} */
.bottom_btn_wrap { width: 100%; position: fixed; bottom: 2rem;}
.bottom_btn_wrap .inner { display: flex; align-items: center; width: 100%; height: 100%;}
.bottom_btn_wrap button{ width: 100%; height: 6rem; line-height: 6rem; background-color: #3da8ff; color: #fff; font-size: 1.8rem;  border-radius: 0.5rem; font-weight: 600; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}