#wrap {margin: 0 auto; margin-bottom: 5.4rem;}
.inner {padding: 0 2rem;}
:root {
  --main-color: #30c38d;
}
/* HEADER */
header {padding: 1.8rem 0; background: #fff;}
header a {display: inline-block;}
header a img {width: 16rem;}

/* section1 */
.section1 {padding: 3.4rem 0 1.6rem; background: #f3f7f6; position: relative;}
.section1 .title_wrap span {display: block; font-size: 1.6rem; margin-bottom: 1.4rem; color: #777;}
.section1 .title_wrap h2 {font-size: 2.4rem; font-weight: 700; line-height: 1.3; letter-spacing: -.2rem; margin-bottom: 4.2rem;}
.section1 .title_wrap h2 b {color: var(--main-color); font-size: 2.7rem;}
.section1 .title_wrap p {font-size: 1.1rem; color: #ccc; line-height: 1.3;}
.section1 .title_wrap img {width: 16rem; position: absolute; right: 1.5rem; bottom: 0;}

/* FORM */
.form_section {background: #fff; padding: 3rem 0;}

.form_wrap {background: #fff;}
.form_wrap h2 {font-size: 2rem; line-height: 1.3; font-weight: 600; margin: 1rem 0 3rem;}
.form_wrap ul {display: flex; flex-direction: column; gap: 2.5rem;}
.form_wrap ul li .title_label {font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; display: block; color: #333;}
.form_wrap ul li .name_wrap {display: flex; gap: .6rem;}
.form_wrap ul li .name_wrap .gender_wrap {display: flex; gap: .6rem;}
.form_wrap ul li .name_wrap .gender_wrap input[type="radio"] {display: none;}
.form_wrap ul li .name_wrap .gender_wrap label {width: 4.6rem; height: 4.6rem; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; font-size: 1.5rem; border-radius: .7rem; color: #888; font-weight: 500;}
.form_wrap ul li .name_wrap .gender_wrap input[type="radio"]:checked + label {border: 1px solid var(--main-color); background: var(--main-color); font-weight: 500; color: #fff;}
.form_wrap ul li input[type="text"],
.form_wrap ul li input[type="tel"], 
.form_wrap ul li select {border: 1px solid #ddd; height: 4.6rem; padding: 0 1.5rem; font-size: 1.5rem; width: 100%; border-radius: .7rem; outline: none; font-weight: 500;}
.form_wrap ul li select {background: url("../img/arrow-3.png") no-repeat center right 1.5rem / 1.5rem; outline: none;}
.form_wrap ul li select option {font-size: 1.4rem;}
.form_wrap .privacy_wrap {margin-top: 2rem;}
.form_wrap .privacy_wrap .all_agree {display: flex; align-items: center; gap: .7rem; position: relative;}
.form_wrap .privacy_wrap .all_agree input[type="checkbox"] {position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; position: absolute; left: 0; opacity: 0; z-index: 9;}
.form_wrap .privacy_wrap .all_agree i {display: block; width: 2rem; height: 2rem; background: #ddd; border-radius: .5rem; position: relative;}
.form_wrap .privacy_wrap .all_agree i::after {content: ""; display: block; width: .5rem; height: .9rem; border: solid #fff; border-width: 0 .3rem .3rem 0; transform: rotate(45deg); position: absolute; top: .2rem; left: .6rem;}
.form_wrap .privacy_wrap .all_agree input[type="checkbox"]:checked + i {background: var(--main-color);}
.form_wrap .privacy_wrap .all_agree label {font-size: 1.5rem; font-weight: 500; transform: translateY(-.2rem);}

.form_wrap .privacy_wrap .privacy_agree {display: flex; flex-direction: column; gap: 1.3rem; background: #f6f6f6; padding: 1.8rem 1.5rem; border-radius: .7rem; margin-top: 1rem;}
.form_wrap .privacy_wrap .privacy_agree .privacy_box {display: flex; align-items: center; gap: 1.2rem; position: relative;}
.form_wrap .privacy_wrap .privacy_agree .privacy_box input[type="checkbox"] {width: 1.2rem; height: 1.2rem; position: absolute; top: 0; left: 0; opacity: 0; z-index: 9;}
.form_wrap .privacy_wrap .privacy_agree .privacy_box i {display: block; width: .7rem; height: 1.1rem; border: solid #c9c9c9; border-width: 0 .2rem .2rem 0; transform: rotate(45deg) translateY(-.15rem);}
.form_wrap .privacy_wrap .privacy_agree .privacy_box input[type="checkbox"]:checked + i {border: solid #444; border-width: 0 .2rem .2rem 0;}
.form_wrap .privacy_wrap .privacy_agree .privacy_box label {font-size: 1.3rem; font-weight: 500; color: #222;}
.form_wrap .privacy_wrap .privacy_agree .privacy_box button {display: block; margin-left: auto; font-size: 1.3rem; color: #444;}
.form_wrap .btn_submit {display: flex; align-items: center; justify-content: center; gap: .8rem; width: 100%; background: var(--main-color); color: #fff; font-size: 1.7rem; font-weight: 500; text-align: center; padding: 2rem 0; border-radius: .7rem; margin-top: 2.5rem;}
.form_wrap .btn_submit img {width: 1.5rem;}

/* section2 */
.section2 {padding-bottom: 3.8rem;}
.section2 .refund_wrap {margin-bottom: 4.5rem;}
.section2 .refund_wrap h2 {font-size: 2.4rem; font-weight: 600; line-height: 1.4; margin-bottom: 1.8rem;}
.section2 .refund_wrap h2 b {color: var(--main-color); font-size: 2.5rem;}
.section2 .refund_wrap .list_wrap ul {display: flex; gap: 2rem;}
.section2 .refund_wrap .list_wrap ul li {background: #f3f7f6 url("../img/deco-1.png") no-repeat 100% 100% / 2.7rem; padding: 2.6rem 1.5rem; width: 50%; border-radius: .7rem;}
.section2 .refund_wrap .list_wrap ul li img {width: 3.2rem;}
.section2 .refund_wrap .list_wrap ul li p {font-size: 1.3rem; color: #777; line-height: 1.5; margin-top: 1rem;}
.section2 .refund_wrap .list_wrap ul li p b {font-size: 1.4rem; font-weight: 600; color: var(--main-color);}
.section2 .refund_wrap .list_wrap span {display: block; font-size: 1.1rem; color: #bbb; margin-top: 1.4rem;}

.section2 .check_wrap {background: #f3f7f6; padding: 3.8rem 2rem; border-radius: .7rem; position: relative;}
.section2 .check_wrap .title_wrap {margin-bottom: 9rem;}
.section2 .check_wrap .title_wrap span {display: block; font-size: 1.7rem; color: #777; margin-bottom: 1.5rem;}
.section2 .check_wrap .title_wrap h3 {font-size: 2.3rem; font-weight: 600; line-height: 1.3;}
.section2 .check_wrap .title_wrap h3 b {color: var(--main-color); font-size: 2.5rem;}
.section2 .check_wrap .timer {width: 11.5rem; position: absolute; top: 9rem; right: 2rem;}
.section2 .check_wrap button {display: flex; align-items: center; justify-content: center; gap: .8rem; width: 100%; background: var(--main-color); color: #fff; font-size: 1.6rem; font-weight: 500; text-align: center; padding: 2rem 0; border-radius: .7rem; margin-top: 2.5rem;}
.section2 .check_wrap button img {width: 1.5rem;}


/* section3 */
.section3 {margin-bottom: 4rem;}
.section3 .title_wrap {margin-bottom: 2rem;}
.section3 .title_wrap span {display: block; font-size: 1.7rem; color: #777; margin-bottom: 1.5rem;}
.section3 .title_wrap h3 {font-size: 2.3rem; font-weight: 600; line-height: 1.3;}
.section3 .title_wrap h3 b {color: var(--main-color); font-size: 2.5rem;}
.section3 .qna_wrap ul {display: flex; flex-direction: column; gap: 2.2rem;}
.section3 .qna_wrap ul li {background: #f3f7f6; padding: 1.8rem 1.5rem; border-radius: .7rem; position: relative;}
.section3 .qna_wrap ul li p {font-size: 1.4rem; color: #777; line-height: 1.4;}
.section3 .qna_wrap ul li p b {color: var(--main-color); font-weight: 600;}
.section3 .qna_wrap ul li p em {font-weight: 600; color: #333;}
.section3 .qna_wrap ul li img {width: 5rem; position: absolute; top: -1.8rem; right: -.8rem;}


/* section4 */
.section4 {padding-bottom: 4rem;}
.section4 .title_wrap {margin-bottom: 2rem;}
.section4 .title_wrap h3 {font-size: 2.3rem; font-weight: 600; line-height: 1.3;}
.section4 .title_wrap h3 b {color: var(--main-color); font-size: 2.5rem;}
.section4 .change_wrap {display: flex; justify-content: space-between; align-items: center;}

.section4 .change_wrap .before_box {border: 1px solid #f3f3f3; padding: 1.2rem 1.5rem; border-radius: .7rem; position: relative; height: fit-content; width: 35%; margin-bottom: 3rem;}
.section4 .change_wrap .before_box span {display: inline-block; color: var(--main-color); font-weight: 500; margin-bottom: .8rem; opacity: .5;}
.section4 .change_wrap .before_box p {font-size: 1.3rem; line-height: 1.4; opacity: .3;}
.section4 .change_wrap .before_box p b {font-size: 1.4rem; font-weight: 600;}
.section4 .change_wrap .before_box img {width: 1.5rem; position: absolute; top: 1.2rem; right: 1.2rem;}

.section4 .change_wrap .after_box {width: 53%;}
.section4 .change_wrap .after_box .box_inner {background: #f3f7f6; padding: 1.7rem 1.4rem; border-radius: .7rem; position: relative;}
.section4 .change_wrap .after_box span {display: inline-block; background: var(--main-color); color: #fff; font-size: 1.7rem; padding: .4rem 1.2rem; border-radius: .5rem; margin-bottom: 1.8rem;}
.section4 .change_wrap .after_box p {font-size: 1.8rem; color: #666; line-height: 1.4;}
.section4 .change_wrap .after_box p b {font-size: 2rem; font-weight: 600; color: var(--main-color);}
.section4 .change_wrap .after_box img {width: 3rem; position: absolute; top: 1.7rem; right: 2rem;}
.section4 .change_wrap .man {font-size: 1.7rem !important; text-align: center; margin-top: .5rem;}

/* section5 */
.section5 {padding-bottom: 3rem;}
.section5 h2 {display: flex; align-items: center; justify-content: center; gap: 1.2rem; background: var(--main-color); color: #fff; text-align: center; font-size: 1.5rem; padding: 2rem 0;}
.section5 h2 img {width: 1.2rem;}
.section5 .inner {padding-top: 3.5rem;}


/* section6 */
.section6 {background: #fff; padding-bottom: 3rem;}
.section6 h5 {font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem; color: #444;}
.section6 p {font-size: 1.1rem; line-height: 1.8; color: #777;}

/* FOOTER */
footer {background: #f2f2f2; padding: 1.8rem 0;}
footer p {font-size: 1.1rem; line-height: 1.5; margin-bottom: 1.5rem; color: #555;}
footer button {font-size: 1.2rem; font-weight: 600; color: #555;}

.floating_btn {display: block; width: 100%; position: fixed; bottom: 0; left: 0; background: #444; color: #fff; padding: 1.8rem 0; font-size: 1.8rem; font-weight: 500; z-index: 99;}