@charset "UTF-8";body { min-width: 1200px; position: relative; } 
#wrap { position: relative; } 
.container { width: 1200px; margin: 0 auto; position: relative; } 
.notScroll { overflow: hidden; width: 100%; height: 100vh; touch-action: none; } 
.color { color: var(--main-color); } 
br.mo { display: 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-text-fill-color: #111 !important; } 

/* header */
header { height: 85px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } 
header .container { display: flex; align-items: center; justify-content: space-between; } 
header .logo { display: flex; flex-direction: column; } 
header .logo img { width: 150px; } 
header .logo p { margin-top: 10px; font-size: 16px; } 
header .hd-menu { display: flex; align-items: center; gap: 8px; } 
header .hd-item { padding: 12px 20px; border-radius: 100px; } 
header .hd-item.item1 { background-color: #E00C7A50; color: #fff; font-size: 16px; } 
header .hd-item.item1 #current-date { font-weight: 600; margin-left: 12px; } 
header .hd-item.item2 { background-color: var(--main-color); color: #fff; font-size: 16px; } 

/* 공통 */
.form_wrap ul { display: flex; flex-direction: column; gap: 12px; } 
.form_wrap ul li { display: flex; align-items: center; width: 100%; gap: 10px; } 
.form_wrap .form_cover { border-radius: 10px; background-color: #f8f8f8; display: flex; align-items: center; flex: 1; min-width: 0; padding: 0 20px; height: 55px; } 
.form_wrap .form_cover label { flex-shrink: 0; min-width: 95px; font-size: 18px; cursor: pointer; font-weight: 500; } 
.form_wrap .form_cover label .required_mark { color: #ff0202; margin-left: 3px; font-weight: 700; } 
.form_wrap .form_cover input { font-size: 20px; } 
.form_wrap .sex_cover { display: flex; gap: 12px; } 
.form_wrap .sex_box { display: flex; align-items: center; gap: 4px; } 
.form_wrap .sex_box label { cursor: pointer; font-size: 16px; } 
.form_wrap .sex_box .radio_wrap { position: relative; } 
.form_wrap .sex_box .radio_wrap input[type='radio'] { position: absolute; margin: 0; z-index: 1; opacity: 0; cursor: pointer; } 
.form_wrap .sex_box .radio_wrap input[type='radio'],
.form_wrap .sex_box .radio_wrap i { width: 22px; aspect-ratio: 1/1; } 
.form_wrap .sex_box .radio_wrap i { border: 2px solid #ccc; position: relative; display: block; border-radius: 100%; } 
.form_wrap .sex_box .radio_wrap input[type='radio']:checked + i { border: 2px solid var(--main-color); } 
.form_wrap .sex_box .radio_wrap input[type='radio']:checked + i::after { content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:var(--main-color); width: 10px; aspect-ratio: 1/1; border-radius: 100%; } 

.form_wrap .privacy_wrap { display: flex; flex-direction: column; gap: 6px; } 
.form_wrap .privacy_box { display: flex; align-items: center; font-size: 16px; } 
.form_wrap .privacy_box .chkbox_wrap { position: relative; margin-right: 10px; } 
.form_wrap .privacy_box input[type='checkbox'] { position: absolute; margin: 0; opacity: 0; z-index: 1; cursor: pointer; } 
.form_wrap .privacy_box input[type='checkbox'],
.form_wrap .privacy_box i { width: 24px; aspect-ratio: 1/1; } 
.form_wrap .privacy_box i { position: relative; border: 2px solid #ccc; border-radius: 100%; display: block; } 
.form_wrap .privacy_box i::after { content: ''; position: absolute; width: 4px; height: 8px; border: solid #ccc; border-width: 0 2px 2px 0; transform: rotate(45deg); top: 4px; left: 7px; } 
.form_wrap .privacy_box input[type='checkbox']:checked + i { background-color: var(--main-color); border: 2px solid var(--main-color); } 
.form_wrap .privacy_box input[type='checkbox']:checked + i::after { border: solid #fff; border-width: 0 2px 2px 0; } 
.form_wrap .privacy_box label { cursor: pointer; } 
.form_wrap .privacy_box label b { color: #ff0202; } 
.form_wrap .privacy_box .pri_btn { margin-left: 8px; position: relative; color: #a6a6a6; } 
.form_wrap .privacy_box .pri_btn::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #e0e0e0; } 


section { margin-top: 120px; } 
.sec_title { display: flex; flex-direction: column; align-items: center; } 
.sec_title span { border-radius: 50px; padding: 10px 15px; background-color: #efebfe; color: var(--main-color); font-size: 24px; display: inline-block; margin-bottom: 16px; font-weight: 600; } 
.sec_title p { font-size: 24px; color: #444; } 
.sec_title h3 { font-size: 30px; font-weight: 700; margin-top: 27px; margin-bottom: 10px; } 
.sec_title h2 { font-size: 40px; font-weight: 700; line-height: 1.2; text-align: center; } 

/* section-visual */
.section-visual { padding: 0 2.1vw; margin: 0; position: relative; max-width: 1960px; margin: 0 auto; } 
.section-visual .sec_wrap { border-radius: 60px 0 60px 60px; padding: 160px 0 80px; box-sizing: border-box; position: relative; overflow: hidden; } 
.section-visual .sec_wrap::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background-size: cover; background-position: center; animation: rotateGradient 4s linear infinite; z-index: -1; animation-delay: 1s;} 


@keyframes rotateGradient { 
 0% { transform: rotate(0deg) scale(1.5); } 
 100% { transform: rotate(360deg) scale(1.5); } 
 }
.section-visual .sec_wrap .deco { position: absolute; z-index: -1; } 
.section-visual .sec_wrap .deco1 { background: url(../img/vis_deco1.png) no-repeat center / contain; width: 148px; aspect-ratio: 1/1; left: 20%; bottom: -30px; } 
.section-visual .sec_wrap .deco2 { background: url(../img/vis_deco2.png) no-repeat center / contain; width: 390px; height: 380px; top: -8%; right: 7%; } 
.section-visual .sec_wrap .container { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap; } 
.section-visual .visualtxt_wrap { width: 650px; min-width: 0; position: relative; } 
.section-visual .visualtxt_wrap .title_wrap span { font-size: 23px; line-height: 1.3; font-weight: 500; } 
.section-visual .visualtxt_wrap .title_wrap h2 { font-size: 58px; line-height: 1.3; } 
.section-visual .visualtxt_wrap .title_wrap h2 b { font-weight: 700; display: inline; background: linear-gradient(to top, #fff 65%, transparent 30%); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 3px 2px; letter-spacing: -2px; } 
.section-visual .visualtxt_wrap .title_wrap p { font-size: 29px; margin-top: 26px; } 
.section-visual .decoimg_wrap { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 2; width: 1200px; margin: 0 auto; } 
.section-visual .decoimg_wrap .deco_inner { position: relative; } 
.section-visual .decoimg_wrap .deco3 { animation: moveUp 3s infinite; left: 346px; bottom: 0; position: absolute; } 
.section-visual .decoimg_wrap .deco4 { animation: moveDown 3s infinite; left: 542px; bottom: 0; position: absolute; } 

@keyframes moveUp { 
 0% { transform: translateY(0); } 
 50% { transform: translateY(-30px); } 
 100% { transform: translateY(0px); } 
 }

@keyframes moveDown { 
 0% { transform: translateY(0); } 
 50% { transform: translateY(30px); } 
 100% { transform: translateY(0px); } 
 }

.section-visual .form_wrap { position: relative; } 
.section-visual .form_wrap .form_bg { position: absolute; transform: translate(18px, -8px); background-color: var(--main-color); border-radius: 60px 68px 60px 0; z-index: 0; width: 98%; height: 98%; top: 0; } 
.section-visual .form_wrap form { width: 530px; height: 100%; padding: 45px; background: #fff; border-radius: 60px 60px 60px 0; position: relative; z-index: 1; } 
.section-visual .form_wrap .form_title { margin-bottom: 30px; } 
.section-visual .form_wrap .form_title h3 { font-size: 31px; font-weight: 600; } 
.section-visual .form_wrap .form_title h3 span { font-weight: 800; } 
.section-visual .form_wrap .form_title p { font-size: 21px; margin-top: 8px; font-weight: 600; } 
.section-visual .form_wrap .privacy_wrap { margin-top: 10px; } 
.section-visual .form_wrap .confirm_wrap button { width: 100%; padding: 16px; border-radius: 50px; color: #fff; font-size: 20px; font-weight: 600; margin-top: 20px; } 

.section-visual .gnb_wrap { border-radius: 15px; overflow: hidden; box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 29px 0px; margin-bottom: 65px; width: 100%; } 
.section-visual .gnb_wrap ul { display: none; } 
.section-visual .gnb_wrap ul.active { display: flex; } 
.section-visual .gnb_wrap ul li { width: calc(100% / 2); background: #fff; } 
.section-visual .gnb_wrap ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; height: 120px; gap: 12px; font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #666; } 
.section-visual .gnb_wrap ul li.active a { border: 1px solid var(--main-color); border-radius: 15px; background: #fff; color: var(--main-color); font-weight: 700; } 



/* section1 */
.section1 .sec_con { background-color: #f8f8f8; border: 1px solid #f0f0f0; border-radius: 20px; padding: 40px 120px 0; margin-top: 48px; } 
.section1 .sec_con .verti { height: 560px; } 
.section1 .sec_con ul { display: flex; flex-direction: column; } 
.section1 .sec_con ul li { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 20px; padding: 24px 36px; height: 128px; } 
.section1 .sec_con .title_wrap h4 { font-size: 20px; font-weight: 700; margin-bottom: 16px; } 
.section1 .sec_con .bottom_wrap { display: flex; align-items: center; justify-content: space-between; } 
.section1 .sec_con .left_wrap { width: 150px; height: 40px; } 
.section1 .sec_con .left_wrap img { max-width: 150px; width: auto; height: 100%; } 
.section1 .sec_con .left_wrap.logo_sam,
.section1 .sec_con .left_wrap.logo_hd { height: 30px; } 
.section1 .sec_con .right_wrap { display: flex; align-items: center; gap: 30px; } 
.section1 .sec_con .right_wrap .fee_wrap span { font-size: 18px; color: #444; } 
.section1 .sec_con .right_wrap .fee_wrap b { background-color: #efebfe; display: inline-block; font-size: 24px; font-weight: 800; color: var(--main-color); padding: 4px 14px; border-radius: 5px; margin-left: 12px; } 
.section1 .sec_con .right_wrap .btn_wrap { display: flex; align-items: center; gap: 10px; } 
.section1 .sec_con .right_wrap .btn_wrap button { width: 150px; height: 50px; border-radius: 10px; font-size: 18px; font-weight: 600; } 
.section1 .sec_con .right_wrap .btn_wrap button.check_btn { border: 1px solid var(--main-color); color: var(--main-color); } 
.section1 .sec_con .right_wrap .btn_wrap button.apply_btn { color: #fff; } 


/* section2 */
.section2 .sec_con { margin-top: 46px; } 
.section2 .con_list { display: grid; grid-template-columns: repeat( 2, 330px); justify-content: center; gap: 20px; } 
.section2 .con_item { padding: 30px 24px; border-radius: 30px; position: relative; overflow: hidden; } 
.section2 .con_item::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); width: 230px; aspect-ratio: 1/1; border-radius: 100%; } 
.section2 .con_item h5 { font-size: 24px; font-weight: 700; } 
.section2 .con_item p { font-size: 18px; line-height: 1.3; margin-top: 20px; color: #444; font-weight: 500; } 
.section2 .con_item .img_wrap { width: 100%; display: flex; justify-content: center; margin-top: 20px; position: relative; z-index: 1; } 
.section2 .con_item:nth-child(1) { background-color: #f5f2fd; } 
.section2 .con_item:nth-child(1)::before { background-color: #eeeafd; } 
.section2 .con_item:nth-child(1) h5 { color: #6830d9; } 
.section2 .con_item:nth-child(2) { background-color: #fff8de; } 
.section2 .con_item:nth-child(2)::before { background-color: #fdf2ce; } 
.section2 .con_item:nth-child(2) h5 { color: #f97b13; } 
.section2 .con_item:nth-child(2) .img_wrap { justify-content: flex-end; } 
.section2 .con_item:nth-child(2) .img_wrap img { transform: translateX(24px); } 
.section2 .con_item:nth-child(3) { background-color: #ecf4ff; } 
.section2 .con_item:nth-child(3)::before { background-color: #e1f1ff; } 
.section2 .con_item:nth-child(3) h5 { color: #2771f9; } 
.section2 .con_item:nth-child(4) { background-color: #fdefee; } 
.section2 .con_item:nth-child(4)::before { background-color: #ffe3e5; } 
.section2 .con_item:nth-child(4) h5 { color: #f14a57; } 



/* section3 */ 
.section3 { margin: 120px 40px 0 40px; background-color: #f8f9ff; padding: 60px 0; border-radius: 60px; } 
.section3 .sec_title { align-items: flex-start; } 
.section3 .sec_title h2 { text-align: left; } 
.section3 .sec_title .bohum_step { display: flex; align-items: center; gap: 40px; margin: 20px 0 16px; } 
.section3 .sec_title .bohum_step span { margin: 0; position: relative; font-weight: 500; } 
.section3 .sec_title .bohum_step span:after { content: '→'; position: absolute; top: 50%; left: calc(100% + 20px); transform:translate(-50%, -50%); } 
.section3 .sec_title .bohum_step span:last-child::after { display: none; } 
.section3 .sec_con { margin-top: 40px; } 
.section3 .form_wrap { position: relative; } 
.section3 .icon1 { position: absolute; top: -176px; right: 30px; } 
.section3 .form_wrap form { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 0 60px 60px 60px; padding: 40px 60px; position: relative; z-index: 1; display: flex; align-items: flex-end; gap: 30px; } 
.section3 .form_wrap form ul { flex: 1; min-width: 0; } 
.section3 .form_wrap form .name_cover { max-width: 480px; } 
.section3 .form_wrap form .gender_wrap { display: flex; align-items: center; gap: 12px; } 
.section3 .form_wrap form .right_wrap { flex-shrink: 0;align-self: stretch;} 
.section3 .form_wrap .bottombtn_wrap {
  height: 100%;
}
.section3 .form_wrap .bottombtn_wrap button { width: 100%; height: 100%; border-radius: 10px; color: #fff; font-size: 20px; font-weight: 600; padding: 0 20px; } 


/* section-ft */
.section-ft { padding: 60px 0; width:100%; margin: 0; } 
.section-ft h3 { font-size: 24px; font-weight: 700; } 
.section-ft ul { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; } 
.section-ft ul li { position:relative; font-size: 17px; line-height: 20px; color: #444; } 
.section-ft p { font-size: 16px; line-height: 25px; } 

@media (max-width: 1380px){
 .section-visual { padding: 0; } 
 .section-visual .sec_wrap { border-radius: 0; } 
 }

/* footer */
.footer { position:relative; z-index:11; font-family:Pretendard !important; padding: 0 40px; overflow: hidden; } 
.footer::after { content:''; position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: #282a29; } 
.footer .f_inner { background: #282a29; border-radius: 60px 0 0 0; padding: 25px 0; } 
.footer .con { width: 1200px; margin: 0 auto; position: relative; text-align: left; font-family:Pretendard !important } 
.footer .flogo { display: inline-block; vertical-align: top; margin: 15px 0 0 0; font-family:Pretendard !important } 
.footer p { margin: 12px 0; color:#999; text-align: left; font-size: 15px; line-height:1.4; font-family:Pretendard !important } 

@media (max-width: 1380px){
 .footer { padding: 0; } 
.footer .f_inner { border-radius: 0; } 
 }

/* total_wrap - contents.php */
.insu_wrap { display: none; } 
.insu_wrap.active { display: block; } 
.total_wrap { margin-top: 120px; } 

/* total_section1 */
.total_section1 { } 
.total_section1 .contents { margin-top: 50px; display: flex; gap: 20px; justify-content: center; } 
.total_section1 .specialty_list { } 
.total_section1 .specialty_item { background: #fff; border-radius: 20px; padding: 30px; flex: 1; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } 
.total_section1 .specialty_item .icon_wrap { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } 

.total_section1 .specialty_item .icon_wrap img { width: 70px; height: 70px; } 
.total_section1 .specialty_item h3 { font-size: 24px; font-weight: 700; } 
.total_section1 .specialty_item .detail_list { display: flex; flex-direction: column; gap: 12px; } 
.total_section1 .specialty_item .detail_list li { font-size: 18px; color: #363636; } 

/* total_section2 */
.total_section2 { } 
.total_section2 .contents { margin-top: 60px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } 
.total_section2 .checklist_item { background: #fff; border-radius: 20px; padding: 32px; border: 1px solid; position: relative; } 
.total_section2 .checklist_item.item_pink { border-color: var(--main-color); background: #FFFAFD; } 
.total_section2 .checklist_item.item_pink h3 { color: var(--main-color); } 
.total_section2 .checklist_item.item_purple { border-color: #6830D9; background: #FBF9FF; } 
.total_section2 .checklist_item.item_purple h3 { color: #6830D9; } 
.total_section2 .checklist_item.item_blue { border-color: #2771F9; background: #F4F8FF; } 
.total_section2 .checklist_item.item_blue h3 { color: #2771F9; } 
.total_section2 .checklist_item.item_orange { border-color: #F97B13; background: #FFF9F4; } 
.total_section2 .checklist_item.item_orange h3 { color: #F97B13; } 
.total_section2 .checklist_item .check_icon { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } 
.total_section2 .checklist_item .check_icon img { width: 25px; height: 25px; } 
.total_section2 .checklist_item h3 { font-size: 24px; font-weight: 700; } 
.total_section2 .checklist_item .check_content { display: flex; flex-direction: column; gap: 12px; } 
.total_section2 .checklist_item .check_content p { font-size: 18px; line-height: 1.4; color: #363636; } 
.total_section2 .checklist_item .check_content p strong { font-weight: 700; display: block; color: #000; } 

/* silbi_section1 */
.silbi_wrap { padding: 40px 0; } 
.silbi_wrap section:not(:last-of-type) { margin-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #ddd; } 
.silbi_section1 .container { display: flex; justify-content: space-between; } 
.bubble_box { display: flex; flex-direction: column; gap: 40px; } 

.q_bubble {background-color: #fff;border-radius: 15px;padding: 25px;position: relative;box-shadow: 6px 4px 12px 5px rgba(0, 0, 0, 0.05);max-width: 350px; } 
.q_bubble h2 {font-size: 19px;font-weight: 700; } 
.q_bubble h2 b { color: #00C3D0; } 

.triangle { position: absolute; top: 90%; left: 13px; width: 0px; height: 0px; border-top: 23px solid #f5f5f5; border-left: 20px solid transparent; border-right: 20px solid transparent; filter: drop-shadow(0px 1px 7px rgba(100, 100, 100, 0.15)); transform: rotate(268deg); z-index: -1; } 
.triangle-white { position: absolute; top: 70%; left: 13px; width: 0px; height: 0px; border-top: 25px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; z-index: 31; transform: rotate(255deg); } 
.a_bubble { background-color: #99F0FF; border-radius: 15px; padding: 30px; position: relative; margin-left: 100px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); max-width: 410px; } 
.a_bubble p {font-weight: 700;font-size: 19px; line-height: 1.4; margin-bottom: 10px; } 
.a_bubble ul {list-style: none;padding: 0;margin: 0;text-align: left; } 
.a_bubble ul li { position: relative; font-size: 18px; color: #555; line-height: 1.4; } 
.a_bubble .triangle-white { top: 93%; transform: rotate(90deg); border-top: 23px solid #99F0FF; left: 87%; } 
.silbi_compare_wrap { display: flex; gap: 10px; align-items: center; width: 100%; justify-content: center; } 
.silbi_compare_table { flex: 1; background: #fff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); padding: 30px 20px; } 
.silbi_compare_table.type_x { color: #555; } 
.silbi_compare_table .table_title { font-size: 24px; font-weight: 600; text-align: center; padding-bottom: 30px; } 

.silbi_compare_wrap .arrow_icon { width: 30px; height: 30px; flex-shrink: 0; } 
.silbi_compare_wrap .arrow_icon img { width: 100%; height: 100%; object-fit: contain; } 

.silbi_section2 .bubble_box { display: flex; flex-direction: row; justify-content: space-between; gap: 60px; } 
.silbi_section2 .bubble_box .q_bubble { height: fit-content; max-width: fit-content; } 
.silbi_section2 .bubble_box .a_bubble { flex: 1; margin-left: 0; max-width: 100%; padding: 30px 50px; } 
.info { font-size: 14px; color: #555; line-height: 1.4; margin-top: 30px; } 
.silbi_section2 .a_bubble .triangle-white { top: 95%; left: 93%; } 
.silbi_section3 .container { display: flex; justify-content: space-between; } 
.silbi_section3 .a_bubble { margin-left: 155px; } 
.silbi_section3 .chart {}
.silbi_section3 .chart h4 { font-size: 19px; text-align: center; font-weight: 700; margin-bottom: 20px; } 
.silbi_section3 .chart p { font-size: 18px; color: #0199A3; line-height: 1.4; margin-bottom: 20px; } 

/* cancer_section1 */
.cancer_section1 {}
.contents {display: flex;justify-content: space-between;gap: 40px;margin-top: 30px; } 

.check_section {flex: 1; } 

.section_header {display: flex;gap: 10px;margin-bottom: 25px; } 

.number_icon {width: 35px;height: 35px;border-radius: 50% 50% 50% 0;background-color: var(--main-color);color: #fff;font-size: 20px;display: flex;align-items: center;justify-content: center;flex-shrink: 0; } 

.section_header h3 {font-size: 28px;font-weight: 700;line-height: 1.4; } 

.check_items {display: flex;flex-direction: column;gap: 15px; } 

.check_item {border: 1px solid #ddd;border-radius: 12px;padding: 30px 25px;display: flex;align-items: center;gap: 15px; } 

.check_item .item_number {color: #6830d9;font-size: 20px;font-weight: 700;flex-shrink: 0; } 

.check_item .item_text {font-size: 20px;color: #333; } 

.compare_boxes {display: flex;gap: 20px; } 

.compare_box {flex: 1;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 12px;overflow: hidden; } 

.compare_box h4 {padding: 18px 20px;font-size: 20px;font-weight: 600;text-align: center; } 

.compare_box.renewable h4 {background-color: #efebfe;color: #6830d9; } 

.compare_box.non_renewable h4 {background-color: #ffe5e5;color: #f14a57; } 

.compare_box .box_content {padding: 20px 35px; } 

.compare_box .box_content li {font-size: 18px;color: #333;line-height: 1.6; } 

/* cancer_section2 */
.cancer_section2 { } 
.cancer_section2 .contents {display: flex;justify-content: space-between;gap: 40px;margin-top: 30px; } 

.cancer_section2 .left_section {flex-shrink: 0; } 

.cancer_section2 .right_section {flex: 1; display: flex; flex-direction: column;margin-bottom: 20px; } 
.cancer_section2 .right_section .row { display: flex; gap: 20px; } 
.cancer_section2 .period_box {flex: 1;background-color: #f8f8f8;border-radius: 15px;padding: 35px 20px; } 

.cancer_section2 .period_box h4 {font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 15px; } 
.cancer_section2 .period_box p { font-size: 18px; color: #333; line-height: 1.4; text-align: center; } 
.cancer_section2 .cta_banner {background-color: #efebfe;border-radius: 12px;padding: 20px 30px;display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 20px; } 
.cancer_section2 .cta_banner .cta_text {font-size: 22px;color: #6830d9;font-weight: 600; } 

/* cancer_section3 */
.cancer_section3 { } 
.cancer_section3 .contents {display: flex;justify-content: space-between;gap: 100px;margin-top: 30px; } 
.cancer_section3 .right_section {flex: 1; display: flex;gap: 20px; } 

.recommend_card {flex: 1;background-color: #fff;border-radius: 20px;padding: 30px 25px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);display: flex;flex-direction: column;align-items: center; gap: 15px; } 

.recommend_card h4 {font-size: 24px;font-weight: 700; } 
.recommend_card.card_pink h4 {color: #e91e63; } 
.recommend_card.card_purple h4 {color: #6830d9; } 
.recommend_card.card_blue h4 {color: #2196f3; } 
.recommend_card.card_yellow h4 {color: #F97910; } 
.recommend_card p {font-size: 18px;color: #333; } 

.recommend_card .card_description {font-size: 18px;color: #333;line-height: 1.6; } 
.recommend_card .info { margin-top: 0;font-size: 18px;color: #333; width: 100%; } 
.recommend_card .info b { font-weight: 700; } 
.recommend_card.card_pink .info b {color: #e91e63; } 
.recommend_card.card_purple .info b {color: #6830d9; } 
.recommend_card.card_blue .info b {color: #2196f3; } 

/* cancer_section4 */
.cancer_section4 { } 
.cancer_section4 .contents {display: flex;justify-content: space-between;gap: 100px; } 
.cancer_section4 .right_section {flex: 1;display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px; } 

.cancer_section4 .right_section li {background-color: #fff;border: 1px solid #e0e0e0;border-radius: 15px;padding: 30px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); } 
.cancer_section4 .right_section li img {margin-bottom: 10px; } 
.cancer_section4 .right_section li h4 {font-size: 20px;font-weight: 600;line-height: 1.4; } 

/* dementia_section1 */
.dementia_section1 {}
.dementia_info_box {background-color: #F8F8F8;border-radius: 20px;padding: 50px;width: 100%; } 
.dementia_info_box h3 {font-size: 30px;font-weight: 700;margin-bottom: 25px; } 
.dementia_info_box h3 b {color: var(--main-color); } 
.dementia_section1 p {font-size: 18px;color: #333;line-height: 1.6; } 
.dementia_section1 p:not(:last-child) {margin-bottom: 15px; } 
.dementia_section1 p b {font-weight: 700; } 

/* dementia_section2 */
.dementia_section2 .sec_title {margin-bottom: 50px; } 
.dementia_checklist {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px; } 
.dementia_checklist li {background-color: #fff;border-radius: 15px;padding: 35px 47px; } 
.dementia_checklist li h4 {display: flex;align-items: center;gap: 10px;font-size: 24px;font-weight: 700;margin-bottom: 20px; } 
.dementia_checklist li h4 img {width: 24px;height: 24px;flex-shrink: 0; } 

.dementia_checklist li p {font-size: 18px;color: #333;line-height: 1.6; } 

.dementia_checklist li p:not(:last-child) {margin-bottom: 15px; } 
.dementia_checklist li p b {font-weight: 700; } 
.dementia_checklist li.checklist_item_pink {border: 1px solid #E00C7A;background: #FFFAFD; } 
.checklist_item_pink h4 {color: #E00C7A; } 

.dementia_checklist li.checklist_item_purple {border: 1px solid #6830D9;background: #FBF9FF; } 
.checklist_item_purple h4 {color: #6830D9; } 

.dementia_checklist li.checklist_item_blue {border: 1px solid #2771F9;background-color: #F4F8FF; } 
.checklist_item_blue h4 {color: #2196f3; } 

/* dementia_section3 */
.dementia_section3 .img_box {margin-top: 50px; } 
.dementia_section3 .img_box img {display: block;margin: 0 auto; } 

/* care_section1 */
.care_info_box {background-color: #F8F8F8;border-radius: 20px;padding: 50px;width: 100%; } 
.care_info_box h3 {font-size: 30px;font-weight: 700;margin-bottom: 25px;color: #333; } 
.care_info_box h3 b {color: #2771F9; } 
.care_section1 p {font-size: 18px;color: #333;line-height: 1.6; } 
.care_section1 p:not(:last-child) {margin-bottom: 15px; } 
.care_section1 p b {font-weight: 700; } 

.care_section2 .compare_boxes {display: grid;grid-template-columns: repeat(2,1fr); } 
.compare_box.blue h4 {background: #F4F8FF;color: #2771F9; } 
.care_section2 .check_item .item_number {color: #2771F9; } 
.care_section2 .compare_box .box_content {font-size: 18px;color: #333;line-height: 1.6;text-align: center; } 
.care_section3 .container {display: flex;justify-content: space-between;align-items: flex-start; } 
.care_wrap .section_header {margin-bottom: 40px; } 
.care_section4 .right_section {display: flex;gap: 20px; } 
.care_section4 .recommend_card {padding: 30px 19px; } 
.care_section4 .recommend_card .card_description {width: 100%; }