@charset "utf-8";

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

/* header */
header {background: #f1f5ff;}
header .container {display: flex; align-items: center; justify-content: space-between;}
header a {display: inline-block; padding: 20px 0; width: 215px;}
header a img {width: 100%;}


/* section1 */
.section1 {background: #f1f5ff; padding: 5px 0 110px;}
.section1 .container {display: flex; justify-content: space-between; align-items: center;}
.section1 img {width: 590px; position: relative; bottom: -25px;}
.section1 .title_wrap h1 {font-size: 69px; font-weight: 700; line-height: 1.3; letter-spacing: -2px; margin-bottom: 15px; color: #1a1a1a;}
.section1 .title_wrap h1 b {color: #427ffb;}
.section1 .title_wrap p {font-size: 27px; letter-spacing: -1.5px; line-height: 1.4; color: #393759; font-weight: 500;}


/* section2 */
.section2 {background: #fff;}
.section2 .container {display: flex; align-items: center; position: relative; top: -85px;}
.section2 .form_wrap {width: 29%; border: 2px solid #427ffb; padding: 28px; box-sizing: border-box; border-radius: 15px; position: relative; background: #fff; z-index: 1;}
.section2 .form_wrap .triangle {position: absolute; top: 42px; right: -17px; width: 18px;}
.section2 .form_wrap .triangle_wrap {position: absolute; top: 43px; right: -22px; height: 36px; width: 25px; background: #fff;}
.section2 .form_wrap h4 {text-align: center; font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing: -1px; color: #1a1a1a; margin-bottom: 10px;}
.section2 .form_wrap input[type="text"],
.section2 .form_wrap input[type="tel"],
.section2 .form_wrap select {width: 100%; font-size: 19px; padding: 0 20px; outline: none; border: 0; background: #f9f9f9; font-family: 'Pretendard'; letter-spacing: -1px; color: #1a1a1a; font-weight: 500; height: 62px;}
.section2 .form_wrap input[type="text"] {margin-bottom: 15px;}
.section2 .form_wrap input[type="tel"] {padding-left: 0;}
.section2 .form_wrap input[type="text"]::placeholder,
.section2 .form_wrap input[type="tel"]::placeholder {color: #bbb;}
.section2 .form_wrap select {width: 40%; appearance: none; background: #f9f9f9 url("./arrow_tel.png") no-repeat calc(100% - 15px) 50%;}
.section2 .form_wrap .tel_wrap {display: flex; align-items: center; margin-bottom: 28px;}
.section2 .form_wrap .privacy_wrap {display: flex; align-items: center; justify-content: center; margin-bottom: 21px;}
.section2 .form_wrap .privacy_wrap input[type="checkbox"] {width: 16px; height: 16px;}
.section2 .form_wrap .privacy_wrap label {font-size: 14px; font-weight: 600; letter-spacing: -1px; margin: 0 7px 0 2px;}
.section2 .form_wrap .privacy_wrap button {font-size: 13px; font-weight: 600; letter-spacing: -1px; border-bottom: 1px solid #111;}
.section2 .form_wrap .btn_submit {display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #427ffb; text-align: center; color: #fff; padding: 18px; box-sizing: border-box; border-radius: 50px; font-size: 24px; letter-spacing: -1px;}
.section2 .form_wrap .btn_submit img {width: 22px;}

.section2 .bohum_list_wrap {width: 71%; background: #fcfcfd; border-radius: 0 20px 20px 0; position: relative;}
.section2 .bohum_list_wrap::before {content: ""; width: 15px; height: 100%; background: #fcfcfd; position: absolute; top: 0; left: -15px;}
.section2 .bohum_list_wrap h4 {font-size: 30px; letter-spacing: -2px; color: #777; border-bottom: 1px solid #ddd; font-weight: 600; padding: 20px; margin-left: 30px; margin-right: 30px; padding-top: 32px;}
.section2 .bohum_list_wrap .list_wrap {padding: 30px; box-sizing: border-box;}
.section2 .bohum_list_wrap .list_wrap ul {display: flex; justify-content: space-between;}
.section2 .bohum_list_wrap .list_wrap ul li {display: flex; align-items: center; flex-direction: column; justify-content: space-between; gap:30px; background: #fff; padding: 30px; box-sizing: border-box; }
.section2 .bohum_list_wrap .list_wrap ul li img {width: 140px; height: 30px;}
.section2 .bohum_list_wrap .list_wrap ul li p {font-size: 16px; letter-spacing: -1px; font-weight: 500;}
.section2 .bohum_list_wrap .list_wrap ul li p b {color: #ff4747; font-size: 17px; font-weight: 600; margin-left: 5px;}


/* banner_section */
.banner_section {padding: 30px 0 150px;}
.banner_section .container {background: #427ffb; padding: 50px 65px; box-sizing: border-box; border-radius: 20px; position: relative;}
.banner_section .text_wrap h2 {display: flex; align-items: center; gap: 15px; font-size: 40px; letter-spacing: -2px; color: #fff; margin-bottom: 40px;}
.banner_section .text_wrap img {width: 70px;}
.banner_section .text_wrap span {display: block; font-size: 27px; letter-spacing: -1.5px; color: #ffff61; margin-bottom: 25px;}
.banner_section .text_wrap p {font-size: 23px; letter-spacing: -1.5px; color: #d2e4ff; line-height: 1.5;}
.banner_section .banner_img {position: absolute; bottom: -45px; right: 0; width: 415px;}


/* section3 */
.section3 {padding: 150px 0 350px; background: #fdfdfd;}
.section3 h2 {font-size: 48px; letter-spacing: -2px; font-weight: 600; text-align: center; margin-bottom: 70px;}
.section3 h2 b {color: #427ffb;}

.section3 .benefit_wrap {border: 1px solid #ddd; border-radius: 15px; box-sizing: border-box; padding: 25px 0; margin-bottom: 75px;}
.section3 .benefit_wrap ul {display: flex; align-items: center; justify-content: space-between;}
.section3 .benefit_wrap ul li {text-align: center; width: calc(100% / 6);}
.section3 .benefit_wrap ul li:not(:last-child) {border-right: 1px solid #f3f3f3;}
.section3 .benefit_wrap ul li img {width: 55px; margin-bottom: 20px;}
.section3 .benefit_wrap ul li p {font-size: 20px; font-weight: 500; letter-spacing: -1px; line-height: 1.3;}

.section3 .info_list_wrap > ul > li {border: 1px solid #ddd; background: #fff; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.section3 .info_list_wrap > ul > li:not(:last-child) {margin-bottom: 75px;}
.section3 .info_list_wrap > ul > li .title_container {padding: 35px 50px; box-sizing: border-box;}
.section3 .info_list_wrap > ul > li .logo_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.section3 .info_list_wrap > ul > li .logo_wrap img {width: 160px;}
.section3 .info_list_wrap > ul > li .logo_wrap p {font-weight: 600; letter-spacing: -1px; color: #555;}
.section3 .info_list_wrap > ul > li .logo_wrap p b {color: #111; margin-left: 10px;}
.section3 .info_list_wrap > ul > li .title_wrap {display: flex; align-items: center; justify-content: space-between;}
.section3 .info_list_wrap > ul > li .title_wrap h3 {font-size: 24px; font-weight: 600; letter-spacing: -1px; line-height: 1.5; color: #444; width: 630px;}
.section3 .info_list_wrap > ul > li .title_wrap .apply_btn {background: #427ffb; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 23px; letter-spacing: -1px; gap: 10px; padding: 15px; width: 350px; border-radius: 8px;}
.section3 .info_list_wrap > ul > li .title_wrap .apply_btn img {width: 22px;}

.section3 .info_list_wrap .content_container {display: flex; justify-content: space-between; gap: 30px; padding: 35px 50px; box-sizing: border-box; background: #f7f7f7;}
.section3 .info_list_wrap .content_container ul {width: 50%;}
.section3 .info_list_wrap .content_container ul li {font-size: 16px; font-weight: 500; line-height: 2; letter-spacing: -1px; color: #666; word-break: keep-all;}
.section3 .info_list_wrap .content_container ul li.sm {font-size: 15px; color: #888;}
.section3 .info_list_wrap .content_container ul li b {color: #ff5656;}
.section3 .info_list_wrap .content_container ul li em {color: #427ffb;}
.section3 .info_list_wrap .content_container ul li strong {font-weight: 700; color: #333;}



/* section4 */
.section4 {padding:0 0 50px; background: #eef5ff;}
.section4 .container {display: flex; align-items: center; justify-content: space-between; background: #427ffb; border-radius: 100px; padding: 60px 90px; box-sizing: border-box; position: relative; top: -105px;}
.section4 .container .people {position: absolute; top: -160px; left: 100px; width: 150px;}
.section4 button {display: flex; align-items: center; background: #fff; padding: 20px 35px; box-sizing: border-box; font-size: 28px; letter-spacing: -2px; color: #427ffb; gap: 20px; border-radius: 50px; font-weight: 500;}
.section4 button img {width: 38px;}
.section4 h2 {font-size: 38px; letter-spacing: -1.5px; color: #fff; font-weight: 500; margin-bottom: 25px;}
.section4 p {font-size: 22px; color: #e4f0ff; letter-spacing: -1px;}


/* section5 */
.section5 {background: #181f29; color:#fff; padding: 60px 0;}
.section5 h3 {margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -1px;}
.section5 ul li {color:#fff; position:relative; padding-left:15px; font-size: 15px; line-height: 1.4; margin-bottom: 10px; letter-spacing: -.5px;}
.section5 ul li:last-child {margin-bottom: 0;}
.section5 ul li::before {position:absolute; left:0; content:'•';}


/* 푸터 */
.footer { background: #282a29; box-sizing: border-box; padding: 30px 0;}
.footer h4 {color: #999; font-size: 21px; font-weight: 800; margin-bottom: 25px;}
.footer p {color: #999; font-size: 14px; line-height: 1.4; margin: 10px 0;}
.footer p:last-of-type {margin-bottom: 0;}