@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 { } 
header .container { display: flex; align-items: center; justify-content: space-between; } 
header .container a { display: inline-block; padding: 25px 0; width: 215px; } 
header img { width: 100%; } 

/* section1 */
.section1 { background: url("./main_bg.webp") no-repeat center; padding: 0 0 200px; } 
.section1 .symbol_logo_box { padding: 65px 0 110px; display: flex; justify-content: center; gap: 45px; } 
.section1 .symbol_logo_box .img_box { width: 145px; height: 75px; display: flex; justify-content: center; align-items: center; /* 3D 원근감(값을 조절하면 더 깊거나 얕아짐) */
 perspective: 1000px; position: relative; overflow: hidden; } 
.section1 .symbol_logo_box .img_box:nth-of-type(even) { margin-top: 55px; } 
/* 카드 컨테이너: 3D 보존, 회전 처리 */
.section1 .symbol_logo_box .img_box .card { width: 100%; height: 100%; background: #fff; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px; position: relative; transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(.2,.9,.3,1); transform: rotateY(0deg); display: flex; justify-content: center; align-items: center; } 
/* 이미지 위치 설정 — 앞/뒤면 모두 절대 위치로 겹치게 함 */
.section1 .symbol_logo_box .img_box .card img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 80%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } 

.section1 .symbol_logo_box .img_box .card .back_img { transform: translate(-50%, -50%) rotateY(180deg); width: 100%; height: auto; } 

.section1 .symbol_logo_box .img_box.flipped .card { transform: rotateY(180deg); } 

@media (prefers-reduced-motion: reduce){
 .section1 .symbol_logo_box .img_box .card { transition: none; } 
 }

