/* home.php */
.homeWrap .container  { display: flex; flex-direction: column; gap: 2rem;}
section .sc-title { margin-bottom:  1rem; display: flex; align-items: center; justify-content: space-between;}
section .sc-title .mainTitle { font-size: 2.2rem; font-weight: 700; line-height: 1.4;}
section .sc-title a { display: flex; align-items: center; gap: 0.4rem; font-size: 1.5rem; color: #666;}
section .sc-title a img { width: 1.2rem;}

.homeWrap .sc-vis .vis-item { border-radius: 0.8rem; overflow: hidden; padding: 3rem 2rem; display: flex; justify-content: space-between; background-color: #293feb; }
.homeWrap .sc-vis .vis-item img { width: 12rem; margin-top: 20px; flex-shrink: 0;}
.homeWrap .sc-vis .vis-item .text_box { display: flex; flex-direction: column; justify-content: space-between; flex: 1; min-width: 0;}
.homeWrap .sc-vis .vis-item .text_box .banner_title p { color: #fff; font-size: 1.6rem; line-height: 1.4; font-weight: 200;}
.homeWrap .sc-vis .vis-item .text_box .banner_title h2 { color: #fff; font-size: 2.4rem; line-height: 1.4; font-weight: 600;}
.homeWrap .sc-vis .vis-item .text_box p.go_text { color: #fff; position: relative; padding-right: 1.8rem; font-size: 1.4rem; width: fit-content; font-weight: 200;}
.homeWrap .sc-vis .vis-item .text_box p.go_text:after { content: ''; position: absolute; top: 50%; right: 0; width: 1rem; aspect-ratio: 1/1; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(-45deg);}

.homeWrap .sc1 .sc-contents .swiper-slide { padding: 2.4rem; width: 20rem; border-radius: 0.8rem; display: flex; flex-direction: column; align-items: end; gap: 2rem;}
.homeWrap .sc1 .sc-contents .swiper-slide .text_box { width: 100%;}
.homeWrap .sc1 .sc-contents .swiper-slide p { font-size: 1.8rem; margin-bottom: 0.8rem;}
.homeWrap .sc1 .sc-contents .swiper-slide h3 { font-size: 2rem; font-weight: 600; line-height: 1.2;}
.homeWrap .sc1 .sc-contents .swiper-slide img { width: 5rem; }
.homeWrap .sc1 .sc-contents .menu1 { background: #dfe7fe;}
.homeWrap .sc1 .sc-contents .menu1 p { color: #293feb;}
.homeWrap .sc1 .sc-contents .menu2 { background: #f2f5fa;}
.homeWrap .sc1 .sc-contents .menu2 p { color: #666;}
.homeWrap .sc1 .sc-contents .menu3 { background: #faf2ff;}
.homeWrap .sc1 .sc-contents .menu3 p { color: #ab4bff;}


.homeWrap .sc2 .sc-contents { display: flex; flex-direction: column;}
.homeWrap .sc2 .sc-contents .link-item { display: flex; align-items: center; justify-content: space-between; padding: 2rem 0;}
.homeWrap .sc2 .sc-contents .link-item:not(:last-child) { border-bottom: 1px solid #ccc; }
.homeWrap .sc2 .sc-contents .link-item:first-child { padding-top: 0; }
.homeWrap .sc2 .sc-contents .link-item:last-child { padding-bottom: 0; }
.homeWrap .sc2 .sc-contents .link-item .text_box { display: flex; flex-direction: column; gap: 0.4rem;}
.homeWrap .sc2 .sc-contents .link-item .text_box h3 { font-size: 2rem; line-height: 1.2; font-weight: 700;}
.homeWrap .sc2 .sc-contents .link-item .text_box p { font-size: 1.6rem; line-height: 1.2; color: #999;}
.homeWrap .sc2 .sc-contents .link-item img { width: 3rem;}
.homeWrap .sc2 .sc-contents .link-item .go_text { padding: 0.6rem 1.5rem; border-radius: 100px; border: 1px solid #ccc; font-size: 1.5rem; color: #999;}


/* subWrap */
.subWrap .subpage-title { font-size: 2.4rem; font-weight: 800; margin-bottom: 2.4rem; margin-top: 1rem; text-align: center;}
.subWrap .sub-contents { display: flex; flex-direction: column; gap: 3rem;}
.subWrap .content h5 { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.8rem;}
.subWrap .content pre { font-size: 1.5rem; line-height: 1.4; color: #555;}
.subWrap .subpage-banner { background: #252f4a; border-radius: 0.8rem; display: flex; align-items: center; justify-content: space-between; padding: 1.8rem 2.4rem;}
.subWrap .subpage-banner h3 { color: #fff; font-size: 1.6rem; font-weight: 500;} 
.subWrap .subpage-banner p { font-size: 1.4rem; color: #fff; font-weight: 200; line-height: 1.2; margin-top: 0.4rem;}
.subWrap .subpage-banner img { width: 2.2rem;}

.btn-s01 { background-color: #293feb; color: #fff; width: 100%; text-align: center; padding: 1.8rem; border-radius: 0.8rem; font-size: 1.8rem;}

/* eligibility.php */
.eligibilityWrap .img-box { overflow: scroll; width: auto;}
.eligibilityWrap .content .img-box { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.eligibilityWrap .content .img-box.scroll img { display: block; display: block; width: auto; max-height: 28rem; /* 원하는 높이로 조정 */ max-width: none;}
.eligibilityWrap .content .img-box img { max-height: 24rem;}

/* self_check.php */
.selfCheckWrap .question-list { display: flex; flex-direction: column; gap: 4rem; }
.selfCheckWrap .question-item h4 { font-size: 1.7rem; font-weight: 200; display: flex; align-items: baseline; gap: 0.4rem;}
.selfCheckWrap .question-item h4 b { font-weight: 700; }
.selfCheckWrap .question-item .button-wrap { display: flex; align-items: center; gap: 1rem; margin-top: 2rem;}
.selfCheckWrap .question-item .button-wrap button { border-radius: 0.8rem; background-color: #f2f5fa; min-width: 12rem; text-align: center; padding: 1.2rem 0; font-size: 1.4rem;}
.selfCheckWrap .question-item .button-wrap input { display: none;}
.selfCheckWrap .question-item .button-wrap label { border-radius: 0.8rem; background-color: #f2f5fa; min-width: 12rem; padding: 1.2rem 0; font-size: 1.4rem; text-align: center; border: 1px solid #f2f5fa; color: #777;}
.selfCheckWrap .question-item .button-wrap input:checked + label {  border: 1px solid var(--brand-color); color: #293feb;}
.selfCheckWrap .result-btn { margin-top: 3rem;}


/* amount.php */
.amountWrap .input-list { display: flex; flex-direction: column; gap: 4rem;}
.amountWrap .input-item h5 { font-size: 1.6rem; font-weight: 500; display: flex; gap: 0.4rem; margin-bottom: 1rem;}
.amountWrap .input-item .input-box { background: #f2f5fa; display: flex; align-items: center; justify-content: center; border-radius: 0.8rem; }
.amountWrap .input-item .input-box input { background: transparent; flex: 1; min-width: 0; font-size: 1.6rem; padding: 2rem;}
.amountWrap .input-item .input-box label { flex-shrink: 0; font-size: 1.6rem; color: #999; padding: 2rem 2rem 2rem 0;}

.amountWrap .select-box .custom-select { position: relative; width: 100%;}
.amountWrap .select-box .select-trigger { width: 100%; padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-align: left; background: #f2f5fa; border-radius: 0.8rem; }
.amountWrap .select-box .select-trigger.active { border-radius: 0.8rem 0.8rem 0 0;}
.amountWrap .select-box .select-trigger .select-text { font-size: 1.6rem;}
.amountWrap .select-box .select-trigger .select-arrow { width: 1.8rem; flex-shrink: 0; transition: all 0.2s;}
.amountWrap .select-box .select-trigger.active .select-arrow { transform: rotate(180deg);}

.amountWrap .select-box .select-options { position: absolute; top: 100%; left: 0; right: 0; background: #f2f5fa; border-top: none; overflow-y: auto; display: none; z-index: 10; list-style: none; padding: 0; margin: 0; border-top: 1px solid #ccc; border-radius: 0 0 0.8rem 0.8rem;}
.amountWrap .select-box .select-options.active { display: block;}
.amountWrap .select-box .select-options li { padding: 2rem; cursor: pointer; font-size: 1.6rem;}
.amountWrap .select-box .select-options li:not(:last-child) { padding: 2rem; border-bottom: 1px solid #ccc;}
.amountWrap .select-box .select-options li.selected { color: var(--brand-color);}

.amountWrap .result-box { display: none; flex-direction: column; gap: 3rem;}
.amountWrap .result-box .result-text { display: flex; align-items: center; justify-content: space-between; }
.amountWrap .result-box .result-text p { font-size: 1.7rem; font-weight: 600; display: flex; align-items: flex-end; gap: 0.4rem;}
.amountWrap .result-box .result-text p b { font-size: 2.2rem; color: var(--brand-color);}
.amountWrap .calc-btn { margin-top: 3rem;}

/* modal */
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none;}
.modal .modal_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 0.8rem; width: 90%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 60px 20px; gap: 4rem;}
.modal .modal_wrap .text-box { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.modal .modal_wrap .text-box img { width: 3.6rem; margin-bottom: 1.6rem;}
.modal .modal_wrap .text-box h3 { font-size: 2.2rem; font-weight: 700; line-height: 1.2;}