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


/* form_wrap 입력폼 공통 */
.form_wrap form input,
.form_wrap form .tel_wrap select { font-size: 20px;  padding: 16px; font-weight: 600; height: 60px; border-radius: 5px;}
.form_wrap form input::placeholder { font-weight: 400;}
.form_wrap .privacy_wrap { display: flex; align-items: center;}
.form_wrap .privacy_wrap .input_box { position: relative; margin-right: 10px;}
.form_wrap .privacy_wrap .input_box input[type="checkbox"] { height: auto; margin: 0; position: absolute; opacity: 0; z-index: 1;}
.form_wrap .privacy_wrap .input_box i { border: 1px solid #ccc; background-color: #fff; border-radius: 3px; display: inline-block; box-sizing: border-box; position: relative;}
.form_wrap .privacy_wrap .input_box input[type="checkbox"]:checked + i { background-color: #007aff; border: transparent;}
.form_wrap .privacy_wrap label{ font-size: 20px; font-weight: 500; font-family: inherit; color: #333; cursor: pointer;}
.form_wrap .privacy_wrap button { font-size: 20px; color: #999; font-weight: 400; margin-left: 8px; position: relative;}
.form_wrap .privacy_wrap button::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #999; }


/* section */
section .section_title { margin-bottom: 50px;}
section .section_title h2 { font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -1px;}
section .section_title p { font-size: 20px; line-height: 1.2; letter-spacing: -1px; margin-top: 16px;}
section .section_title p + p { margin-top: 4px;}
section .con_area p { font-size: 20px; line-height: 1.5; letter-spacing: -0.4px; color: #666;}
section .con_area p + p { margin-top: 40px;}
section .sec_con_item { margin: 30px 0;}
section .form_box { display: flex;}
section .form_wrap { flex: 1; min-width: 0; border: 1px solid #ccc; border-right: none; border-radius: 20px 0 0 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px;}
section .form_wrap h4 { font-size: 30px; font-weight: 700; margin-bottom: 30px;}
section .form_wrap form { display: flex; flex-direction: column; width: 100%;}
section .form_wrap form .tel_wrap { display: flex; align-items: center; gap: 16px; margin-top: 16px;}
section .form_wrap form .tel_wrap select { flex-shrink: 0; width: 130px;}
section .form_wrap form input { flex: 1; min-width: 0; }
section .form_wrap .privacy_wrap { margin-top: 16px;}
section .form_wrap .privacy_wrap .input_box input[type="checkbox"],
section .form_wrap .privacy_wrap .input_box i { width: 24px; aspect-ratio: 1/1;}
section .form_wrap .privacy_wrap .input_box i:after { content:''; position: absolute; top: 2px; left: 7px; width: 6px; height: 13px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(45deg);}
section .form_wrap form .btn_wrap { display: flex; align-content: center; gap: 16px; margin-top: 30px;}
section .form_wrap form .btn_wrap button { flex: 1; min-width: 0;  border-radius: 5px; background: #007aff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; font-weight: 500; padding: 20px 0; gap: 4px;}
section .form_wrap form .btn_wrap button img { width: 20px;}
section .form_con_item { flex-shrink: 0;}

/* section1 */
#section1 { padding-top: 80px;}
#section1 .con_item3 ul {height: fit-content;}
#section1 .con_item3 ul li {border: 1px solid #ddd; padding: 30px 35px; border-radius: 15px; background: #fff; text-align: center;
box-sizing: border-box; height: fit-content;}
#section1 .con_item3 ul li .img_wrap {width: 160px; height: 30px; display: flex; align-items: center; justify-content: center;}
#section1 .con_item3 ul li p {font-size: 20px; font-weight: 700; letter-spacing: -1px; text-align: center; padding-top: 25px; margin-top: 20px; border-top: 1px solid #ddd;}
#section1 .con_item3 ul li p b {color: #ff481d; font-weight: 800;}

/* section2 */
#section2 { margin: 60px 0;}
#section2 .sec_box + .sec_box { margin-top: 50px;}
#section2 .sec_title { margin-bottom: 30px;}
#section2 .sec_title h5 { font-size: 30px; font-weight: 600; letter-spacing: -1px;}

#section2 .sec_title h5 b { color: #007aff;}
#section2 .secBox1 .sec_con .con_box { padding: 30px 0; display: flex; gap: 30px;}
#section2 .secBox1 .sec_con .con_box:first-child { padding-top: 0;}
#section2 .secBox1 .sec_con .con_box:last-child { padding-bottom: 0;}
#section2 .secBox1 .sec_con .con_box + .con_box { border-top: 1px solid #ccc;}
#section2 .secBox1 .main_issue { width: 400px;}
#section2 .secBox1 .main_issue a { display: flex; flex-direction: column; gap: 16px; width: 100%;}
#section2 .secBox1 .main_issue a:hover .img_wrap img { transform: scale(1.1);}
#section2 .secBox1 .main_issue a:hover p { color: #bf1a1a; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px;}
#section2 .secBox1 .main_issue .img_wrap { width: 100%; height: 150px; border-radius: 20px; overflow: hidden;}
#section2 .secBox1 .main_issue .img_wrap img { transition: all 0.3s;}
#section2 .secBox1 .main_issue p { line-height: 1.3; font-size: 22px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: keep-all;}
#section2 .secBox1 .issue_list { display: flex; flex-direction: column; justify-content: space-around;}
#section2 .secBox1 .issue_item { position: relative; display: flex; align-items: center; gap: 4px;}
#section2 .secBox1 .issue_item::before {content: '·'; color: #666; font-size: 30px;}
#section2 .secBox1 .issue_item.strong::before { color: #333;}
#section2 .secBox1 .issue_item a { font-size: 22px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}
#section2 .secBox1 .issue_item.strong a { font-weight: 600; color: #333;}
#section2 .secBox1 .issue_item a:hover { color: #bf1a1a; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px}

#section2 .secBox2 .contents_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
#section2 .secBox2 .contents_item a { width: 100%; display: flex; flex-direction: column; }
#section2 .secBox2 .contents_item a:hover .img_wrap img {transform: scale(1.1);}
#section2 .secBox2 .contents_item a:hover p { color: #bf1a1a; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 1px;}
#section2 .secBox2 .contents_item .img_wrap { width: 100%; height: 300px; border-radius: 20px; overflow: hidden;}
#section2 .secBox2 .contents_item .img_wrap img { transition: all 0.3s;}
#section2 .secBox2 .contents_item p { margin-top: 16px; font-size: 22px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}


/* sub_page */
#sub_wrap .section_title{ display: flex; align-items: center; gap: 20px;}
#sub_wrap .section_title .back-btn { width: 60px;}
#sub_wrap .section_title .back-btn img { width: 100%;}
.info_list_wrap > ul > li:not(:last-child) { margin-bottom: 75px; } 
.info_list_wrap > ul > li .title_container { display: flex; align-items: flex-end; justify-content: space-between; } 
.info_list_wrap > ul > li .title_left h3 { font-size: 41px; font-weight: 600; letter-spacing: -2px; margin-top: 24px; line-height: 1.23;} 
.info_list_wrap > ul > li .title_left h3 b { color: #007F41; font-weight: 700;} 
.info_list_wrap > ul > li .title_left h5 { font-size: 32px; margin-top: 24px; font-weight: 500; letter-spacing: -1px;} 
.info_list_wrap > ul > li .title_left img { width: 235px; } 
.info_list_wrap > ul > li .title_left p { font-weight: 500; letter-spacing: -1px; color: #7D7D7E; font-size: 22px; margin-top: 17px; } 
.info_list_wrap > ul > li .title_right { display: flex; flex-direction: column; align-items: flex-end; } 
.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; } 
.info_list_wrap > ul > li .title_right p b { color: #282a29; font-weight: 600; font-size: 19px;}
.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; } 

.info_list_wrap .content_container { padding: 35px 50px; background: #F5F6F7; margin-top: 40px; border-radius: 20px; } 
.info_list_wrap .content_container ul { display: flex; flex-direction: column; } 
.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; } 

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

.info_list_wrap > ul > .axa_wrap .title_left .logo_axa { width: 185px; } 
.info_list_wrap > ul > .axa_wrap .title_right .apply_btn { background: #153278; } 
.info_list_wrap .axa_wrap .content_container ul li b { color: #153278; font-weight: 700; } 
.info_list_wrap .axa_wrap .content_container ul li.mar_top { margin-top: 30px; } 
.info_list_wrap .content_container ul li.sm { color: #aeaeae; font-weight: 400; font-size: 19px; } 
.info_list_wrap .content_container ul li strong { color: #1a1a1a; font-weight: 700; } 
.info_list_wrap > ul > .hw_wrap .title_left .logo_hw { width: 250px; } 
.info_list_wrap > ul > .hw_wrap .title_left h3 b { color: #EC7200; } 
.info_list_wrap > ul > .hw_wrap .title_right .apply_btn { background-color: #EC7200; } 
.info_list_wrap .hw_wrap .content_container ul li b { color: #EC7200; font-weight: 700; } 
.info_list_wrap > ul > .hk_wrap .title_left h3 b { color: #E3007F; } 
.info_list_wrap > ul > .hk_wrap .title_left .logo_hk { width: 180px; } 
.info_list_wrap > ul > .hk_wrap .title_right .apply_btn { background-color: #E3007F; } 
.info_list_wrap .hk_wrap .content_container ul li b { color: #E3007F; font-weight: 700; } 




/* section_ft */
#section_ft { background: #333; color: #fff; padding: 60px 0; } 
#section_ft h3 { margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -1px; color: #fff;} 
#section_ft ul li { color: #999; position: relative; font-size: 15px; line-height: 1.4; margin-bottom: 10px; letter-spacing: -.5px; } 
#section_ft ul li:last-child { margin-bottom: 0; } 
/* #section_ft 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; }