html, body {width: 100%; height: 100%; overflow-x: hidden !important; color: #131313;}
body {min-width: 1200px;}
#wrap {scroll-snap-type: y mandatory; scroll-behavior: smooth;}
.notScroll {overflow: hidden; width: 100%; height: 100%; touch-action: none;}
.inner {max-width: 1020px; margin: 0 auto; position: relative;}
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: #fff; padding: 30px 0;}
header .inner {display: flex; align-items: center; justify-content: space-between;}
header .logo_wrap {width: 180px;}
header .logo_wrap img {width: 100%;}
header p {font-size: 16px; font-weight: 600; color: #F68A33; background: #FFF3D5; border-radius: 50px; padding: 12px 20px;}
/* SECTION 1 */
.sec1 {padding: 80px 0; background: #ffeec3;}
.sec1 .obj_wrap img {position: absolute;}
.sec1 .obj_wrap .img1 {top: 0; left: -10px;}
.sec1 .obj_wrap .img2 {top: 180px; right: -30px;}
.sec1 .obj_wrap .img3 {top: 410px; left: -20px;}
.sec1 .title_wrap {text-align: center; margin-bottom: 32px;}
.sec1 .title_wrap span {display: flex; align-items: center; gap: 8px; margin: 0 auto; background: #001c54; border-radius: 50px; padding: 10px 18px; color: #fff; font-size: 18px; font-weight: 600; width: fit-content;}
.sec1 .title_wrap span i {display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff;}
.sec1 .title_wrap h1 {margin: 20px 0; font-family: 'OngleipKimkonghae'; color: #001C54; font-size: 80px; letter-spacing: -5px;}
.sec1 .title_wrap h1 b {color: #F68A33; position: relative; z-index: 1;}
.sec1 .title_wrap h1 b::before {content: ""; width: 315px; height: 45px; background: url("../Img/highlight.png") no-repeat 0 0 / contain; position: absolute; bottom: 0; left: -20px; z-index: -1;}
.sec1 .title_wrap p {font-size: 20px; line-height: 1.4; color: #333;}
.sec1 .form_wrap {background: #fff; border-radius: 32px; padding: 34px 36px; width: 600px; margin: 0 auto; box-shadow: 0px 12px 26px -10px rgba(0, 0, 0, 0.12);}
.sec1 .form_wrap h2 {font-size: 24px; font-weight: 700; color: #001c54; margin-bottom: 20px;}
.sec1 .form_wrap .input_wrap {margin-bottom: 12px;}
.sec1 .form_wrap .input_wrap ul {display: flex; gap: 12px;}
.sec1 .form_wrap .input_wrap ul li {width: 100%;}
.sec1 .form_wrap .input_wrap ul li .form_label {display: block; font-size: 16px; font-weight: 600; color: #001c54; margin-bottom: 8px;}
.sec1 .form_wrap .input_wrap ul li input {width: 100%; background: #f8f8f8; border-radius: 14px; padding: 14px 16px; font-size: 18px; font-weight: 500; color: #222; border: 0; outline: none;}
.sec1 .form_wrap .input_wrap ul li input::placeholder {color: #888;}
.sec1 .form_wrap .privacy_wrap {display: flex; align-items: center; gap: 8px; position: relative; margin-bottom: 12px;}
.sec1 .form_wrap .privacy_wrap input[type="checkbox"] {width: 20px; height: 20px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; cursor: pointer;}
.sec1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i {border: 3px solid #F68A33;}
.sec1 .form_wrap .privacy_wrap i {display: block; width: 18px; height: 18px; border: 3px solid #c8c8c8; border-radius: 3px; position: relative;}
.sec1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i::after {content: ""; width: 3px; height: 6px; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); border: solid #F68A33; border-width: 0 2px 2px 0;}
.sec1 .form_wrap .privacy_wrap label {font-size: 17px; color: #333; cursor: pointer;}
.sec1 .form_wrap .privacy_wrap button {font-size: 17px; font-weight: 500; text-decoration: underline; color: #F68A33;}
.sec1 .form_wrap .btn_submit {display: block; width: 100%; font-size: 24px; font-weight: 700; color: #fff; background: #F68A33; border-radius: 50px; padding: 18px; box-shadow: 0px 12px 26px -10px rgba(0, 0, 0, 0.12);}
.sec1 .form_wrap .notice_wrap {margin-top: 12px; text-align: center;}
.sec1 .form_wrap .notice_wrap p {font-size: 15px; color: #333; line-height: 1.5;}
/* SECTION 2 */
.sec2 {padding: 70px 0; background: #ffd56b;}
.sec2 .title_wrap {text-align: center; margin: 0 auto 42px;}
.sec2 .title_wrap h2 {font-family: 'OngleipKimkonghae'; color: #001C54; font-size: 80px; letter-spacing: -5px; margin-bottom: 12px; position: relative; z-index: 1;}
.sec2 .title_wrap h2 b {position: relative;}
.sec2 .title_wrap h2 b::before {content: ""; display: block; width: 70px; aspect-ratio: 70 / 28; background: url("../Img/con2_pang.png") no-repeat 0 0 / contain; position: absolute; top: -25px; left: 175px;}
.sec2 .title_wrap h2 b::after {content: ""; width: 315px; height: 45px; position: absolute; bottom: 0; left: -10px; background: url("../Img/highlight.png") no-repeat 0 0 / contain; z-index: -1;}
.sec2 .title_wrap p {font-size: 18px; color: #333;}
.sec2 .content_wrap {position: relative; z-index: 2;}
.sec2 .content_wrap ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px;}
.sec2 .content_wrap ul li img {width: 100%;}
.sec2 .content_wrap ul li:nth-child(1) {grid-column: 1 / 3;}
.sec2 .content_wrap ul li:nth-child(2) {grid-column: 3 / 5;}
.sec2 .content_wrap ul li:nth-child(3) {grid-column: 5 / 7;}
.sec2 .content_wrap ul li:nth-child(4) {grid-column: 2 / 4;}
.sec2 .content_wrap ul li:nth-child(5) {grid-column: 4 / 6;}
.sec2 .content_wrap .img1 {position: absolute; top: -120px; right: -100px;}
.sec2 .content_wrap .img2 {position: absolute; top: 270px; left: -120px; z-index: -1;}
.sec2 .notice {font-size: 16px; color: #333; line-height: 1.4; margin-top: 24px; text-align: center;}
/* SECTION 3 */
.sec3 {background: #fff; padding: 70px 0;}
.sec3 .title_wrap {text-align: center; margin-bottom: 42px;}
.sec3 .title_wrap span {display: block; font-size: 13px; font-weight: 800; color: #F68A33; letter-spacing: 1.5px; margin-bottom: 10px;}
.sec3 .title_wrap h2 {font-size: 40px; font-weight: 800; color: #001C54;}
.sec3 .list_wrap {margin-bottom: 42px;}
.sec3 .list_wrap ul {display: flex; justify-content: space-between; gap: 22px;}
.sec3 .list_wrap ul li {background: #fffbf2; padding: 32px 28px; border: 1px solid #fff3d5; border-radius: 24px;}
.sec3 .list_wrap ul li span {display: flex; align-items: center; justify-content: center; width: 50px; aspect-ratio: 1 / 1; border-radius: 100%; background: #F68A33; color: #fff; font-size: 22px; font-weight: 800;}
.sec3 .list_wrap ul li h3 {margin: 20px 0 10px; font-size: 22px; font-weight: 700; color: #001C54;}
.sec3 .list_wrap ul li p {font-size: 16px; line-height: 1.5; color: #333;}
.sec3 .recomm_wrap {background: #001C54; padding: 30px 32px; border-radius: 20px; text-align: center; position: relative;}
.sec3 .recomm_wrap p {font-size: 24px; font-weight: 700; color: #fff;}
.sec3 .recomm_wrap p b {color: #ffd56b;}
.sec3 .recomm_wrap .img1 {position: absolute; top: -50px; right: -150px;}
/* SECTION 4 */
.sec4 {background: #fff3d5; padding: 70px 0;}
.sec4 h2 {font-size: 40px; font-weight: 800; color: #001C54; text-align: center; margin-bottom: 42px;}
.sec4 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.sec4 ul li {padding: 30px 26px; background: #fff; border: 1px solid #ffd56b; border-radius: 22px;}
.sec4 ul li .img_wrap {width: 52px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #fff3d5; border-radius: 15px;}
.sec4 ul li .img_wrap img {width: 32px;}
.sec4 ul li h3 {font-size: 22px; font-weight: 700; margin: 20px 0 10px; color: #001C54;}
.sec4 ul li p {font-size: 16px; color: #333; line-height: 1.5;}
/* FOOTER */
footer {display: none; padding: 70px 0;}
footer h2 {font-weight: 600; font-size: 20px; line-height: 1.8;}
footer ul li {font-size: 16px; line-height: 1.8; color: #333;}
footer ul li button {font-weight: 600; text-decoration: underline;}