html, body {width: 100%; height: 100%; overflow: hidden;}
#wrap {scroll-snap-type: y mandatory; overflow-y: auto; height: 100vh; scroll-behavior: smooth;}

a { color: #333;	text-decoration: none; }
.container { width: 1200px; margin: 0 auto; position: relative; }
.notScroll {overflow: hidden; width: 100%; height: 100vh; touch-action: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px none inset !important;
}

/* header */
.header {background: #f9f9f9; padding: 45px 0 25px;}
.header .logo {display: inline-block; width: 230px;}
.header .logo img {width: 100%;}

/* section1 */
.section1 {overflow: hidden; background: #f9f9f9; display: flex; flex-direction: column; justify-content: center;}
.section1 .bottom_container {display: flex; align-items: center; gap: 40px; background: url("../Img/main_bg.png") no-repeat 50% 100% / 700px; padding: 0 0 90px; }
.section1 .title_container {width: 57%;}
.section1 .title_container .title_wrap {margin-top: 52px;}
.section1 .title_container .title_wrap p {font-size: 32px; font-weight: 500; color: #808080; letter-spacing: -2px; margin-bottom: 20px;}
.section1 .title_container .title_wrap h1 {font-size: 98px; font-weight: 700; letter-spacing: -3px; color: #fa8d00; line-height: 1.2; margin-bottom: 30px;}
.section1 .title_container .title_wrap h1 b {color: #1a1a1a; font-weight: 600;}
.section1 .title_container .title_wrap .tag {display: flex; align-items: center; gap: 6px;}
.section1 .title_container .title_wrap .tag li {font-size: 24px; font-weight: 500; color: #848484; letter-spacing: -1px;}

.section1 .title_container .define_wrap {width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 38px 40px; background: #fff; box-sizing: border-box; position: relative; margin-top: 30px;}
.section1 .title_container .define_wrap h4 {font-size: 26px; font-weight: 600; letter-spacing: -1px; color: #1a1a1a; margin-bottom: 12px;}
.section1 .title_container .define_wrap p {font-size: 22px; font-weight: 500; letter-spacing: -1.5px; color: #808080;}
.section1 .title_container .define_wrap img {width: 100px; position: absolute; top: -50px; right: -20px;}

.section1 .form_wrap {width: 43%; background: #fff; padding: 70px 55px; box-sizing: border-box; border-radius: 20px; border: 1px solid #ddd;}
.section1 .form_wrap h2 {font-size: 30px; font-weight: 600; letter-spacing: -1px; color: #fa8d00; margin-bottom: 45px;}
.section1 .form_wrap ul {display: flex; flex-direction: column; gap: 35px;}
.section1 .form_wrap ul li .form_title {display: block; font-size: 24px; font-weight: 600; letter-spacing: -1px; color: #2c2c2c; margin-bottom: 15px;}
.section1 .form_wrap ul li input[type="text"],
.section1 .form_wrap ul li input[type="tel"] {width: 100%; background: #f1f1f1; border: 0; padding: 18px 25px; font-size: 24px; outline: none; letter-spacing: -1px; border-radius: 5px;}
.section1 .form_wrap ul li .name_wrap {position: relative; background: #f1f1f1; border-radius: 5px;}
.section1 .form_wrap ul li .name_wrap input[type="text"] {width: 230px;}
.section1 .form_wrap ul li .gender_wrap {display: flex; align-items: center; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.section1 .form_wrap ul li .gender_wrap input[type="radio"] {display: none;}
.section1 .form_wrap ul li .gender_wrap input[type="radio"]:checked + label {background: #fa8d00; color: #fff;}
.section1 .form_wrap ul li .gender_wrap label {background: #fff; padding: 7px 24px; color: #808080; box-sizing: border-box; font-size: 20px; cursor: pointer;}
.section1 .form_wrap ul li .gender_wrap label.man {border-radius: 20px 0 0 20px;}
.section1 .form_wrap ul li .gender_wrap label.woman {border-radius: 0 20px 20px 0;}
.section1 .form_wrap .privacy_wrap {display: flex; align-items: center; position: relative; gap: 7px; margin: 20px 0 30px;}
.section1 .form_wrap .privacy_wrap i {display: block; width: 20px; height: 20px; border: 1px solid #bbb; border-radius: 100%;}
.section1 .form_wrap .privacy_wrap input[type="checkbox"] {width: 20px; height: 20px; margin: 0; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; cursor: pointer;}
.section1 .form_wrap .privacy_wrap input[type="checkbox"] + i::before {content: ""; position: absolute; top: 5px; left: 8px; width: 4px; height: 9px; border: solid white; transform: rotate(45deg);}
.section1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i {background: #fa8d00; border: 1px solid #fa8d00;}
.section1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i::before {border: solid #fff; border-width: 0 2px 2px 0;}
.section1 .form_wrap .privacy_wrap label {font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #888; cursor: pointer;}
.section1 .form_wrap .privacy_wrap button {background: #939393; color: #fff; padding: 4px 10px; font-size: 13px; border-radius: 3px;}
.section1 .form_wrap .btn_submit {width: 100%; background: #fa8d00; color: #fff; font-size: 27px; letter-spacing: -1px; font-weight: 600; padding: 17px 0; display: flex; align-items: center; justify-content: center; gap: 12px; border-radius: 5px;}
.section1 .form_wrap .btn_submit img {width: 25px;}
.section1 .bohum_box { margin-top: 20px; z-index: 0;} 
.section1 .bohum_box .swiper-slide { border-radius: 10px; border: 1px solid #ddd; background: #fff; padding: 32px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; box-sizing: border-box; } 
.section1 .bohum_box .bohum_company { color: #494949; font-weight: 600; font-size: 32px; letter-spacing: -1.5px; } 
.section1 .bohum_box .bohum_cost { color: #4A4A4A; font-weight: 600; font-size: 25px; letter-spacing: -1.5px; } 
.section1 .bohum_box .bohum_company b, .section1 .bohum_box .bohum_cost b { color: #fa8d00; }

/* section2 */
.section2 {}
.section2 .title_wrap {margin-bottom: 58px;}
.section2 .title_wrap p {font-size: 32px; font-weight: 500; letter-spacing: -2px; color: #777; margin-bottom: 22px;}
.section2 .title_wrap h2 {font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 1.2;}

.section2 .step_wrap ul {display: flex; justify-content: space-between;}
.section2 .step_wrap ul li img {width: 280px; margin-bottom: 26px;}
.section2 .step_wrap ul li p {font-size: 24px; letter-spacing: -1px; color: #777;}
.section2 .step_wrap ul li p b {color: #333;}

/* section3 */
.section3 {background: #f9f9f9;}
.section3 .title_wrap {margin-bottom: 58px;}
.section3 .title_wrap p {font-size: 32px; font-weight: 500; letter-spacing: -2px; color: #777; margin-bottom: 22px;}
.section3 .title_wrap h2 {font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 1.2;}

.section3 .list_wrap ul {display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.section3 .list_wrap ul li {width: 100%; padding: 30px 0; background: #fff; border: 1px solid #eee; text-align: center; border-radius: 10px;}
.section3 .list_wrap ul li img {height: 70px; width: auto;}
.section3 .list_wrap ul li p {font-size: 27px; font-weight: 600; letter-spacing: -1px; margin-top: 20px;}

.section3 .list_wrap .notice_wrap {margin-top: 45px;}
.section3 .list_wrap .notice_wrap p {font-size: 20px; letter-spacing: -1px; color: #444; line-height: 1.5;}

/* section4 */
.section4 {}
.section4 .title_wrap {margin-bottom: 58px;}
.section4 .title_wrap p {font-size: 32px; font-weight: 500; letter-spacing: -2px; color: #777; margin-bottom: 22px;}
.section4 .title_wrap h2 {font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 1.2;}

.section4 .list_wrap ul {display: flex; gap: 30px;}
.section4 .list_wrap ul li {background: #f9f9f9; padding: 65px 40px 0; box-sizing: border-box; border-radius: 5px;}
.section4 .list_wrap ul li img {width: 100%;}
.section4 .list_wrap ul li h4 {font-size: 34px; font-weight: 600; letter-spacing: -1px; margin-bottom: 23px;}
.section4 .list_wrap ul li p {font-size: 23px; color: #777; letter-spacing: -1px; line-height: 1.3; margin-bottom: 20px;}

/* section5 */
.section5 {background: #fffaf5;}
.section5 .container {display: flex; align-items: center; justify-content: space-between;}
.section5 .title_wrap p {font-size: 32px; font-weight: 500; letter-spacing: -2px; color: #777; margin-bottom: 22px; line-height: 1.3;}
.section5 .title_wrap h2 {font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 1.2;}

.section5 .slide_wrap {width: 490px; background: #fff; border: 1px solid #ddd; border-radius: 15px; padding: 30px 60px;}
.section5 .slide_wrap ul li {display: flex; align-items: center; justify-content: center; gap: 50px;}
.section5 .slide_wrap ul li p {font-size: 26px; letter-spacing: -1px; font-weight: 500; color: #1a1a1a; white-space: nowrap;}
.section5 .slide_wrap ul li .name {width: 52px;}
.section5 .slide_wrap ul li .phone {width: 180px;}
.section5 .slide_wrap ul li .done {background: #fa8d00; font-size: 21px; color: #fff; border-radius: 50px; padding: 10px 25px;}


/* section7 */
.section7 {background: #fff; padding: 50px 0; width:100%;}
.section7 h3 {margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #444;}
.section7 ul li {color:#333; position: relative; font-size: 14px; line-height: 1.8; padding-left: 12px;}
.section7 ul li::before {content: ""; width: 4px; height: 4px; background: #444; border-radius: 100%; position: absolute; top: 48%; left: 0; transform: translateY(-50%);}
.section7 ul li:last-child {margin-bottom: 0;}
.section7 p {font-size: 15px; line-height: 1.2; color: #333;}


/* 원페이지 스크롤링 CSS */
section {height: 100vh; display: flex; align-items: center;}