.section1 .title_wrap h2 { color: #fff; font-size: 55px; text-align: center; line-height: 1.4; } 
.section1 .title_wrap h2 b { font-weight: 600; font-size: 108px; letter-spacing: -1px; } 
/* benefit_wrap */
.benefit_wrap { padding: 55px 0 0; border-radius: 30px 30px 0 0; } 
.benefit_wrap h3 { text-align: center; font-size: 32px; letter-spacing: -1.5px; } 
.benefit_wrap h3 b { font-weight: 700; color: #243AD3; } 
.benefit_wrap ul { margin-top: 45px; display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; row-gap: 35px; } 
.benefit_wrap ul li { padding: 23px 20px; background: #EDEEF2; border-radius: 10px; display: flex; align-items: center; } 
.benefit_wrap ul li img { display: block; padding-right: 10px;}
.benefit_wrap ul li p { padding-left: 10px; position: relative; font-size: 22px; line-height: 1.3; color: #3C3C3C; letter-spacing: -1.5px; } 
.benefit_wrap ul li p b { color: #303A56; font-weight: 600; } 
.benefit_wrap ul li p::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #D4D5D8; } 
.benefit_wrap .info { font-size: 20px; color: #AAAAAA; text-align: center; margin-top: 40px; letter-spacing: -0.5px; } 
/* section2 */
.section2 { background: #fff; padding: 80px 0 0; } 
.section2 .title { letter-spacing: -1px; font-size: 32px; color: #606060; text-align: center; line-height: 1.4; } 
.section2 .title b { color: #111; font-size: 48px; font-weight: 700; } 
.section2 .form_box { display: flex; align-items: center; justify-content: space-between; margin-top: 55px; gap: 50px; } 
.section2 .form_wrap { width: 40%; padding: 50px 28px 27px; box-sizing: border-box; border-radius: 20px; position: relative; background: #F7F8F9; 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; padding-bottom: 30px; border-bottom: 1px solid #CDD5E0; } 
.section2 .form_wrap h4 b { color: #243AD3; font-weight: 700; } 
.section2 .form_wrap form { padding: 30px 0 20px; } 
.section2 .form_wrap input[type="text"],
.section2 .form_wrap input[type="tel"],
.section2 .form_wrap select { width: 100%; font-size: 20px; padding: 0 20px; outline: none; border: 1px solid #ddd; background: #fff; font-family: 'Pretendard'; letter-spacing: -1px; color: #1a1a1a; font-weight: 400; height: 62px; border-radius: 10px; } 
.section2 .form_wrap input[type="text"] { margin-bottom: 20px; } 
.section2 .form_wrap input[type="tel"] { } 
.section2 .form_wrap input[type="text"]::placeholder,
.section2 .form_wrap input[type="tel"]::placeholder { color: #bbb; } 
.section2 .form_wrap select { width: 38%; appearance: none; background: #fff url("./arrow.png") no-repeat calc(100% - 15px) 50%; } 
.section2 .form_wrap .tel_wrap { display: flex; align-items: center; margin-bottom: 20px; gap: 10px; } 
.section2 .form_wrap .privacy_wrap { display: flex; align-items: center; margin-bottom: 20px; padding: 17px; background: #EDEDED; border-radius: 10px; gap: 15px; position: relative; } 
.section2 .form_wrap .privacy_wrap input[type="checkbox"] { width: 25px; height: 25px; margin: 0; cursor: pointer; position: absolute; top: 50%; left: 30px; opacity: 0; z-index: 9; transform: translate(-50%, -50%); } 
.section2 .form_wrap .privacy_wrap i { width: 25px; height: 25px; border: 1px solid #ccc; background: #fff; border-radius: 5px; position: relative; } 
.section2 .form_wrap .privacy_wrap i::before { position: absolute; top: 2px; left: 8px; width: 6px; height: 12px; border: solid #ccc; border-width: 0 3px 3px 0; transform: rotate(45deg); content: ""; } 
.section2 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i { background: #243AD3; border: 1px solid #243AD3; } 
.section2 .form_wrap .privacy_wrap input[type="checkbox"]:checked + i::before { border: solid #fff; border-width: 0 3px 3px 0; } 
.section2 .form_wrap .privacy_wrap label { font-size: 20px; font-weight: 400; letter-spacing: -1px; color: #282a29; } 
.section2 .form_wrap .privacy_wrap button { font-size: 18px; color: #fff; border-radius: 8px; background: #BCBFC4; padding: 6px 12px; letter-spacing: -2px; margin-left: 40px; } 
.section2 .form_wrap .btn_submit { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; background: #303A56; text-align: center; color: #fff; padding: 25px 0; box-sizing: border-box; border-radius: 15px; font-size: 26px; letter-spacing: -1px; } 
.section2 .form_wrap .btn_submit img { width: 22px; } 

.section2 .bohum_list_wrap { flex: 1; height: 510px; position: relative; } 
.section2 .bohum_list_wrap h4 { font-size: 30px; letter-spacing: -2px; color: #777; font-weight: 600; text-align: center; margin-bottom: 45px; margin-top: 22px; } 
.section2 .bohum_list_wrap .list_wrap { } 
.section2 .bohum_list_wrap .list_wrap ul { display: flex; justify-content: center; flex-wrap: wrap; row-gap: 65px; } 
.section2 .bohum_list_wrap .list_wrap ul li { width: 31%; display: flex; align-items: center; flex-direction: column; justify-content: space-between; gap: 10px; background: #fff; border-right: 1px solid #cdd5e0; } 
.section2 .bohum_list_wrap .list_wrap ul li:nth-of-type(3),
.section2 .bohum_list_wrap .list_wrap ul li:nth-of-type(5) { border-right: 0; } 
.section2 .bohum_list_wrap .list_wrap ul li img { width: 140px; height: 30px; } 
.section2 .bohum_list_wrap .list_wrap ul li p { margin-top: 5px; padding: 25px 40px; background: #F7F8F9; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; letter-spacing: -1.5px; color: #5B5D60; font-weight: 500; } 
.section2 .bohum_list_wrap .list_wrap ul li p span { display: inline-block; margin-top: 10px; color: #303A56; font-size: 23px; font-weight: 600; font-size: 30px; letter-spacing: -2.5px; } 
.section2 .bohum_list_wrap .list_wrap ul li p span b { color: #243AD3; } 

/* banner_section */
.banner_section { padding: 85px 0; } 
.banner_section .container { } 

/* section3 */
.section3 { padding: 0 0 105px; 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 .info_list_wrap > ul > li { } 
.section3 .info_list_wrap > ul > li:not(:last-child) { margin-bottom: 75px; } 
.section3 .info_list_wrap > ul > li .title_container { display: flex; align-items: flex-end; justify-content: space-between; } 
.section3 .info_list_wrap > ul > li .title_left h3 { font-size: 41px; font-weight: 600; letter-spacing: -2px; margin-top: 20px; line-height: 1.23; } 
.section3 .info_list_wrap > ul > li .title_left h3 b { color: #007F41; font-weight: 700;} 
.section3 .info_list_wrap > ul > li .title_left img { width: 235px; } 
.section3 .info_list_wrap > ul > li .title_left p { font-weight: 600; letter-spacing: -1px; color: #7D7D7E; font-size: 22px; margin-top: 17px; } 
.section3 .info_list_wrap > ul > li .title_right { display: flex; flex-direction: column; align-items: flex-end; } 
.section3 .info_list_wrap > ul > li .title_right p { font-size: 18px; color: #7D7D7E; text-align: right; line-height: 1.4; letter-spacing: -1.5px; font-weight: 500; } 
.section3 .info_list_wrap > ul > li .title_right p b { color: #282a29; font-weight: 600; font-size: 19px;}
.section3 .info_list_wrap > ul > li .title_right .apply_btn { background: #007F41; font-size: 24px; font-weight: 500; color: #fff; padding: 20px 80px; margin-top: 15px; border-radius: 10px; letter-spacing: -1.5px; } 

.section3 .info_list_wrap .content_container { padding: 35px 50px; background: #F5F6F7; margin-top: 40px; border-radius: 20px; } 
.section3 .info_list_wrap .content_container ul { display: flex; flex-direction: column; } 
.section3 .info_list_wrap .content_container ul li { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #7D7D7E; word-break: keep-all; line-height: 1.8; } 

.section3 .db_wrap .content_container ul li b { color: #007F41; font-weight: 700; } 
.section3 .hd_wrap .title_left .logo_hd { width: 212px; } 
.section3 .info_list_wrap > ul > .hd_wrap .title_left p { font-size: 32px; margin-top: 45px; } 
.section3 .info_list_wrap > ul > .hd_wrap .title_left h3 { letter-spacing: -2.5px; margin-top: 13px; } 
.section3 .info_list_wrap > ul > .hd_wrap .title_left h3 b { color: #EF7D00; } 
.section3 .info_list_wrap > ul > .hd_wrap .title_right .apply_btn { background: #003070; } 
.section3 .info_list_wrap .hd_wrap .content_container ul li b { color: #003070; font-weight: 700; } 

.section3 .info_list_wrap > ul > .axa_wrap .title_left .logo_axa { width: 185px; } 
.section3 .info_list_wrap > ul > .axa_wrap .title_right .apply_btn { background: #153278; } 
.section3 .info_list_wrap .axa_wrap .content_container ul li b { color: #153278; font-weight: 700; } 
.section3 .info_list_wrap .axa_wrap .content_container ul li.mar_top { margin-top: 30px; } 
.section3 .info_list_wrap .content_container ul li.sm { color: #aeaeae; font-weight: 400; font-size: 19px; } 
.section3 .info_list_wrap .content_container ul li strong { color: #1a1a1a; font-weight: 700; } 
.section3 .info_list_wrap > ul > .hw_wrap .title_left .logo_hw { width: 250px; } 
.section3 .info_list_wrap > ul > .hw_wrap .title_left h3 b { color: #EC7200; } 
.section3 .info_list_wrap > ul > .hw_wrap .title_right .apply_btn { background-color: #EC7200; } 
.section3 .info_list_wrap .hw_wrap .content_container ul li b { color: #EC7200; font-weight: 700; } 
.section3 .info_list_wrap > ul > .hk_wrap .title_left h3 b { color: #E3007F; } 
.section3 .info_list_wrap > ul > .hk_wrap .title_left .logo_hk { width: 180px; } 
.section3 .info_list_wrap > ul > .hk_wrap .title_right .apply_btn { background-color: #E3007F; } 
.section3 .info_list_wrap .hk_wrap .content_container ul li b { color: #E3007F; font-weight: 700; } 
/* bottom_form_section */
.bottom_form_section { padding: 70px 0; background: #F5F6F7; } 
.bottom_form_section .title_wrap { text-align: center; letter-spacing: -1px; } 
.bottom_form_section .title_wrap .title { font-size: 48px; font-weight: 700; line-height: 1.3; } 
.bottom_form_section .title_wrap .title b { font-size: 32px; font-weight: 600; color: #243AD3; } 
.bottom_form_section .title_wrap p { color: #7D7D7E; font-size: 33px; margin-top: 10px; letter-spacing: -1px;     font-weight: 500;} 

.bottom_form_section .form_wrap .input_container { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; gap: 20px;} 
.bottom_form_section .form_wrap .btn_container { display: flex; align-items: center; gap: 40px; } 

.bottom_form_section .form_wrap .form_box { display: flex; flex-direction: column; gap: 15px; } 
.bottom_form_section .form_wrap .form_box label.title { font-size: 26px; font-weight: 500; letter-spacing: -1px; margin-right: 20px; color: #282a29; } 
.bottom_form_section .form_wrap .form_box input[type="text"],
.bottom_form_section .form_wrap .form_box input[type="tel"],
.bottom_form_section .form_wrap .form_box select { border-radius: 8px; padding: 12px 20px; font-size: 24px; outline: none; font-family: inherit; font-weight: 500; height: 75px; letter-spacing: -1px; border: 0; color: #282a29; } 
.bottom_form_section .form_wrap .form_box input[type="text"]::placeholder,
.bottom_form_section .form_wrap .form_box input[type="tel"]::placeholder { color: #bbb; } 
.bottom_form_section .form_wrap .tel_box { background: #fff; border-radius: 8px; width: 425px; } 
.bottom_form_section .form_wrap .form_box select { appearance: none; background: #fff url("./arrow.png") no-repeat calc(100% - 0px) 50%; padding-right: 35px; } 
.bottom_form_section .form_wrap .form_box .sex_cover { display: flex; align-items: center; gap: 18px; margin-left: 20px; } 
.bottom_form_section .form_wrap .form_box .sex_cover .radio_box { display: flex; align-items: center; } 
.bottom_form_section .form_wrap .form_box .sex_cover .radio_box input[type="radio"] { width: 20px; height: 20px; margin: 0; cursor: pointer; appearance: none; position: relative; border-radius: 100%; border: 1px solid #ccc; } 
.bottom_form_section .form_wrap .form_box .sex_cover .radio_box input[type="radio"]:checked { border: 1px solid #ff5b00; } 
.bottom_form_section .form_wrap .form_box .sex_cover .radio_box input[type="radio"]:checked::after { content: ""; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ff5b00; } 
.bottom_form_section .form_wrap .form_box .sex_cover .radio_box label { font-size: 20px; font-weight: 500; cursor: pointer; margin-left: 10px; } 

.bottom_form_section .form_wrap .form_box #customer_name__btm { width: 360px; } 
.bottom_form_section .form_wrap .form_box #mobile2__btm { width: 300px; } 
.bottom_form_section .form_wrap .privacy_wrap { display: flex; align-items: center; position: relative; margin-top: 20px; } 
.bottom_form_section .form_wrap .privacy_wrap input[type="checkbox"] { width: 30px; height: 30px; margin: 0; cursor: pointer; position: absolute; top: 1px; left: 1px; opacity: 0; z-index: 9; cursor: pointer; } 
.bottom_form_section .form_wrap .privacy_wrap input[type="checkbox"]:checked + i { background: #243AD3; border: 1px solid #243AD3; } 
.bottom_form_section .form_wrap .privacy_wrap input[type="checkbox"]:checked + i::before { border: solid #fff; border-width: 0 3px 3px 0; } 
.bottom_form_section .form_wrap .privacy_wrap i { width: 30px; height: 30px; border: 1px solid #C7CCD3; background: #fff; border-radius: 5px; margin-right: 15px; } 

.bottom_form_section .form_wrap .privacy_wrap i::before { content: ""; position: absolute; top: 8px; left: 11px; width: 7px; height: 14px; border: solid #C7CCD3; border-width: 0 3px 3px 0; transform: rotate(45deg); } 
.bottom_form_section .form_wrap .privacy_wrap label { letter-spacing: -2.0px; color: #666; font-weight: 400; cursor: pointer; font-size: 24px; } 
.bottom_form_section .form_wrap .privacy_wrap button { display: block; color: #fff; background: #686868; border-radius: 5px; padding: 8px 16px; font-size: 18px; letter-spacing: -1px; margin-left: 15px; } 
.bottom_form_section .form_wrap .btn_box {flex:1; }
.bottom_form_section .form_wrap .btn_box p { text-align: center; font-size: 20px; color: #7f7f7f; font-weight: 400; letter-spacing: -1px; } 
.bottom_form_section .form_wrap .btn_submit {width: 100%; display: flex; justify-content: center; align-items: center; background: #243AD3; color: #fff; padding: 18px 0px; border-radius: 5px; font-size: 26px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; margin-top: 20px; height: 75px;} 
.bottom_form_section .form_wrap .btn_submit span { font-size: 20px; font-weight: 400; color: #ffc09d; margin-right: 20px; } 
.bottom_form_section .form_wrap .btn_submit img { width: 30px; margin-left: 15px; } 

/* section5 */
.section5 { background: #333; color: #fff; padding: 60px 0; } 
.section5 h3 { margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -1px; } 
.section5 ul li { color: #999; position: relative; 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: #D7D7D7; font-size: 21px; font-weight: 800; margin-bottom: 25px; } 
.footer p { color: #999; font-size: 14px; line-height: 1.4; margin: 10px 0; letter-spacing: -1px; } 
.footer p:last-of-type { margin-bottom: 0; }