a { color: inherit; text-decoration: none; } 
.container { width: 1200px; margin: 0 auto; position: relative; } 
.notScroll { overflow: hidden; width: 100%; height: 100%; 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; } 

h2 em { display: block; margin-bottom: 12px; font-size: 20px; color: #0061c1; font-weight: 600; } 
h2 span { display: block; margin-bottom: 20px; font-size: 48px; font-weight: 700; letter-spacing: -3px; color: #333; } 
h2 p { display: block; font-size: 21px; color: #777; font-weight: 500; line-height:1.3; letter-spacing:-1px}

/* header */
header { background: #ffffff; padding: 22px 0; } 
header .container { display: flex; align-items: center; justify-content: space-between; } 
header a { display: inline-block; width: 114px; } 
header a img { width: 100%; } 
header .update_wrap {display: flex; flex-direction: column; align-items: center; gap: 8px;}
header .update_wrap .contact_wrap {display: flex; align-items: center; gap: 18px;}
header .update_wrap .contact_wrap .box {display: flex; align-items: center; gap: 10px;}
header .update_wrap .contact_wrap .box h6 {font-size: 14px; font-weight: 700; letter-spacing: -1px; color: #333;}
header .update_wrap .contact_wrap .box p {font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #666;}
header .update_wrap .date_wrap {display: flex; align-items: center; gap: 10px; background: #f2f5f9; padding: 10px 40px; border-radius: 10px;}
header .update_wrap .date_wrap p {font-size: 14px; font-weight: 600; letter-spacing: -1px; color: #777;}
header .update_wrap .date_wrap span {font-size: 14px; font-weight: 700; letter-spacing: -1px; color: #226bee;}

/* section1 */
.section1 {background: #f0f4ff; padding: 60px 0 80px;}
.section1 .container {display: flex; align-items: center; gap: 30px;}
.section1 .text_wrap p {font-size: 32px; font-weight: 500; color: #226bee; letter-spacing: -1px; line-height: 1.5;  margin-bottom: 5px;}
.section1 .text_wrap h2 {font-size: 65px; font-weight: 700; letter-spacing: -1px; line-height: 1.35;}
.section1 .form_wrap {width: 420px; background: #fff; border: 1px solid #ddd; padding: 40px 30px; border-radius: 25px; position: relative; z-index: 3;}
.section1 .form_wrap h3 {display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #111; padding-bottom: 30px; margin-bottom: 28px; border-bottom: 1px solid #ddd;}
.section1 .form_wrap ul {display: flex; flex-direction: column; gap: 20px;}
.section1 .form_wrap ul li.name_wrap {display: flex; align-items: center; gap: 10px;}
.section1 .form_wrap ul li.name_wrap .gender_wrap {display: flex; align-items: center; gap: 10px;}
.section1 .form_wrap ul li.name_wrap .gender_wrap input[type="radio"] {display: none;}
.section1 .form_wrap ul li.name_wrap .gender_wrap input[type="radio"]:checked + label {background: #226bee; border: 1px solid #226bee; color: #fff;}
.section1 .form_wrap ul li.name_wrap .gender_wrap label {height: 60px; width: 60px; border: 1px solid #ccc; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500; color: #777; cursor: pointer;}
.section1 .form_wrap ul li.tel_wrap {display: flex; align-items: center; gap: 10px;}
.section1 .form_wrap ul li input[type="text"],
.section1 .form_wrap ul li input[type="tel"],
.section1 .form_wrap ul li select {font-family: inherit; color: #222; font-size: 20px; letter-spacing: -1px; font-weight: 500; border: 1px solid #ccc; padding: 0 20px; border-radius: 10px; width: 100%; height: 60px; outline: none;}
.section1 .form_wrap ul li select {width: 160px; appearance: none; background: url("../Img/arrow.png") no-repeat calc(100% - 20px) 50% / 16px;}
.section1 .form_wrap .privacy_wrap {display: flex; align-items: center; background: #f2f5f9; padding: 18px 20px; position: relative; margin-top: 20px; border-radius: 10px;}
.section1 .form_wrap .privacy_wrap input[type="checkbox"] {width: 30px; height: 30px; position: absolute; left: 21px; opacity: 0; z-index: 2; margin: 0; cursor: pointer;}
.section1 .form_wrap .privacy_wrap i {width: 30px; height: 30px; border: 1px solid #bbb; border-radius: 5px; background: #fff; position: relative;}
.section1 .form_wrap .privacy_wrap i::after {content: ""; width: 7px; height: 13px; position: absolute; top: 5px; left: 10px; border: solid #bbb; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.section1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i {background: #226bee; border: 1px solid #226bee;}
.section1 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i::after {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: #555; margin-left: 14px; cursor: pointer;}
.section1 .form_wrap .privacy_wrap label b {color: #226bee; font-weight: 600;}
.section1 .form_wrap .privacy_wrap button {background: #bcbfc4; color: #fff; font-size: 15px; letter-spacing: -1px; padding: 6px 15px; border-radius: 5px; margin-left: auto;}
.section1 .form_wrap .btn_submit {background: #226bee; display: block; width: 100%; padding: 24px 0; text-align: center; color: #fff; font-size: 26px; font-weight: 600; letter-spacing: -1px; margin-top: 30px; border-radius: 15px;}
.section1 .form_img {position: absolute; bottom: 0; right: -77px; z-index: 1;}

/* section2 */
.section2 {padding: 80px 0;}
.section2 .container {display: flex; align-items: center; justify-content: space-between;}
.section2 .text_wrap span {display: block; font-size: 32px; letter-spacing: -1px; font-weight: 500; color: #226bee; margin-bottom: 12px;}
.section2 .text_wrap h3 {font-size: 45px; letter-spacing: -2px; font-weight: 600; line-height: 1.3; color: #222; margin-bottom: 26px;}
.section2 .text_wrap p {font-size: 32px; letter-spacing: -1px; color: #686868;}
.section2 .swiper_container {width: 700px; overflow: hidden;}
.section2 .swiper_wrap ul {display: flex;}
.section2 .swiper_wrap ul li {height: 170px; background: #226bee; border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 30px 0; overflow: hidden;}
.section2 .swiper_wrap ul li span {background: #0e57c1; color: #fff; padding: 10px 25px; border-radius: 30px; font-size: 20px; letter-spacing: -.5px; white-space: nowrap;}
.section2 .swiper_wrap ul li h6 {font-size: 34px; font-weight: 700; letter-spacing: -1px; color: #fff; white-space: nowrap;}
.section2 .swiper_wrap ul li p {font-size: 20px; font-weight: 500; color: #fff; opacity: .5; white-space: nowrap;}

.section2 .swiper_wrap ul li.blue {background: #226bee;}
.section2 .swiper_wrap ul li.blue span {background: #0e57c1;}
.section2 .swiper_wrap ul li.green {background: #07a873;}
.section2 .swiper_wrap ul li.green span {background: #079361;}
.section2 .swiper_wrap ul li.orange {background: #f78e26;}
.section2 .swiper_wrap ul li.orange span {background: #ef7a11;}
.section2 .swiper_wrap ul li.purple {background: #884df7;}
.section2 .swiper_wrap ul li.purple span {background: #7342ea;}


/* section3 */
.section3 {padding: 87px 0; background: url("../Img/con2_img_01.png") no-repeat center / cover;}
.section3 h3 {font-size: 45px; font-weight: 600; letter-spacing: -1px; color: #fff;}
.section3 h3 b {color: #97d3ff;}
.section3 p {font-size: 29px; letter-spacing: -1px; line-height: 1.45; color: #fff; margin-top: 25px;}
.section3 span {display: block; font-size: 26px; letter-spacing: -1px; line-height: 1.6; margin-top: 14px; color: #9a9b9b;}

/* section4 */
.section4 {padding: 90px 0;}
.section4 .title_wrap {display: flex; align-items: center; gap: 20px; margin-bottom: 30px;}
.section4 .title_wrap h4 {font-size: 45px; font-weight: 600; letter-spacing: -2px; color: #111;}
.section4 .title_wrap span {font-size: 26px; letter-spacing: -1px; color: #6b6b6b;}
.section4 .graph_wrap ul {display: flex; gap: 130px;}
.section4 .graph_wrap ul li h5 {background: #e6f0ff; font-size: 29px; font-weight: 700; letter-spacing: -1.5px; width: fit-content; color: #226bee; padding: 16px 26px; border-radius: 10px; margin-bottom: 30px;}
.section4 .graph_wrap span {display: block; font-size: 26px; letter-spacing: -1.5px; color: #8a8a8a; margin-top: 33px;}
.section4 .info_wrap {background: #f4f7f9; padding: 45px 35px; margin-top: 30px; border-radius: 30px;}
.section4 .info_wrap h5 {font-size: 32px; font-weight: 600; letter-spacing: -1px; margin-bottom: 20px; color: #111;}
.section4 .info_wrap p {font-size: 26px; letter-spacing: -1px; line-height: 1.5; color: #767676;}
.section4 .info_wrap p b {color: #444; font-weight: 500;}

/* section5 */
.section5 {padding: 120px 0; background: #f2f5f9;}
.section5 .top_wrap {display: flex; align-items: center; justify-content: space-between;}
.section5 .top_wrap .text_wrap h4 {font-size: 44px; font-weight: 600; letter-spacing: -1px; line-height: 1.35; color: #222; margin-bottom: 20px;}
.section5 .top_wrap .text_wrap p {font-size: 32px; letter-spacing: -1px; line-height: 1.4; color: #6b6b6b;}
.section5 .notice {display: block; font-size: 26px; letter-spacing: -1.2px; color: #777; margin-top: 28px;}

/* section6 */
.section6 {padding: 120px 0; background: #226bee;}
.section6 .container {display: flex; align-items: center; justify-content: space-between;}
.section6 .title_wrap h4 {font-size: 43px; font-weight: 500; letter-spacing: -1px; color: #fff; line-height: 1.4; margin-bottom: 15px;}
.section6 .title_wrap span {display: block; font-size: 26px; letter-spacing: -1px; line-height: 1.5; color: #a5c7f9;}
.section6 .title_wrap ul {display: flex; align-items: center; gap: 10px; margin-top: 30px;}
.section6 .title_wrap ul li button {background: #fff; font-size: 22px; font-weight: 700; letter-spacing: -1px; padding: 15px 30px; border-radius: 50px; color: #226bee;}
.section6 .title_wrap ul li button.selected {background: #002796; color: #fff;}
.section6 .img_wrap {width: 440px; height: 320px;  border-radius: 30px; position: relative;}
.section6 .img_wrap[data-seq="0"] {background: url("../Img/con5_img_01.webp") no-repeat center / cover;}
.section6 .img_wrap[data-seq="1"] {background: url("../Img/con5_img_02.webp") no-repeat center / cover;}
.section6 .img_wrap[data-seq="2"] {background: url("../Img/con5_img_03.webp") no-repeat center / cover;}
.section6 .img_wrap[data-seq="3"] {background: url("../Img/con5_img_04.webp") no-repeat center / cover;}
.section6 .img_wrap[data-seq="4"] {background: url("../Img/con5_img_05.webp") no-repeat center / cover;}
.section6 .img_wrap .text_wrap {display: none; position: absolute; bottom: 32px; left: 32px;}
.section6 .img_wrap .text_wrap.show {display: block;}
.section6 .img_wrap .text_wrap h5 {font-size: 32px; font-weight: 600; letter-spacing: -1px; color: #fff; margin-bottom: 12px;}
.section6 .img_wrap .text_wrap p {font-size: 26px; letter-spacing: -1px; color: #c7c7c7; line-height: 1.5;}

/* section7 */
.section7 {padding: 125px 0;}
.section7 h3 {font-size: 44px; font-weight: 600; letter-spacing: -1.5px; color: #111;}
.section7 .list_wrap {margin-top: 45px;}
.section7 .list_wrap ul {display: flex; justify-content: space-between; gap: 30px;}
.section7 .list_wrap ul li {background: #f3f7fa; width: 33.3%; display: flex; flex-direction: column; align-items: center; padding: 35px 0 45px; border-radius: 30px;}
.section7 .list_wrap ul li span {font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #226bee; margin-bottom: 40px;}
.section7 .list_wrap ul li img {margin-bottom: 38px;}
.section7 .list_wrap ul li h6 {font-size: 33px; font-weight: 600; letter-spacing: -2px; color: #1c1c1c; line-height: 1.4; margin-bottom: 5px;}
.section7 .list_wrap ul li p {font-size: 26px; letter-spacing: -1px; line-height: 1.45; color: #777; text-align: center;}


/* section8 */
.section8 { background: #f3f7fa; padding: 85px 0; } 
.section8 h3 { margin-bottom: 35px; font-size: 32px; font-weight: 600; letter-spacing: -2px; color: #111; } 
.section8 ul li { color:#666; position:relative; font-size: 20px; line-height: 1.3; margin-bottom: 10px; letter-spacing: -.5px; } 
.section8 ul li:last-child { margin-bottom: 0; } 

/* 푸터 */
.footer { background: #282a29; box-sizing: border-box; padding: 35px 0; } 
.footer_inner { display: flex; flex-direction: column; gap: 8px; width: 1200px; margin: 0 auto; } 
.footer p { color: #999; font-size: 14px; line-height: 1.4; letter-spacing: -.2px; } 
.footer button { font-size: 15px; color: #999; font-weight: 600; margin-top: 15px; width: fit-content; }