@charset "utf-8";
a { color: #333; text-decoration: none; } 
.container { width: 650px; margin: 0 auto; position: relative; } 
.notScroll { overflow: hidden; width: 100%; height: 100%; touch-action: none; } 
#wrap { position: relative; margin: 0 auto; } 
#sub_wrap { position: relative; margin: 0 auto; } 


/* form_wrap 입력폼 공통 */
.form_wrap form input,
.form_wrap form .tel_wrap select { font-size: 24px;  padding: 16px; font-weight: 600; height: 70px;	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: 24px; font-weight: 500; font-family: inherit; color: #333; cursor: pointer;}
.form_wrap .privacy_wrap button { font-size: 24px; 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: 42px; font-weight: 700; line-height: 1.3; letter-spacing: -1.8px;}
section .section_title p { font-size: 24px; line-height: 1.4; letter-spacing: -1px; margin-top: 24px;}
section .section_title p + p { margin-top: 16px;}
section .con_area p { font-size: 24px; line-height: 1.5; letter-spacing: -0.4px; color: #666;}
section .con_area p + p { margin-top: 40px;}
section .sec_con_item { margin: 40px 0;}
section .form_wrap { flex: 1; min-width: 0; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px;}
section .form_wrap h4 { font-size: 36px; 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: 30px; aspect-ratio: 1/1;}
section .form_wrap .privacy_wrap .input_box i:after { content:''; position: absolute; top: 2px; left: 9px; width: 8px; height: 17px; 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: 32px; font-weight: 500; padding: 20px 0; gap: 12px;}
section .form_wrap form .btn_wrap button img { width: 36px;}

/* section1 */
#section1 { padding-top: 60px;}
#section1 .con_item3 { border-radius: 20px; overflow: hidden;}
#section1 .con_item3 img { width: 100%;}
#section1 .con_item4 ul {
  height: fit-content;
}
#section1 .con_item4 ul li {background: #fff; border: 1px solid #ddd; padding: 35px 30px; box-sizing: border-box; text-align: center; border-radius: 20px; box-sizing: border-box; height: fit-content;}
#section1 .con_item4 ul li .img_wrap {width: 100%; height: 40px; display: flex; align-items: center; justify-content: center;}
#section1 .con_item4 ul li img {max-width: 220px;}
#section1 .con_item4 ul li p {font-size: 25px; font-weight: 600; border-top: 1px solid #ddd; padding-top: 25px; letter-spacing: -1px; color: #333; margin-top: 18px;}
#section1 .con_item4 ul li p b {color: #ff481d; font-weight: 800;}


/* section2 */
#section2 { margin: 60px 0;}
#section2 .sec_box + .sec_box { margin-top: 80px;}
#section2 .sec_title { margin-bottom: 30px;}
#section2 .sec_title h5 { font-size: 38px; font-weight: 700; letter-spacing: -2px;}

#section2 .sec_title h5 b { color: #007aff;}
#section2 .secBox1 .sec_con .con_box { padding: 30px 0; display: flex; flex-direction: column; 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 a { display: flex; gap: 16px; width: 100%; align-items: center;}
#section2 .secBox1 .main_issue .img_wrap { width: 280px; height: 180px; flex-shrink: 0; border-radius: 20px; overflow: hidden;}
#section2 .secBox1 .main_issue .img_wrap img { min-height: 100%; width: 100%;}
#section2 .secBox1 .main_issue p { flex: 1; min-width: 0; line-height: 1.3; font-size: 28px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: keep-all;}
#section2 .secBox1 .issue_list { display: flex; flex-direction: column; gap: 16px;}
#section2 .secBox1 .issue_item { position: relative; display: flex; align-items: center; gap: 4px;}
#section2 .secBox1 .issue_item::before {content: '·'; color: #666; font-size: 46px; line-height: 0;}
#section2 .secBox1 .issue_item.strong::before { color: #333;}
#section2 .secBox1 .issue_item a { font-size: 26px; 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 .secBox2 .contents_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
#section2 .secBox2 .contents_item { min-width: 0;}
#section2 .secBox2 .contents_item a { width: 100%; display: flex; flex-direction: column; }
#section2 .secBox2 .contents_item .img_wrap { width: 100%; height: 160px; border-radius: 20px; overflow: hidden;}
#section2 .secBox2 .contents_item .img_wrap img { width: 100%;}
#section2 .secBox2 .contents_item p { margin-top: 16px; font-size: 28px; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -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: 8px;}
#sub_wrap .section_title .back-btn { width: 50px;}
#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 { position: relative; } 
.info_list_wrap > ul > li .title_left { display: flex; flex-direction: column; } 
.info_list_wrap > ul > li .title_left img { width: 230px; } 

.info_list_wrap > ul > li .title_left h5 { font-size: 22px; letter-spacing: -1px; color: #7c7c7c; margin-top: 34px;} 
.info_list_wrap > ul > li .title_left h3 { font-size: 41px; font-weight: 600; letter-spacing: -2.5px; margin-top: 30px; line-height: 1.3; } 
.info_list_wrap > ul > li .title_left h3 b { color: #007F41; } 

.info_list_wrap > ul > li .title_right p { font-size: 23px; color: #7D7D7E; line-height: 1.4; letter-spacing: -1.7px; font-weight: 500;   position: absolute; top: 0; right: 0; text-align: right; } 
.info_list_wrap > ul > li .title_right p b { color: #282a29; font-weight: 600; font-size: 23px; }
.info_list_wrap > ul > li .title_right .apply_btn { background: #007F41; font-size: 27px; font-weight: 500; color: #fff; padding: 25px 100px; margin-top: 35px; border-radius: 10px; letter-spacing: -1.5px; } 

.info_list_wrap .content_container { padding: 24px 35px; 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: 24px; font-weight: 500; letter-spacing: -0.8px; color: #7D7D7E; word-break: keep-all; line-height: 1.6; } 

.db_wrap .content_container ul li b { color: #007F41; font-weight: 700; } 
.info_list_wrap > ul > .db_wrap .title_left h3 { margin-top: 20px;}

.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 b { color: #EF7D00; margin-top: 16; } 
.info_list_wrap > ul > .hd_wrap .title_right .apply_btn { background: #003070; } 
.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 { margin-top: 20px;}
.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: #333333; color: #fff; padding: 60px 0; } 
#section_ft h3 { color: #fff; margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -1px; } 
#section_ft ul li { color: #999; position: relative; padding-left: 15px; font-size: 18px; line-height: 1.4; margin-bottom: 10px; letter-spacing: -.5px; } 
#section_ft ul li:last-child { margin-bottom: 0; } 

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