@charset "utf-8";
/*
	기본정보
	- 생성일 : 2023-08-18
	- 파일명 : page.css
	- 포함내용 : 상품가입 메뉴 관련 스타일
*/
/*
	수정정보
	- 수정일 : 2023-04-01
	- 수정내용 : XXX(홍길동)
*/

/* item-col > unit 사이 간격 40px */
.grid-area .item-col > .unit + .unit {margin-top: var(--space-xxl);}

/* 모바일청약 안내문구 아이콘 삭제 */
.data-helper.option-note.non-ico {padding-left: 0; text-indent: 0;}
.data-helper.option-note.non-ico::before {display: none;}

/* 모바일청약 고지사항 확인 바텀시트 */
.list.depth-u1 > li .text {padding-left: 3px; text-indent: 0;}

/* 모바일청약 가입전 안내사항 */
.reward-step {margin-top: var(--space-sm);}
.reward-step .item-row {align-items: flex-start;}
.reward-step .item-row + .item-row {margin-top: 0; padding-top: var(--space-xl);}
.reward-step .item-row > .unit + .unit {margin-left: var(--space-sm);}
.reward-step .item-row .unit .box {position: relative; padding: var(--space-md) var(--space-sm); font-weight: var(--font-medium); text-align: center;}
.reward-step .item-row .unit .box::after {content: ''; display: block; position: absolute; bottom: -2.8rem; left: 50%; width: var(--icon-md); height: var(--icon-md); background: var(--bg-url-md) no-repeat left top; background-size: var(--bg-size-md);  background-position: calc(var(--icon-md) * 0) calc(var(--icon-md) * -5); transform: translateX(-50%);}
.reward-step .item-row:last-of-type .unit .box::after {display: none;}

/* 모바일청약 정보 요약 */
.summary.option-data {padding: 2.3rem; background-color: var(--color-light); border: var(--line-sm) solid var(--color-disable); border-radius: var(--radius-lg); box-shadow: var(--shadow-md);}
.summary.option-data .summary-item {padding: var(--space-sm) 0; background-color: transparent; border: none; border-radius: 0; box-shadow: none;}
.summary.option-data .summary-item + .summary-item {margin-top: 0; border-top: var(--line-sm) solid var(--color-bg-base);}
.summary.option-data .summary-item:first-child {padding-top: 0;}
.summary.option-data .summary-item:last-child {padding-bottom: 0;}

/* 주택화재보험 보험료설계 가입정보입력 */
.build-item-img {width: 88px;}

/* 보험료 계산결과 */
.plan-filter {margin-bottom: var(--space-lg);}
.plan-filter-list {display: flex; flex-direction: row; align-items: center; font-size: var(--font-xs); color: var(--color-dark);}
.plan-filter-list.filter-flex-wrap {flex-wrap: wrap;} /* 2026-05-14 : 내용 줄바꿈 추가 */
.plan-filter-list > li > .txt {display: inline-block; color: var(--color-dark); vertical-align: middle;}
.plan-filter-list > li::after {content: ''; display: inline-block; width: .1rem; height: 1.2rem; background-color:var(--color-disable); margin: 0 .8rem; vertical-align: middle;}
.plan-filter-list > li:last-child::after {display: none;}
.plan-filter-list > li::before {content: ''; display: inline-block; width: var(--icon-sm); height: var(--icon-sm); margin-right: .4rem; background-image: var(--bg-url-sm); background-repeat: no-repeat; background-size: var(--bg-size-sm); vertical-align: middle;}
.plan-filter-list > li.none::before {display: none;}
.plan-filter-list > li.date::before {background-position: 0 calc(var(--icon-sm) * -5);}
.plan-filter-list > li.person::before {background-position: calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -5);}
.plan-filter-list > li.location::before {background-position: calc(var(--icon-sm) * -2) calc(var(--icon-sm) * -5);}
.plan-filter-list > li.payment::before {background-position: calc(var(--icon-sm) * -4) calc(var(--icon-sm) * -5);}
.plan-filter-list > li.pet::before {background-position: calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -5);} /* 2024-06-10 추가 */
.plan-filter-list > li.age::before {background-position: calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -5);}
.plan-filter-list > li.renew::before {background-position: calc(var(--icon-sm) * -7) calc(var(--icon-sm) * -5);}
.plan-filter-list > li.period::before {background-position: calc(var(--icon-sm) * -6) calc(var(--icon-sm) * -5);}
.plan-filter-list > li > .txt ~ .btn.ico-filter {margin-left: var(--space-min);}
.plan-filter-list > li > .key {padding-left: var(--space-min); font-weight: var(--font-medium); color: var(--color-dark); vertical-align: middle;}

.plan-chip {margin-top: calc(var(--space-xxs) * -1); margin-bottom: var(--space-lg);}
.plan-chip .chip-group {margin-top: 0; margin-bottom: 0;}
.plan-chip .chip-group.option-full .chip-item {margin-top: 0; margin-bottom: 0;}

.plan-self-price {display: block; line-height: 1.35; font-size: var(--font-xxs); color: var(--color-txt-sub);}
.plan-range-price {display: block; margin-top: var(--space-xxs); padding-top: var(--space-xxs); border-top: var(--line-sm) solid var(--color-bg-base);}
.plan-range-price > .input.option-range {display: block; width: 100%;}
.plan-range-price > .input.option-range ~ .item-row {padding-top: 0; padding-bottom: 0; font-size: 0;}
.plan-range-price > .input.option-range ~ .item-row > .unit .txt {font-size: var(--font-min);}

.plan-best-price {margin-top: var(--space-sm); margin-bottom: var(--space-min); border-radius: var(--radius-md); background-color: var(--color-bg-light); text-align: center;}
.plan-range-price ~ .plan-best-price {margin-top: var(--space-xxs);}
.plan-best-price > .txt {vertical-align: middle; font-size: var(--font-xxs); color: var(--color-base);}
.plan-best-price > .txt > em {color: var(--color-dark);}
.plan-best-price::before {content: ''; display: inline-block; width: 3.2rem; height: 3.2rem; background-repeat: no-repeat; background-position: 0 0; background-size: 3.2rem auto; vertical-align: middle;}

.card.type-plan .card-item:nth-child(12n + 1) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar2.png');}
.card.type-plan .card-item:nth-child(12n + 2) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar7.png');}
.card.type-plan .card-item:nth-child(12n + 3) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar8.png');}
.card.type-plan .card-item:nth-child(12n + 4) .plan-best-price::before {width: 4.0rem; background-image: url('../../image/pdr/plan-avatar1.png'); background-size: 4.0rem auto;}
.card.type-plan .card-item:nth-child(12n + 5) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar2-1.png');}
.card.type-plan .card-item:nth-child(12n + 6) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar7-1.png');}
.card.type-plan .card-item:nth-child(12n + 7) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar8-1.png');}
.card.type-plan .card-item:nth-child(12n + 8) .plan-best-price::before {width: 4.0rem; background-image: url('../../image/pdr/plan-avatar1-1.png'); background-size: 4.0rem auto;}
.card.type-plan .card-item:nth-child(12n + 9) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar2-2.png');}
.card.type-plan .card-item:nth-child(12n + 10) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar7-2.png');}
.card.type-plan .card-item:nth-child(12n + 11) .plan-best-price::before {background-image: url('../../image/pdr/plan-avatar8-2.png');}
.card.type-plan .card-item:nth-child(12n) .plan-best-price::before {width: 3.6rem; background-image: url('../../image/pdr/plan-avatar1-2.png'); background-size: 3.6rem auto;}

.plan-badge {position: relative; min-height: 1.8rem; margin-bottom: var(--space-min); font-size: 0;}
.plan-badge > .unit {position: absolute; top: 0;}
.plan-badge .badge {display: inline-block; padding: .15rem .6rem; border-radius: .9rem; vertical-align: middle; font-weight: var(--font-regular); font-size: var(--font-tiny); color: var(--color-light); letter-spacing: -0.05rem;}
.plan-badge .badge.type1 {background-color: var(--color-info);}
.plan-badge .badge.type2 {background-color: var(--color-primary);}
.plan-badge .badge.type3 {background-color: #FF6A00;} /* 2024-10-31 : plan-badge 컬러 추가 */
.plan-badge .badge.type4 {background-color: #0088CC;} /* 2025-03-21 : plan-badge 컬러 추가 */
.plan-badge .badge ~ .badge {margin-left: .2rem;}

.plan-badge > .unit.value1 {left: 0;}
.plan-range-price.range-step2 .plan-badge > .unit.value2 {right: 0;}
.plan-range-price.range-step3 .plan-badge > .unit.value3 {right: 0;}
.plan-range-price.range-step3 .plan-badge > .unit.word2.value2 {left: 50%; margin-left: calc(-2.83rem / 2);}
.plan-range-price.range-step3 .plan-badge > .unit.word4-5.value2 {left: 50%; margin-left: calc(-5.859rem / 2);}

.plan-range-price.range-step4 .plan-badge > .unit.value4 {right: 0;}
.plan-range-price.range-step4 .plan-badge > .unit.word2.value2 {left: 50%; margin-left: calc((-33.33% / 2) - (2.83rem / 2));}
.plan-range-price.range-step4 .plan-badge > .unit.word2.value3 {left: 50%; margin-left: calc((33.33% / 2) - (2.83rem / 2));}
.plan-range-price.range-step4 .plan-badge > .unit.word4-5.value2 {left: 50%; margin-left: calc((-33.33% / 2) - (5.859rem / 2));}
.plan-range-price.range-step4 .plan-badge > .unit.word4-5.value3 {left: 50%; margin-left: calc((33.33% / 2) - (5.859rem / 2));}

.plan-price-step {display: flex; justify-content: space-between; margin-top: var(--space-min); font-size: 0;}
.plan-price-step .txt {vertical-align: middle; font-size: var(--font-min); color: var(--color-txt-body);}

.card.type-plan .card-item {padding-top: 1.9rem; padding-bottom: 1.9rem;}
.card.type-plan .card-item.fn-accordion-wrap {padding-bottom: .7rem;}
.card.type-plan .card-title .key {line-height: 1.5; font-size: var(--font-xs);}
.card.type-plan .card-title .key > em {font-weight: var(--font-medium);}
.card.type-plan .card-title .key .badge ~ em::before {content: ' ';}
.card.type-plan .card-title .key > em::after {content: ' ';}
.card.type-plan .card-title .price {flex-shrink: 0; display: inline-block; margin-left: var(--space-xxs); line-height: 1.35; vertical-align: middle; color: var(--color-dark);}
.card.type-plan .card-title .price > em {vertical-align: middle; font-weight: var(--font-semibold);}
.card.type-plan .card-copy {margin-top: .2rem; line-height: 1;}
.card.type-plan .card-copy > .txt {font-size: var(--font-min); color: var(--color-base);}
.card.type-plan .card-info {border-top: none; margin-top: 0; padding-top: 0;}
.card.type-plan .card-info.detail {max-height: 0; transition: max-height var(--animation-speed) var(--animation-timing-base);}
.card.type-plan .is-open .card-info.detail {max-height: inherit;}
.card.type-plan .btn-card-more {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border-top: 0;}
.card.type-plan .btn-card-more > span {display: none;}
.card.type-plan .btn-card-more::after {background-position: calc(var(--icon-sm) * -6) calc(var(--icon-sm) * -3);}

.card.type-plan .card-price {display: flex; justify-content: space-between; align-items: center; margin-top: var(--space-min); color: var(--color-dark);}
.card.type-plan .card-price.option-right {justify-content: flex-end;} /* 2024-06-10 : 가입금액 정렬 오른쪽 추가 */
.card.type-plan .join-price {font-size: var(--font-md);}
.card.type-plan .join-price > em {font-weight: var(--font-semibold);}
.card.type-plan .pay-price {line-height: 1.35; font-size: var(--font-xs);}
.card.type-plan .pay-price > em {font-weight: var(--font-medium);}
.card.type-plan .pay-price > em > strong {font-weight: var(--font-medium);}

/* 중요사항 확인 */
.join-check-list {margin-top: var(--space-lg);}
.join-check-list .card-title ~ .note-list {margin-top: var(--space-xxs);}

/* 주택 소유 유형 & 주택 유형 선택 */
.product-bulid-type {display: flex; flex-direction: row-reverse; align-items: flex-start;}
.product-bulid-type::after {content: ''; flex-shrink: 0; display: block; width: var(--icon-max); height: var(--icon-max); background-image: var(--bg-url-max); background-repeat: no-repeat; background-size: var(--bg-size-max);}
.product-bulid-type .card-inner {width: 100%; padding-left: 1.6rem;}
.product-bulid-type .card-title .key {line-height: 1.5; font-size: var(--font-md);}

.product-bulid-type.type1::after {background-position: 0 calc(var(--icon-max) * -4);}
.product-bulid-type.type2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);}
.product-bulid-type.type3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -4);}

.product-bulid-type.type11::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -4);}
.product-bulid-type.type12::after {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -4);}
.product-bulid-type.type13::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -4);}
.product-bulid-type.type14::after {background-position: calc(var(--icon-max) * -6) calc(var(--icon-max) * -4);}

/* 최근 계산 기록 보기 */
.pdr-history .card-main > span {display: block; color: var(--color-dark);}
.pdr-history .card-main .text-price > em {color: var(--color-dark);}
.pdr-history .card-main .product {padding-top: var(--space-xxs); line-height: 1.5; font-weight: var(--font-medium); font-size: var(--font-xs);}
.pdr-history .card-main .date {line-height: 1.35; font-size: var(--font-xxs); color: var(--color-txt-sub);}
.pdr-history .card-main ~ .card-info {margin-top: var(--space-sm);}

/* 미니생활보험 - 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */
.pet-wrap {height: 100%;}
.pet-wrap .group {display: flex; flex-direction: column; height: 100%;}
.pet-wrap .main-copy {flex-shrink: 0;}
.pet-wrap .form-list {flex-shrink: 0; margin-bottom: var(--space-sm);}
.pet-wrap .data-helper.option-caption {padding-top: var(--space-sm); margin-bottom: var(--space-lg);}
.pet-wrap .pet-word-wrap {position: relative;}
.pet-wrap .pet-word-inner {position: absolute;}
.pet-wrap .search-word {position: relative; z-index: 1; background-color: var(--color-light);}

.search-word {flex-shrink: 1; overflow-y: auto; height: 100%; min-height: 194px; border:var(--line-sm) solid var(--color-bg-dark); border-radius: var(--radius-md);}
.search-word .segment-group {display:block; background-color: var(--color-light);}
.search-word .segment-item .label {justify-content: flex-start; padding: var(--space-xs) var(--space-lg); min-height: 4.8rem; text-align: left; color: var(--color-dark); font-size: var(--font-md);}
.search-word .segment-item .label .txt {text-align: left; color: var(--color-dark);}
.search-word .segment-item .label strong {color:var(--color-primary); font-weight: var(--font-regular);}
.search-word .segment-item .control {inset: 0; width: 100%; height: 100%; border-radius: 0;}
.search-word .segment-item .control:checked {background-color: var(--color-primary-bg-base); border-color: transparent; box-shadow: none;}
.search-word .segment-item .control:checked ~ .label {color: var(--color-dark); font-weight: var(--font-medium);}
.search-word .segment-item .control:checked ~ .label strong {font-weight: var(--font-medium);}
.search-word .segment-item + .segment-item::before {display:none}

.card .card-list.ico-type .label {padding-left: 8rem;}
.card .card-list.ico-type .label::after {content: ''; position: absolute; top: 2.3rem; left: 2.3rem; width: var(--icon-max); height: var(--icon-max); background-image: url('../../image/pdr/ico-pdr-max.svg'); background-repeat: no-repeat; background-size: var(--bg-size-max);}
.card .card-list.ico-type .label.type1::after {background-position: calc(var(--icon-max) * 0) calc(var(--icon-max) * 0);}
.card .card-list.ico-type .label.type2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * 0);}
.card .card-list.ico-type .label.type3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * 0);}
.card .card-list.ico-type .label.type4::after {background-position: calc(var(--icon-max) * -8) calc(var(--icon-max) * 0);} /* 운동 - 2025-06-09 : '국내여행 -> 운동' 으로 변경 */
/* .card .card-list.ico-type .label.type4::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * 0);} 국내여행 */
.card .card-list.ico-type .label.type5::after {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * 0);}
.card .card-list.ico-type .label.type6::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * 0);}

/* Auto 케어보험 */
.card-list.care-cover {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;}
.care-cover .card-item {padding: 1.9rem; width: calc(50% - var(--space-xxs)); text-align: center;}
.care-cover .card-item:nth-child(2) {margin-top: 0;}
.care-cover .card-item:nth-child(2n) {margin-left: var(--space-sm);}

.card-list.care-cover .label {display: flex; flex-direction: column; height: 100%;}
.care-cover .btn-select {flex-shrink: 0; width: 100%; margin-top: var(--space-sm);}
.care-cover .btn-select > span {pointer-events: none;}

.care-cover .card-link {margin: 0; padding: 0;}
.care-cover .card-link .card-title {padding-right: 0;}
.care-cover .card-link .card-title::before {content: ''; position: relative; bottom: auto; display: block; width: var(--icon-max); height: var(--icon-max); margin: 0 auto; background-image: url('../../image/pdr/ico-pdr-max.svg'); background-repeat: no-repeat; background-size: var(--bg-size-max);}
.care-cover .card-item.type1 .card-title::before {background-position: 0 calc(var(--icon-max) * -1);}
.care-cover .card-item.type2 .card-title::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -1);}
.care-cover .card-item.type3 .card-title::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -1);}
.care-cover .card-item.type4 .card-title::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -1);}

.care-cover .card-link .card-title::after {content: ''; display: inline-block; width: var(--icon-sm); height: var(--icon-sm); background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -1); background-size: var(--bg-size-sm); vertical-align: middle;}

.care-cover .card-item .price {display: block; flex-shrink: 1; height: 100%; margin-top: var(--space-min); line-height: 1.35; font-weight: var(--font-semibold);}
.care-cover .card-item .price > em {color: var(--color-primary);}

.care-cover .card-item .control:checked ~ .label .btn-select,
.care-cover .btn-select.is-active {background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-light);}
.care-cover .card-item .control:checked ~ .label .btn-select:hover {background-color: var(--color-primary-dark); border-color: var(--color-primary-dark);}
.care-cover .card-item .control:checked ~ .label .btn-select:active {background-color: var(--color-primary-active); border-color: var(--color-primary-active);}

.care-cover .card-select .control[type='checkbox']:focus ~ .label::before {border-color: transparent;}
.care-cover .card-select .control[type='checkbox']:checked ~ .label::before {border-color: #1A57FF;}

/* Auto 케어보험 - 상세보기 */
.care-cover-img {padding-bottom: 144px; background-repeat: no-repeat; background-position: 100% 100%; background-size: auto 144px;}

.care-detail {margin-top: var(--space-sm);}
.care-detail .card-title {display: flex; align-items: flex-start;}
.care-detail .card-title::before {position: relative; flex-shrink: 0; bottom: auto; right: auto; display: block; width: 3.2rem; height: 3.2rem; margin-right: var(--space-xxs); background-image: url('../../image/pdr/ico-pdr-lg.svg'); background-repeat: no-repeat; background-size: 32.0rem auto;}
.care-detail .card-title .key {padding-top: .5rem; line-height: 1.375; font-size: var(--font-md);}

.care-detail .limit {margin-top: var(--space-xxs); line-height: 1; text-align: right;}
.care-detail .limit > .txt {display: inline-block; line-height: 1.5; vertical-align: middle; font-weight: var(--font-medium); color: var(--color-dark);}
.care-detail .limit::after {content: ''; display: inline-block; width: var(--icon-sm); height: var(--icon-sm); margin-left: var(--space-xxs); background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -1); background-size: var(--bg-size-sm); vertical-align: middle;}

/* Auto 케어보험 - 운전케어 상세보기 */
.care-cover-img.type1 {background-image: url('../../image/pdr/care-img1.png');}
.care-detail.type1 .card-item.type1 .card-title::before {background-position: 0 0;}
.care-detail.type1 .card-item.type2 .card-title::before {background-position: calc(3.2rem * -1) 0;}
.care-detail.type1 .card-item.type3 .card-title::before {background-position: calc(3.2rem * -2) 0;}
.care-detail.type1 .card-item.type4 .card-title::before {background-position: calc(3.2rem * -3) 0;}
.care-detail.type1 .card-item.type5 .card-title::before {background-position: calc(3.2rem * -4) 0;}
.care-detail.type1 .card-item.type6 .card-title::before {background-position: calc(3.2rem * -5) 0;}
.care-detail.type1 .card-item.type7 .card-title::before {background-position: calc(3.2rem * -6) 0;}
.care-detail.type1 .card-item.type8 .card-title::before {background-position: calc(3.2rem * -7) 0;}

/* Auto 케어보험 - 운전케어 상세보기 */
.care-cover-img.type2 {background-image: url('../../image/pdr/care-img2.png');}
.care-detail.type2 .card-item.type1 .card-title::before {background-position: 0 calc(3.2rem * -1);}
.care-detail.type2 .card-item.type2 .card-title::before {background-position: calc(3.2rem * -1) calc(3.2rem * -1);}

/* Auto 케어보험 - 자차케어 상세보기 */
.care-cover-img.type3 {background-image: url('../../image/pdr/care-img3.png');}
.care-detail.type3 .card-item.type1 .card-title::before {background-position: 0 calc(3.2rem * -2);}
.care-detail.type3 .card-item.type2 .card-title::before {background-position: calc(3.2rem * -1) calc(3.2rem * -2);}

/* Auto 케어보험 - 파츠케어 상세보기 */
.care-cover-img.type4 {background-image: url('../../image/pdr/care-img4.png');}
.care-detail.type4 .card-item.type1 .card-title::before {background-position: 0 calc(3.2rem * -3);}
.care-detail.type4 .card-item.type2 .card-title::before {background-position: calc(3.2rem * -1) calc(3.2rem * -3);}

/* Auto 케어보험 - 담보 상세보기 */
.card-detail-price {padding: 1.9rem; border: var(--line-sm) solid var(--color-bg-dark); border-radius: var(--radius-lg); line-height: 1;}
.card-detail-price .txt {line-height: 1.313; font-weight: var(--font-semibold); color: var(--color-dark);}
.card-detail-price .txt > em {color: var(--color-primary);}

/* 상품소개 - 공통 */
.pdr-visual {position: relative; overflow: hidden; min-height: 55.0rem; margin: calc(var(--space-lg) * -1) calc(var(--space-md) * -1) 0; padding: var(--space-xl) var(--space-md) 0; font-weight: var(--font-regular); font-size: 0;}
.pdr-visual .sub {position: relative; display: block; padding: 0 0 var(--space-xs); line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--space-sm);}
.pdr-visual .main-title {position: relative; display: block; line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-headline-md);}
.pdr-visual .sub-title {position: relative; display: block; line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-title-md);} /* 2024-04-23 : sub-title 추가 */
.pdr-visual .copy {position: relative; display: block; padding-top: var(--space-xs); line-height: 1.5; font-size: var(--font-xs);}
.pdr-visual .refer {position: relative; display: block; padding-top: var(--space-xs); line-height: 1.5; font-size: var(--font-xs);}
.pdr-visual .bg {position: absolute; z-index: -1; top: 0; left: 50%; width: 60.0rem; height: 55.0rem; margin-left: -30.0rem;}

.pdr-visual.type1 > .sub {color: #EE473E;} /* 주택화재 */
.pdr-visual.type2 > .sub {color: #558B0A;} /* 미니생활 */ /* 2026-03-16 : 상품명 '레저종합 → 미니생활' 변경 */
.pdr-visual.type2.mini-golf > .sub {color: #55A900;} /* 미니생활 - 골프 */ /* 2026-03-30 : 분리 추가 */
.pdr-visual.type2.mini-health > .sub {color: #558B0A;} /* 미니생활 - 운동 */ /* 2026-03-30 : 분리 추가 */
.pdr-visual.type3 > .sub {color: #8C711C;} /* 국내여행 */
.pdr-visual.type4 > .sub {color: #007CD7;} /* 해외여행 */
.pdr-visual.type5 > .sub {color: #802BC3;} /* 해외장기 */
.pdr-visual.type6 > .sub {color: #002A9F;} /* Auto케어 */
.pdr-visual.type7 > .sub {color: #0088CC;} /* 상생금융 - 2024-04-23 : 금융안심보험 추가 */
.pdr-visual.type8 > .sub {color: #0088CC;} /* 펫보험 - 2024-06-10 */
.pdr-visual.type9 > .sub {color: #0046FF;} /* 미니생활 골프케어 - 2024-08-12 */ /* 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */
.pdr-visual.type-sii > .sub {color: #5C994C;} /* 실손의료 */
.pdr-visual.type-shi > .sub {color: #EF712D;} /* 처음건강 */
.pdr-visual.type-dri > .sub {color: #372DEF;} /* 처음운전자 - 2024-11-15 */
.pdr-visual.type-jpn > .sub {color: #FF3931;} /* 일본여행 - 2025-02-20 */
.pdr-visual.type-min > .sub {color: #0088CC;} /* 미니보험 - 2025-03-28 */
.pdr-visual.type-immune > .sub {color: #0075A7;} /* 면역질환 - 2025-12-17 : '26년 1월 장기보험 상품개정' 추가 */

.pdr-benefit.card.option-data {overflow: hidden; position: relative; margin-top: -8.0rem; padding: var(--space-lg); border: none; box-shadow: var(--shadow-md);}
/*  .pdr-visual.type7 + .group .pdr-benefit.card.option-data {margin-top:-12.0rem;} 상생금융 - 2024-05-13 : 금융안심보험 .card 위치 변경 - 2026-04-28 : 삭제 */
.pdr-benefit.card.option-data .card-item {display: flex; flex-direction: row; justify-content: space-between; padding-top: var(--space-lg); padding-bottom: var(--space-xxs);}
.pdr-benefit.card.option-data .card-item:first-child {padding-top: 0;}
.pdr-benefit.card.option-data .card-item:last-child {padding-bottom: 0;}

.pdr-benefit.card.option-data .card-title .txt {font-size: var(--font-sm); color: var(--color-txt-sub);}
.pdr-benefit.card.option-data .card-title .key {font-size: var(--font-lg); word-break: keep-all;}
.pdr-benefit .refer {display: block; padding-top: var(--space-min); line-height: 1.35; font-size: var(--font-sm); color: var(--color-base);}

.pdr-benefit .card-item::after {content: ''; flex-shrink: 0; display: block; width: var(--icon-max); height: var(--icon-max); margin-top: 2.8rem; background-image: url('../../image/pdr/ico-pdr-max.svg?v=1.0'); background-repeat: no-repeat; background-size: 64.0rem auto;} /* 2025-08-14 : 이미지 캐싱 처리 추가 */

.pdr-benefit .card-item.type1-ico1::after {background-position: 0 calc(var(--icon-max) * -2);} /* 주택화재 */
.pdr-benefit .card-item.type1-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -2);}
.pdr-benefit .card-item.type1-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -2);}

.pdr-benefit .card-item.type3-ico1::after {background-position: 0 calc(var(--icon-max) * -3);} /* 국내여행 */
/* .pdr-benefit .card-item.type3-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -3);} 2025-08-14 : 휴대품손해 관련 이미지 변경 요청으로 삭제 */
.pdr-benefit .card-item.type3-ico3::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);} /* 2025-03-20 : 25.04월 상품개정(3번째 문구 추가 아이콘) */
.pdr-benefit .card-item.type3-ico4::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -3);} /* 2025-08-14 : 휴대품손해 관련 이미지 변경 요청으로 아이콘 추가 */

.pdr-benefit .card-item.type4-ico1::after {background-position: 0 calc(var(--icon-max) * -4);} /* 해외여행 */
.pdr-benefit .card-item.type4-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);}
.pdr-benefit .card-item.type4-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -4);}
.pdr-benefit .card-item.type4-ico4::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -4);} /* 2024-04-22 : 신한 SOL트래블 해외여행보험 추가 */
.pdr-benefit .card-item.type4-ico5::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -4);} /* 2025-08-04 : 아이콘 추가 */

.pdr-benefit .card-item.type5-ico1::after {background-position: 0 calc(var(--icon-max) * -5);} /* 해외장기 */
.pdr-benefit .card-item.type5-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -5);}
/* .pdr-benefit .card-item.type5-ico3::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);} 2026-04-13 : 신한카드 할인 정책변경으로 삭제 */
.pdr-benefit .card-item.type5-ico4::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -4);} /* 2026-04-13 : 신한카드 할인 정책변경으로 인한 아이콘 추가 */

.pdr-benefit .card-item.type6-ico1::after {background-position: 0 calc(var(--icon-max) * -6);} /* Auto케어 */
.pdr-benefit .card-item.type6-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -6);}
.pdr-benefit .card-item.type6-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -6);}

.pdr-benefit .card-item.type7-ico1::after {background-position: 0 calc(var(--icon-max) * -8 );} /* 상생금융 */ /* 2024-04-22 신한 SOL 금융안심보험 추가 */
.pdr-benefit .card-item.type7-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -8);}

.pdr-benefit .card-item.type-sii-ico1::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -9);} /* 실손의료 */
.pdr-benefit .card-item.type-sii-ico2::after {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-sii-ico3::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -9);}

.pdr-benefit .card-item.type-shi-ico1::after {background-position: 0 calc(var(--icon-max) * -9);} /* 처음건강 */ /* 2024-10-30 : 아이콘 변경으로 background-position 값 수정 - 2025-03-21 : 25.4월 상품개정(아이콘 변경으로 background-position 값 수정) */
.pdr-benefit .card-item.type-shi-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-shi-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -9);}

.pdr-benefit .card-item.type-dri-ico1::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -8);} /* 처음운전자 : 2024-11-15 */
.pdr-benefit .card-item.type-dri-ico2::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -8);}
.pdr-benefit .card-item.type-dri-ico3::after {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -8);}
.pdr-benefit .card-item.type-dri-ico4::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -6);} /* 2025-07-31 : 아이콘 추가 */

.pdr-benefit .card-item.type-jpn-ico1::after {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -4);} /* 2025-02-20 : 일본여행 추가 */
.pdr-benefit .card-item.type-jpn-ico2::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);}
.pdr-benefit .card-item.type-jpn-ico3::after {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -4);}
.pdr-benefit .card-item.type-jpn-ico4::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -4);} /* 2025-08-04 : 아이콘 추가 */

.pdr-benefit .card-item.type-min1-ico1::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -8);} /* 미니보험 - 착오송금 회수비용 보장보험 : 2025-03-28 */
.pdr-benefit .card-item.type-min2-ico1::after {background-position: 0 calc(var(--icon-max) * -8 );} /* 미니보험 - 피싱해킹 사기피해 보장보험 : 2025-03-28 */
.pdr-benefit .card-item.type-min2-ico2::after {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -8 );} /* 미니보험 - 피싱해킹 사기피해 보장보험 : 2025-04-03 */

.pdr-benefit .card-item.type-immune-ico1::after {background-position: calc(var(--icon-max) * -7) calc(var(--icon-max) * -9);} /* 면역질환보험 - 2025-12-17 : '26년 1월 장기보험 상품개정' 추가 */
.pdr-benefit .card-item.type-immune-ico2::after {background-position: 0 calc(var(--icon-max) * -10);}

.pdr-benefit .card-item.type-ico-shinhan-bnf::after {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -10);} /* 공통 신한 제휴 할인 - 2025-12-17 : '26년 1월 장기보험 상품개정' 추가 */

.pdr-benefit .card-item.type6-ico2 .card-title .txt {position: relative; margin-right: calc(var(--icon-max) * -1);}

.pdr-benefit .card-banner {margin-top: calc(var(--space-lg) * -1); margin-left: calc(var(--space-lg) * -1); margin-right: calc(var(--space-lg) * -1); padding: var(--space-sm) var(--space-lg) var(--space-xs); background-color: var(--color-primary-bg-light); font-size: var(--font-xs);}
.pdr-benefit .card-banner > .txt {color: var(--color-primary);}
.pdr-benefit .card-banner ~ .card-list {margin-top: var(--space-md);}

.pdr-benefit .card-title {margin-bottom: var(--space-sm);}
.pdr-benefit .card-item:last-child .card-title {margin-bottom: 0;}

.pdr-content {padding-top: 8.0rem; text-align: center;}
.pdr-content:first-child {padding-top: var(--space-lg);}
.pdr-title {line-height: 1;}
.pdr-title > .txt {line-height: 1.35; font-weight: var(--font-semibold); font-size: 2.6rem; color: var(--color-dark);}
.pdr-body {padding-top: var(--space-xs); line-height: 1.5; font-size: var(--font-sm); color: var(--color-txt-sub); word-break: keep-all;}
.pdr-body .refer {display: block; padding-top: var(--space-xs); font-size: var(--font-sm); color: var(--color-base);}
.pdr-body .refer.fs-tiny {font-size: var(--font-sm) !important;}
.pdr-img {display: inline-block; width: min(32.0rem, 100%); margin-top: var(--space-lg);}

/* 상품소개 - 미니생활보험 - 2025-06-09 : 상품명 '레저 -> 미니생활' 로 변경 */
.leisure-plan {position: relative; margin-top: -8.0rem; padding: var(--space-lg) var(--space-lg) var(--space-xl); border-radius: var(--radius-lg); background-color: var(--color-light); box-shadow: var(--shadow-md);}
.leisure-plan-title {line-height: 1;}
.leisure-plan-title > .txt {line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-lg); color: var(--color-dark);}
.leisure-plan-copy {padding-top: var(--space-min); font-size: var(--font-sm); color: var(--color-txt-sub);}

.leisure-plan-list {display: grid; grid-template-columns: repeat(4, minmax(6.4rem, auto)); justify-content: space-between;}
.leisure-plan-item {margin-top: 2.4rem; text-align: center;}
.leisure-plan-item > .link {display: block;}
.leisure-plan-item > .link::before {content: ''; display: block; width: var(--icon-max); height: var(--icon-max); margin: 0 auto; background-image: url('../../image/pdr/ico-pdr-max.svg'); background-repeat: no-repeat; background-size: var(--bg-size-max);}
.leisure-plan-item.type1 > .link::before {background-position: 0 calc(var(--icon-max) * -7);}
.leisure-plan-item.type2 > .link::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -7);}
.leisure-plan-item.type3 > .link::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -7);}
.leisure-plan-item.type4 > .link::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -7);}
.leisure-plan-item.type5 > .link::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -7);}
.leisure-plan-item.type6 > .link::before {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -7);}
.leisure-plan-item.type7 > .link::before {background-position: calc(var(--icon-max) * -6) calc(var(--icon-max) * -7);}
.leisure-plan-item.type8 > .link::before {background-position: calc(var(--icon-max) * -7) calc(var(--icon-max) * -7);}
.leisure-plan-item.type9 > .link::before {background-position: calc(var(--icon-max) * -8) calc(var(--icon-max) * -7);} /* 2025-04-16 : 운동 아이콘 추가 */
.leisure-plan-item .txt {display: block; padding-top: var(--space-xxs); font-weight: var(--font-medium); font-size: var(--font-sm); color: var(--color-dark);}

/* 상품소개 - 미니생활보험 - 팝업 - 2025-06-09 : 상품명 '레저 -> 미니생활' 로 변경 */
.leisure-popup {padding-bottom: var(--space-lg); text-align: center;}
.leisure-popup::before {content: ''; display: block; width: 100%; height: 20.0rem; background-repeat: no-repeat; background-position: 50% 0; background-size: 32.0rem auto;}
.leisure-popup.type1::before {background-image: url('../../image/pdr/type6-sub1.png');} /* 골프 */
.leisure-popup.type2::before {background-image: url('../../image/pdr/type6-sub2.png');} /* 아웃도어 */
.leisure-popup.type3::before {background-image: url('../../image/pdr/type6-sub3.png');} /* 자전거 */
.leisure-popup.type4::before {background-image: url('../../image/pdr/type6-sub4.png');} /* 운동 - 2025-06-09 : '국내여행 -> 운동' 으로 변경 */
/* .leisure-popup.type4::before {background-image: url('../../image/pdr/type6-sub4.png');} 국내여행 */
.leisure-popup.type5::before {background-image: url('../../image/pdr/type6-sub5.png');} /* 패밀리 */
.leisure-popup.type6::before {background-image: url('../../image/pdr/type6-sub6.png');} /* 펫 */
.leisure-popup.type7::before {background-image: url('../../image/pdr/type6-sub7.png');} /* 운전자 */
.leisure-popup.type8::before {background-image: url('../../image/pdr/type6-sub8.png');} /* 금융 */

.leisure-popup-title {padding-top: var(--space-sm); line-height: 1;}
.leisure-popup-title > .txt {line-height: 1.35; font-size: var(--font-title-lg); color: var(--color-dark);}
.leisure-popup-txt {padding-top: var(--space-xxs); color: var(--color-txt-sub); word-break: keep-all;}
.leisure-popup-txt .refer {display: block; padding-top: var(--space-xs); font-size: var(--font-sm); color: var(--color-base);}

/* 상품소개 - 국내여행보험 */
.prd-travel-banner {margin-top: var(--space-sm); margin-left: calc(var(--space-body) * -1); margin-right: calc(var(--space-body) * -1);}
.prd-travel-banner .swiper {padding-left: var(--space-body); padding-right: var(--space-body);}
.prd-travel-banner .prd-travel-item {width: 23.6rem;}
.prd-travel-banner .prd-travel-item.item1 .box {background-color: #FDF5ED;}
.prd-travel-banner .prd-travel-item.item2 .box {background-color: #EDF5FF;}
.prd-travel-banner .prd-travel-item .box {display: block; width: 100%; height: 24rem; padding: 4.8rem 2.3rem 4rem; text-align: center;}
.prd-travel-banner .prd-travel-item .box > p {padding-top: 11.7rem; font-weight: var(--font-regular); font-size: var(--font-xs); color: var(--color-txt-body); line-height: 1.5;}
.prd-travel-banner .prd-travel-item.item1 .box > p {background: url('../../image/pdr/type2-banner1.png') no-repeat top center; background-size: 9.6rem auto;}
.prd-travel-banner .prd-travel-item.item2 .box > p {background: url('../../image/pdr/type2-banner2.png') no-repeat top center; background-size: 9.6rem auto;}
.prd-travel-banner .prd-travel-item .box > em {font-weight: var(--font-semibold); font-size: var(--font-md); color: var(--color-dark); line-height: 1.35;}

/* 상품소개 - Auto 케어보험 */
.plan-care {margin-top: var(--space-sm);}
.plan-care .accordion .accordion-head .inner {flex: 1 1 0; padding-left: var(--space-sm);}
.plan-care .accordion .accordion-head::before {content: ''; display: block; width: var(--icon-xl); height: var(--icon-xl); background: url('../../image/pdr/ico-pdr-xl.svg') no-repeat; background-size: var(--bg-size-xl);}
.plan-care .accordion .accordion-head.item-care1::before {background-position: calc(var(--icon-xl) * 0) calc(var(--icon-xl) * 0);}
.plan-care .accordion .accordion-head.item-care2::before {background-position: calc(var(--icon-xl) * -1) calc(var(--icon-xl) * 0);}
.plan-care .accordion .accordion-head.item-care3::before {background-position: calc(var(--icon-xl) * -2) calc(var(--icon-xl) * 0);}
.plan-care .accordion .accordion-head.item-care4::before {background-position: calc(var(--icon-xl) * -3) calc(var(--icon-xl) * 0);}

.pdr-info .option-step .card-item.step-type-auto1::before {background-position: calc(3.2rem * 0) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto2::before {background-position: calc(3.2rem * -1) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto3::before {background-position: calc(3.2rem * -2) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto4::before {background-position: calc(3.2rem * -3) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto5::before {background-position: calc(3.2rem * -4) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto6::before {background-position: calc(3.2rem * -5) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto7::before {background-position: calc(3.2rem * -6) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto8::before {background-position: calc(3.2rem * -7) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto9::before {background-position: calc(3.2rem * -8) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto10::before {background-position: calc(3.2rem * -9) calc(3.2rem * -1);}
.pdr-info .option-step .card-item.step-type-auto11::before {background-position: calc(3.2rem * 0) calc(3.2rem * -2);}
.pdr-info .option-step .card-item.step-type-auto12::before {background-position: calc(3.2rem * -1) calc(3.2rem * -2);}
.pdr-info .option-step .card-item.step-type-auto13::before {background-position: calc(3.2rem * -2) calc(3.2rem * -2);}

.note-sub2 {padding-top: var(--space-sm); line-height: 1.35; font-size: var(--font-min); color: var(--color-base);}

/* 상품소개 - 해외장기체류보험 */
.pdr-info {margin-top: var(--space-md);}
.pdr-info .option-step .card-item[class*="step-type"]::after {display: none;}
.pdr-info .option-step .card-item[class*="step-type"]::before {width: 3.2rem; height: 3.2rem; margin-right: var(--space-xxs); background-image: url('../../image/pdr/ico-pdr-lg.svg'); background-repeat: no-repeat; background-size: 32rem auto;}
.pdr-info .option-step .card-title .key {font-size: var(--font-xs); color: var(--color-txt-sub); line-height: 1.5; text-align: left;}
.pdr-info .option-step .card-item[class*="step-type"] {align-items: flex-start; padding: var(--space-sm) 0;}
.pdr-info .option-step .card-item:first-child {padding-bottom: var(--space-sm);}
.pdr-info .option-step .card-item:last-child {padding-top: var(--space-sm);}
.pdr-info .option-step .card-item .card-title {min-height: 3.2rem; display: flex; align-items: center;}
.pdr-info .option-step .card-item.step-type1::before {background-position: calc(3.2rem * 0) calc(3.2rem * 0);}
.pdr-info .option-step .card-item.step-type2::before {background-position: calc(3.2rem * -1) calc(3.2rem * 0);}
.pdr-info .option-step .card-item.step-type3::before {background-position: calc(3.2rem * -2) calc(3.2rem * 0);}

.pdr-info.type-auto .option-step .card-title .key {font-size: var(--font-md); color: var(--color-dark);}

/* 펫보험 */
.pet-photo .copy {font-size: 0;}
.pet-photo .copy > .txt {display: inline-block; margin-left: var(--space-xxs); line-height: 1.5; vertical-align: middle; font-size: var(--font-xs); color: var(--color-txt-body);}
.pet-photo .ex {display: flex; margin-top: var(--space-xxs);}
.pet-photo .ex > .photo {background-color: #FFECDB; border-radius: var(--radius-lg);}
.pet-photo .ex > .photo > img {width: min(15.6rem, 100%); margin: 0 auto;}
.pet-photo .ex > .photo:nth-child(2) {margin-left: var(--space-xxs); background-color: #FFF3D3;}
/* 2024-06-10 : 반려묘 bg color 추가 */
.pet-photo .ex > .photo.cat1 {background-color: #C4DCF3;}
.pet-photo .ex > .photo.cat2 {background-color: #DFEEFF;}

.file.option-image {margin-top: var(--space-sm);}
.file.option-image .file-btn {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 240px; background-color: var(--color-light); border: var(--line-sm) dashed var(--color-disable); border-radius: var(--radius-lg);}
.file.option-image .file-btn::before {width: var(--icon-lg); height: var(--icon-lg); margin: 0 auto var(--space-min); background: var(--bg-url-lg) no-repeat calc(var(--icon-lg) * -2) 0; background-size: var(--bg-size-lg);}

.file.option-image .file-name {padding: 0; border-radius: var(--radius-lg);}
.file.option-image .file-name::before {display: none;}
.file.option-image .file-name > .img {max-width: 100%; max-height: 240px; margin: 0 auto;}
.file.option-image .btn-attach {position: absolute; z-index: 1; bottom: 1.6rem; right: 1.6rem; width: 4.0rem; height: 4.0rem; background-color: rgba(0, 0, 0, .5); border-radius: 50%;}
.file.option-image .btn-attach::before {content: ''; position: absolute; top: 50%; left: 50%; width: var(--icon-md); height: var(--icon-md); margin-top: calc((var(--icon-md) / 2) * -1); margin-left: calc((var(--icon-md) / 2) * -1); background: var(--bg-url-md) no-repeat calc(var(--icon-md) * -9) calc(var(--icon-md) * -5);}

/* 주택화재보험 - 기간 및 납입방법 */
.chip-group.option-fixed .label {min-width: 6.4rem;}

/* 추가 버튼 */
.btn-group > .file-btn > span {display: inline-block; padding-left: var(--space-min); vertical-align: middle;}

/* 담보 상세설명 */
.coverage-copy {font-size: var(--font-sm); color: var(--color-txt-sub);}
.coverage-copy ~ .form {margin-top: var(--space-xl);}

.form-name > .coverage-title {display: flex; justify-content: space-between; padding: 0 var(--space-sm);}
.coverage-price.radio-group.option-boxed .radio-item {padding-right: var(--space-md); padding-left: var(--space-md);}
.coverage-price .radio-item .label {display: flex; width: 100%; justify-content: space-between;}
.coverage-price .radio-item .label > .txt {font-weight: var(--font-semibold);}
.coverage-price .radio-item .control[type='radio']:checked ~ .label > .txt:nth-child(2) {color: var(--color-primary);}

.coverage-price .flag {position: absolute; top: -.4rem; right: 2.0rem; padding: .35rem .4rem .85rem; background: url('../../image/pdr/coverage-bg.png') repeat-x 0 0; background-size: .4rem auto; line-height: 1; font-weight: var(--font-semibold); font-size: var(--font-min); color: var(--color-highlight);}
.coverage-price .flag::before {content: ''; position: absolute; top: 0; left: 0; width: .4rem; height: 100%; background: var(--color-light) url('../../image/pdr/coverage-bg-left.png') no-repeat 0 0; background-size: 100% auto;}
.coverage-price .flag::after {content: ''; position: absolute; top: 0; right: 0; width: 1.2rem; height: 100%; background: var(--color-light) url('../../image/pdr/coverage-bg-right.png') no-repeat 0 0; background-size: 100% auto;}
.coverage-price .flag > em {position: relative; z-index: 1;}

/* 가입 전 확인사항 */
.join-guide-wrap {position: relative;}
.join-guide-wrap .title-h3 {margin-top: var(--space-xxl);}
.join-guide-wrap .title-h3:first-child {margin-top: 0;}
.join-guide-wrap .title-h3 ~ .title-h4 {margin-top: var(--space-sm);}
.join-guide-wrap .list ~ .card {margin-top: var(--space-sm);}
.join-guide-wrap .list ~ .title-h4 {margin-top: var(--space-xxl);}

.join-guide-wrap .card.option-step .card-item[class*="step-type"] {align-items: flex-start;}
.join-guide-wrap .card.option-step .card-item.step-type1::before {background-position: 0 calc(var(--icon-xl) * -3);}
.join-guide-wrap .card.option-step .card-item.step-type2::before {background-position: calc(var(--icon-xl) * -2) calc(var(--icon-xl) * -3);}
.join-guide-wrap .card.option-step .card-item.step-type3::before {background-position: calc(var(--icon-xl) * -3) calc(var(--icon-xl) * -3);}
.join-guide-wrap .card.option-step .card-item.step-type4::before {background-position: calc(var(--icon-xl) * -3) calc(var(--icon-xl) * -5);}
.join-guide-wrap .card.option-step .card-item.step-type5::before {background-position: calc(var(--icon-xl) * -6) calc(var(--icon-xl) * -7);}
.join-guide-wrap .card.option-step .card-main {margin-top: var(--space-min); font-size: var(--font-xs);}

#popup > .popup-wrap.option-full .popup-foot .btn-group > .btn-confirm.is-disabled,
#popup > .popup-wrap.option-full .popup-foot .btn-group > .btn-confirm.is-disabled:hover {background-color: var(--color-primary-bg-dark); border-color: var(--color-primary-bg-dark); box-shadow: none;}

/* 제휴페이지 */
#page.main-option-partner .section:first-child {padding-top: calc(var(--header-height) + var(--space-lg));}
#page.main-option-partner .pdr-visual {margin-top: calc((var(--space-lg) + var(--header-height)) * -1); padding-top: calc(var(--header-height) + var(--space-xl));}
#page.main-option-partner .pdr-visual[class*="kia-type"] .sub {font-size: var(--font-min);}
#page.main-option-partner .pdr-visual[class*="kia-type"] .sub > em {}
#page.main-option-partner .pdr-visual[class*="kia-type"] .main-title {font-size: var(--font-title-lg); color: var(--color-dark);}
#page.main-option-partner .pdr-visual[class*="kia-type"] .main-title > strong {display: block; font-size: var(--font-headline-lg);}

.pdr-benefit-kia.card.option-data {position: relative; margin-top: -8.0rem; padding: var(--space-lg); padding-bottom: var(--space-xl); border: none; box-shadow: var(--shadow-md);}
.pdr-benefit-kia.card.option-data .card-title .key {font-size: var(--font-title-sm);}
.pdr-benefit-kia.card.option-data .card-title .key::before {content: ''; display: inline-block; width: var(--icon-md); height: var(--icon-md); margin-right: var(--space-xxs); background-image: url('../../image/pdr/ico-prd-md.svg'); background-repeat: no-repeat; background-size: var(--bg-size-md); vertical-align: middle;}
.card-item.kia-type1 .card-title .key::before {background-position: 0 0;}
.card-item.kia-type2 .card-title .key::before {background-position: calc(var(--icon-md) * -1) 0;}
.card-item.kia-type3 .card-title .key::before {background-position: calc(var(--icon-md) * -2) 0;}
.card-item.kia-type4 .card-title .key::before {background-position: calc(var(--icon-md) * -3) 0;}
.card-item.kia-type5 .card-title .key::before {background-position: calc(var(--icon-md) * -4) 0;}
.card-item.kia-type6 .card-title .key::before {background-position: calc(var(--icon-md) * -5) 0;}
.card-item.kia-type7 .card-title .key::before {background-position: calc(var(--icon-md) * -6) 0;}
.card-item.kia-type8 .card-title .key::before {background-position: calc(var(--icon-md) * -7) 0;}
.pdr-benefit-kia.card.option-data .card-main {font-size: var(--font-sm);}
.pdr-benefit-kia.card.option-data .card-main .refer {display: block; padding-top: var(--space-min); font-size: var(--font-sm); color: var(--color-base);}

.payment-kia {align-items: flex-start;}
.payment-kia > .unit:first-child {flex-shrink: 0;}
.payment-kia > .unit:last-child {flex-shrink: 1; width: 100%; text-align: right; word-break: break-all; color: var(--color-dark);}
.payment-kia .card-image {overflow: hidden; width: 8.8rem; border-radius: var(--radius-sm); box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, 0.25);}
.payment-kia .subject {display: block; font-size: var(--font-sm);}
.payment-kia .point {display: block; font-weight: var(--font-semibold); font-size: var(--font-title-lg);}

/* 제휴페이지 - 현대캐피탈/기아멤버스/유심사 메인비쥬얼, 로고 */
#page.main-option-partner .pdr-visual.partnership {padding-top: calc(var(--header-height) + var(--space-lg));}
#page.main-option-partner .pdr-visual.partnership.kia-type {height: 55rem;}
#page.main-option-partner .pdr-visual.partnership.kia-type .bg {height: 55rem;}

.pdr-visual .partner-logo {position: relative; display: block; height: 2rem; background-repeat: no-repeat; background-position: left top;}
.pdr-visual .partner-logo.hyundai {width: 24.8rem; height: 3.6rem; margin-bottom: var(--space-md); background-image: url('../../image/pdr/hyundai-logo-re.png'); background-size: 24.8rem auto;} /* 2026-07-20 : 현대캐피탈 로고 파일명/width값 변경, height값 추가 */
.pdr-visual .partner-logo.kia {width: 27.2rem; margin-bottom: 1.4rem; background-image: url('../../image/pdr/kia-logo.png'); background-size: 27.2rem auto;}
.pdr-visual .partner-logo.usimsa {width: 23.0rem; margin-bottom: 1.4rem; background-image: url('../../image/pdr/usimsa-logo.png'); background-size: 23.0rem auto;} /* 2025-02-18 : 유심사 추가 */

/* 결제 수단 선택 */
.summary.payment .summary-item [class*="card-"] ~ .card-info {padding-top: 0; border-top: 0;}

/* 스티키 버튼 안내 문구 */
.tooltip.option-show {position: absolute; top: 0; left: 0; width: 100%; height: 0; margin-top: 0; justify-content: center;}
.tooltip.option-show .tooltip-body {margin-top: -2.0rem; background-color: var(--color-txt-body); animation: animation-tooltip var(--animation-speed) var(--animation-timing-outback) forwards;}
.tooltip.option-show .tooltip-body::before {bottom: -.5rem; left: 50%; margin-left: -.4rem; background-position: -2.0rem 0; transform: rotate3d(0, 0, 1, 270deg);}
.tooltip.option-show.is-open .tooltip-body {display: block;}

.kia-price {position: relative; margin-top: var(--space-sm); padding-top: var(--space-sm); border-top: var(--line-sm) solid var(--color-bg-base);}
.kia-price .box {padding: 1.5rem 1.9rem;}
.kia-price .box .title {font-size: var(--font-xs); color: var(--color-dark);}
.kia-price .box .title .sub {font-size: var(--font-min); color: var(--color-base);}
.kia-price .box .price {flex-shrink: 0; font-size: var(--font-title-md); font-weight: var(--font-semibold); letter-spacing: -.02rem; color: var(--color-dark);}
.kia-price .box .price > strong {color: var(--color-primary);}
.kia-price-sub {padding-top: var(--space-min); font-size: var(--font-min); color: var(--color-base);}

.tooltip.kia-members {position: absolute; top: -.8rem; right: 0; width: 100%; height: 0; margin-top: 0;}
.tooltip.kia-members .tooltip-body {right: .8rem; padding-right: 3.2rem; background-color: var(--color-primary); box-shadow: var(--shadow-md);}
.tooltip.kia-members .tooltip-body::before {bottom: -.5rem; right: 1.6rem; top: auto; left: auto; background-position: -1.0rem 0; transform: rotate3d(0, 0, 1, 270deg);}

.tooltip.kia-members .btn-close {position: absolute; top: 50%; right: .8rem; width: calc(var(--icon-sm) + var(--space-xxs)); height: calc(var(--icon-sm) + var(--space-xxs)); margin-top: calc((var(--icon-sm) + var(--space-xxs)) / 2 * -1); padding: var(--space-min);}
.tooltip.kia-members .btn-close::before {content: ''; display: block; width: 100%; height: 100%; background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -4); background-size: var(--bg-size-sm);}

.pdr-info.type-kia {margin-top: 0;}
.pdr-info.type-kia .option-step .card-title .key {font-size: var(--font-md); color: var(--color-dark);}
.pdr-info .option-step .card-item.step-type-kia1::before {background-position: 0 calc(3.2rem * -3);}

/* 신한 레저보험 - 기아멤버십 */
.list > li > .kia-depth-o3 {margin-top: 0;}
.list.depth-u1 > li .kia-depth-o2 {padding-bottom: 0;}
.list.depth-u1 > li .kia-depth-o3 {padding-bottom: 0;}
.kia-depth-o3 > li + li {margin-top: 0;}

/* 여행목적 */
.radio-group.option-icon .radio-item {align-items: center;}
.radio-group.option-icon .radio-item::before {content: ''; position: relative; z-index: 1; display: inline-block; width: var(--icon-lg); height: var(--icon-lg); margin-right: var(--space-min); background-image: var(--bg-url-lg); background-repeat: no-repeat; background-size: var(--bg-size-lg);}
.radio-group.option-icon .radio-item.type1::before {background-position: 0 calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item.type2::before {background-position: calc(var(--icon-lg) * -1) calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item.type3::before {background-position: calc(var(--icon-lg) * -2) calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item.type4::before {background-position: calc(var(--icon-lg) * -3) calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item.type5::before {background-position: calc(var(--icon-lg) * -4) calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item.type6::before {background-position: calc(var(--icon-lg) * -5) calc(var(--icon-lg) * -4);}
.radio-group.option-icon .radio-item .label::before {box-shadow: var(--shadow-sm);}
.radio-group.option-icon .radio-item.is-active .label::before {border-color: var(--color-primary);}

/* 제휴페이지 푸터 - 2024-05-08 : 현대캐피탈 제휴사 가이드라인 콜센터 번호 표기 필수로 인한 영역 추가 */
#page.main-option-partner .section.option-footer {padding-bottom: calc(2.4rem + 8.8rem); padding-bottom: calc(2.4rem + 8.8rem + constant(safe-area-inset-bottom)); padding-bottom: calc(2.4rem + 8.8rem + env(safe-area-inset-bottom));}

/* 쿠폰입력 - 2024-05-14 : 상단 비주얼 이미지 추가 */
.center-img.center-coupon {height: 14.5rem; background-image: url('../../image/cmm/coupon-img.png');} /* 금융안심보험 */
.center-img.center-pet-coupon {height: 17.2rem; background-image: url('../../image/cmm/pet-coupon-img.png');} /* 2024-06-10 : 펫보험 */
.center-img.center-golf-coupon {height: 19.2rem; background-image: url('../../image/cmm/golf-coupon-img.png'); background-size: 26.0rem auto;} /* 2024-08-12 : 미니생활보험 골프케어 */ /* 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */

/* 가입내역확인 - 2024-05-14 : 상단 비주얼 이미지 추가 */
.center-img.center-info {height: 14.5rem; background-image: url('../../image/cmm/info-img.png');}
.center-img.center-min1-info {height: 14.5rem; background-image: url('../../image/cmm/info-min1-img.png');} /* 미니보험 - 2025-03-28 : 착오송금 회수비용 보장보험 */
.center-img.center-min2-info {height: 14.5rem; background-image: url('../../image/cmm/info-min2-img.png');} /* 미니보험 - 2025-03-28 : 피싱해킹 사기피해 보장보험 */

/* 가입내역확인 - 2025-04-08 : 카드형목록 구분 라인 추가 */
.card-info.option-line {padding-top: 0; border-top: 0;}
.card-info.option-line .item-row.row-bb-line {border-bottom: var(--line-sm) solid #D9D9D9; padding-bottom: var(--space-xs); margin-bottom: var(--space-xs);}

/* 펫보험 동물,성별 - 2024-06-10 추가 */
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item {align-items: center;}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item::before {content: ''; position: relative; z-index: 1; display: inline-block; width: var(--icon-lg); height: var(--icon-lg); margin-right: var(--space-min); background-image: var(--bg-url-lg); background-repeat: no-repeat; background-size: var(--bg-size-lg);}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item.pet1::before {background-position: 0 calc(var(--icon-lg) * -6);}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item.pet2::before {background-position: calc(var(--icon-lg) * -1) calc(var(--icon-lg) * -6);}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item.pet3::before {background-position: calc(var(--icon-lg) * -2) calc(var(--icon-lg) * -6);}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item.pet4::before {background-position: calc(var(--icon-lg) * -3) calc(var(--icon-lg) * -6);}
#popup > .popup-wrap.option-bottom-sheet .radio-group.option-icon .radio-item .label::before {box-shadow: var(--shadow-sm);}

/* 상품소개 - 2024-06-27 : pdr-img 이미지 처리 */
.pdr-img.product-type8-detail3 {height: 17.7rem; background: url('../../image/pdr/product-type8-detail3.png') no-repeat 50% 0; background-size: contain;} /* 펫보험 의료비 보상 */
.pdr-img.product-type8-detail4 {height: 17.7rem; background: url('../../image/pdr/product-type8-detail4.png') no-repeat 50% 0; background-size: contain;} /* 펫보험 보장개시일 계산 예시 추가 : 2024-10-15 */

/* 펫보험 담보명 안내 - 2024-06-28 : 펫보험 의료비 보상 이미지 추가 - 2024-10-15 : 펫보험 보장개시일 계산 예시 추가 */
#popup > .popup-wrap.option-modal .popup-content .pdr-img.product-type8-detail3 {display: block; width: calc(100% + 4.0rem); margin-left: -2.0rem; margin-right: -2.0rem; margin-top: var(--space-xs);}
#popup > .popup-wrap.option-modal .popup-content .pdr-img.product-type8-detail4 {display: block; width: calc(100% + 4.0rem); margin-left: -2.0rem; margin-right: -2.0rem; margin-top: var(--space-xs);}

/* 2024-06-27 : 보상하지 않는 손해 박스 추가 */
.box.primary-box {background-color: var(--color-primary-bg-light); border-color: var(--color-primary-disabled);}
.box.primary-box .note-title2 {font-weight: var(--font-medium); color: var(--color-txt-sub);}
.box.primary-box .list.depth-u2 > li {font-size: var(--font-xs); color: var(--color-txt-sub);}
.box.primary-box .list.depth-u2 > li::before {background-color: var(--color-txt-sub);}

/* 청약내용 확인 - 2024-06-28 : 보장내용 담보명 2줄로 인한 css 추가 */
.card.option-data .card-info .item-col + .item-col {margin-top: var(--space-xxs);}
.card.option-data .card-info .item-col > .unit + .unit {margin-top: var(--space-min);}

/* 보험료 예시 : 2024-07-26 추가 */
.card.option-data.ex-table {overflow: hidden; position: relative; padding: var(--space-lg); border: none; box-shadow: var(--shadow-md); text-align: left;}
.card.option-data.ex-table .list-head.item-row .list-title {font-size: var(--font-title-xs); font-weight: var(--font-medium); color: var(--color-base);}
.card.option-data.ex-table .list-head.item-row .unit > .txt {font-size: var(--font-xxs); font-weight: var(--font-regular); color: var(--color-base);}
.card.option-data.ex-table .ex-table-list {width: 100%; color: var(--color-txt-sub); border-collapse: separate;}
.card.option-data.ex-table .ex-table-list > thead > tr > th {font-size: var(--font-xs); font-weight: var(--font-medium); color: var(--color-txt-sub); text-align: center; padding-bottom: var(--space-min);}
.card.option-data.ex-table .ex-table-list > tbody > tr {position: relative; overflow: hidden; z-index: 0; border-bottom: .4rem solid var(--color-light);}
.card.option-data.ex-table .ex-table-list > tbody > tr::after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: auto; background-color: var(--color-primary-bg-light); border-radius: var(--radius-md); z-index: -1;}
.card.option-data.ex-table .ex-table-list > tbody > tr > th,
.card.option-data.ex-table .ex-table-list > tbody > tr > td {font-size: var(--font-xs); font-weight: var(--font-semibold); color: var(--color-dark); line-height: 1.5; text-align: center; padding: var(--space-min) var(--space-min) var(--space-xxs);}
.card.option-data.ex-table .ex-table-list > tbody > tr > th {color: var(--color-primary); font-weight: var(--font-medium);}
.card.option-data.ex-table .ex-table-list > tbody > tr:last-child {border: none;}
.card.option-data.ex-table .ex-table-list > tbody > tr:last-child > th,
.card.option-data.ex-table .ex-table-list > tbody > tr:last-child > td {padding-bottom: var(--space-min);}

/* 팝업 - 보험료 예시 표 : 2024-07-26 추가 */
#popup > .popup-wrap.option-bottom-sheet .ex-table {background-color: var(--color-bg-light); padding: var(--space-xxs) var(--space-sm); border-radius: var(--radius-md);}
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list {width: 100%; color: var(--color-txt-sub); border-collapse: separate;}
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list > thead > tr > th,
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list > tbody > tr > th,
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list > tbody > tr > td {font-size: var(--font-xxs); font-weight: var(--font-regular); color: var(--color-txt-sub); line-height: 1; text-align: center; padding: var(--space-min) var(--space-min) var(--space-xxs);}
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list > thead > tr > th {font-size: var(--font-min);}
#popup > .popup-wrap.option-bottom-sheet .ex-table .ex-table-list > tbody > tr > td {color: var(--color-dark);}

/* 팝업 - 담보별 보험료 예시 : 2024-07-26 추가  */
#popup > .popup-wrap.option-bottom-sheet .card.option-data.option-bg {border: none; background-color: var(--color-bg-light); padding-top: var(--space-sm); padding-bottom: var(--space-sm);}
#popup > .popup-wrap.option-bottom-sheet .card.option-data.option-bg .item-row.option-space-around {justify-content: space-around;}
#popup > .popup-wrap.option-bottom-sheet .card.option-data.option-bg .card-title > .txt > em {font-size: var(--font-min); font-weight: var(--font-regular); color: #515767;}
#popup > .popup-wrap.option-bottom-sheet .card.option-data.option-bg .card-info .txt {font-size: var(--font-xxs); font-weight: var(--font-regular); color: var(--color-txt-sub);}
#popup > .popup-wrap.option-bottom-sheet .card.option-data.option-bg .card-info .option-value {color: var(--color-dark);}

/* 신한 미니생활보험 골프케어 : 2024-08-12 - 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */
.pdr-visual.type9.partnership .main-title .ico-golf-plus {position: relative; display: inline-block; color: var(--color-primary); top: -.6rem;}

/* 금융안심보험 - 착오송금 회수비용 보장보험 배타적 사용권 획득 박스 추가 : 2024-09-27 */
.pdr-benefit .card-item.card-row {flex-direction: column !important; justify-content: flex-start !important;}
.pdr-benefit .card-item.card-row::after {position: absolute; right: 0; margin-top: var(--space-md);} /* 2024-10-02 착오송금 회수비용 내용 위치이동으로 인한 top: 0 삭제 */
.pdr-benefit .card-item.card-row .card-box {margin-top: var(--space-sm); padding: var(--space-xxs) var(--space-xs); border-radius: var(--radius-sm); background-color: var(--color-primary-bg-base);}
.pdr-benefit .card-item.card-row .card-box > .txt {color: var(--color-primary); font-size: var(--font-xs); font-weight: var(--font-medium);}
.pdr-benefit .card-item.card-row .card-box .ico-medal {position: relative; display: flex; flex-direction: row; justify-content: flex-start;}
.pdr-benefit .card-item.card-row .card-box .ico-medal::before {content: ''; flex-shrink: 0; display: block; margin-top: .1rem; padding-right: var(--space-md); width: var(--icon-sm); height: var(--icon-sm); background-image: var(--bg-url-sm); background-repeat: no-repeat; background-size: var(--bg-size-sm); background-position: calc(var(--icon-sm) * -9) calc(var(--icon-sm) * -6); z-index: 1;}

/* 해외여행보험 - 라디오버튼 - 박스형 - 남여 체크 아이콘 추가 : 2024-10-07 */
.radio-group.option-boxed.option-check {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; width: 100%;}
.radio-group.option-boxed.option-check .label::before {background-color: var(--color-bg-light);}
.radio-group.option-boxed.option-check .radio-item {position: relative; flex-basis: calc(50% - var(--space-xxs)); flex-shrink: 1; flex-grow: 1; vertical-align: middle;}
.radio-group.option-boxed.option-check .radio-item .control[type='radio'] {width: 2.2rem; height: 2.2rem; margin: .1rem; background-color: var(--color-disable); border-width: var(--line-sm); border-color: var(--color-disable); border-radius: var(--radius-lg);}
.radio-group.option-boxed.option-check .radio-item .control[type='radio']::after {content: ''; position: absolute; top: 50%; left: 50%; width: var(--icon-md); height: var(--icon-md); background: var(--bg-url-md) no-repeat calc(var(--icon-md) * -5) calc(var(--icon-md) * -2); background-size: var(--bg-size-md); transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0); transform-origin: 0 0; transition: none;}
.radio-group.option-boxed.option-check .radio-item .control[type='radio']:checked::after {background-position: calc(var(--icon-md) * -5) calc(var(--icon-md) * -2);}
.radio-group.option-boxed.option-check .radio-item .control[type='radio']:checked ~ .label {font-weight: var(--font-medium); color: var(--color-dark);}

.radio-group.option-boxed.option-check .radio-item .control[type='radio']:disabled {animation: none; background-color: var(--color-bg-light); border-color: var(--color-bg-base);}
.radio-group.option-boxed.option-check .radio-item .control[type='radio']:disabled:checked {background-color: var(--color-primary-bg-dark); border-color: var(--color-primary-bg-dark);}
.radio-group.option-boxed.option-check .radio-item .control[type='radio']:disabled:checked::after {transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0);}

.radio-group.option-boxed.option-check .radio-item + .radio-item {margin-left: var(--space-xxs); margin-top: 0;}

/*** 테이블 - 데이타형 - 베이직형(보험료 예시) : 2024-10-29 */
.data-body.option-basic {border-top: 0;}
.data-body.option-basic .data-list > thead > tr > th, .data-body.option-basic .data-list > tbody > tr > th, .data-body.option-basic .data-list > tbody > tr > td {padding: .7rem 1.0rem .5rem; line-height: 1.3;}

/* 모바일청약 고지사항 확인 - 해외여행보험 : 2024-11-14 */
.grid-area .num-list .item-row {align-items: flex-start; justify-content: flex-start;}
.grid-area .num-list > li + li {margin-top: var(--space-lg);}
.grid-area .num-list > li .unit + .unit {margin-top: var(--space-xs);}
.grid-area .num-list > li .num {display: block; width: 1.6rem; height: 1.6rem; margin-top: .3rem; margin-right: var(--space-xxs); font-size: 1.1rem; font-weight: var(--font-semibold); line-height: 1.6; text-align: center; color: var(--color-primary); background-color: var(--color-primary-bg-base); border-radius: 100%;}
.grid-area .num-list .title-h5,
.grid-area .num-list .title-h5 > .txt {line-height: 1.35;}

/* 토스트 유형 - 아이콘추가 : 2024-11-14 */
.toast.option-icon {margin-bottom: calc(8.6rem + env(safe-area-inset-bottom));}
.toast.option-icon .icon.warning {display: inline-block; vertical-align: middle; width: 1.6rem; height: 1.6rem; margin-right: .4rem; margin-top: -.2rem; background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -2) 0; background-size: var(--bg-size-sm);}

/* 버튼 뱃지 - 2025-06-12 : 신한은행 미니생활보험 골프케어 > 가입내역확인 - 2025-06-26 : 기획 변경으로 사용 안함 */ /* 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */
.btn:not(.btn-badge) {position: relative;}
.btn > .btn-badge {position: absolute; top: -.1rem; left: 1.2rem; display: inline-block; border-radius: 0 0 var(--radius-sm) var(--radius-sm); vertical-align: middle; text-align: center; font-weight: var(--font-semibold); font-size: var(--font-min); min-width: 2.0rem; padding: .3rem .4rem .3rem; line-height: 1; letter-spacing: -.06rem; color: var(--color-light);}
.btn > .btn-badge.new {background-color: #FFD400;}

/* CTA 버튼 아이콘, 툴팁 - 2025-06-26 : 신한은행 미니생활보험 골프케어 > 가입내역확인 */ /* 2025-08-14 : 상품명 '레저 → 미니생활' 변경 */
.btn-group.option-main .btn.icon-gift::before {content: ''; display: inline-block; width: var(--icon-md); height: var(--icon-md); margin-right: var(--space-min); background-image: var(--bg-url-md); background-repeat: no-repeat; background-size: var(--bg-size-md); background-position: calc(var(--icon-md) * -9) calc(var(--icon-md) * -8); vertical-align: middle;}
.btn-group.option-main .btn.icon-gift:disabled::before {opacity: .3;} /* 2025-08-14 : 선물하기 버튼 disabled 상태 아이콘 css 추가 */

.btn-group.option-main .tooltip.cta-tooltip {margin-top: calc(var(--space-min) * -9); position: absolute;}
.btn-group.option-main .tooltip.cta-tooltip .tooltip-body {padding-right: 3.2rem;}
.btn-group.option-main .tooltip.cta-tooltip .tooltip-body::before {bottom: -.5rem; top: auto; left: auto; transform: rotate3d(0, 0, 1, 270deg);}

.btn-group.option-main .tooltip.cta-tooltip .btn-close-cta-tooltip {position: absolute; top: 50%; right: .8rem; width: calc(var(--icon-sm) + var(--space-xxs)); height: calc(var(--icon-sm) + var(--space-xxs)); margin-top: calc((var(--icon-sm) + var(--space-xxs)) / 2 * -1); padding: var(--space-min);}
.btn-group.option-main .tooltip.cta-tooltip .btn-close-cta-tooltip::before {content: ''; display: block; width: 100%; height: 100%; background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -4); background-size: var(--bg-size-sm);}

/* 상품소개 - 이벤트 뱃지 - 2025-07-31 : SOL 보험가입 이벤트 */
.pdr-visual .event-badge {position: absolute; right: var(--space-lg); display: block; z-index: 2;} /* 2025-12-17 : z-index값 추가 */
.pdr-visual .event-badge.naver {width: 8.6rem; height: 2.5rem; background-image: url('../../image/pdr/npay-event-badge.png'); background-size: auto 2.5rem;} /* 2025-07-31 : 네이버페이 */
.pdr-visual .event-badge.ssg {width: 8.7rem; height: 2.5rem; background-image: url('../../image/pdr/ssgpay-event-badge.png'); background-size: auto 2.5rem;} /* 2025-09-05 : SSGPAY */
.pdr-visual .event-badge.wbc {width: 11.1rem; height: 2.5rem; background-image: url('../../image/pdr/wbc-event-badge.png'); background-size: auto 2.5rem;} /* 2026-02-10 : WBC 응원 이벤트 */

/* 상품소개 - 팝오버(예외 유형) - 2025-08-04 : 신한 제휴카드 할인혜택 팝오버 추가 */
.helper.txt-link-helper {display: block; width: auto; height: auto;}
.helper.txt-link-helper .helper-btn.btn-txt-link {background: none;}
.helper.txt-link-helper .popover.option-padding {padding: var(--space-xxl) var(--space-md) var(--space-md); left: 0 !important; right: 0; margin: auto;} /* 2025-08-07 : popup 공통 left 값이 우선 적용되어 !important 추가 */
/* 상품소개 - 팝오버(예외 유형) - 2025-12-17 : 팝오버 박스 유형 추가 */
.helper.txt-link-helper .box.option-bg {padding: 1.6rem 2.0rem; background-color: var(--color-bg-light); border-color: var(--color-disable); border-radius: .6rem;}
.helper.txt-link-helper .box.option-bg .note-title {color: #515767; text-align: center;}
.helper.txt-link-helper .box.option-bg .text2 {font-size: var(--font-min); color: var(--color-base); line-height: 1.3; word-break: break-all;} /* 2025-12-19 : word-break 추가 */

/* 제휴카드 목록 - 2025-08-04 */
.bnf-card-wrap {position: relative;}
.bnf-card-wrap .bnf-card-title {display: block; margin-bottom: var(--space-min); padding: var(--space-min) var(--space-xs); font-weight: var(--font-medium); font-size: var(--font-xs); color: #515767; text-align: center; background-color: var(--color-bg-base); border-radius: var(--radius-xl);}
.bnf-card-wrap .bnf-card-list > .bnf-card-item {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: var(--space-xxl); margin: var(--space-min) 0; border-bottom: var(--line-sm) solid var(--color-bg-dark);}
.bnf-card-wrap .bnf-card-list > .bnf-card-item:last-child {border-color: var(--color-disable);}
.bnf-card-wrap .bnf-card-list > .bnf-card-item .card-txt {flex-grow: 1; padding-left: 4.0rem; font-weight: var(--font-regular); font-size: var(--font-xs); color: var(--color-base); text-align: center; line-height: 1.35; word-break: keep-all;}
.bnf-card-wrap .bnf-card-list > .bnf-card-item .btn-txt-link {flex-shrink: 0; padding: var(--space-min);}
.bnf-card-wrap .bnf-card-list > .bnf-card-item::before {content:''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 4.0rem; height: 4.0rem; background-image: url('../../image/pdr/bnf-card.svg'); background-repeat: no-repeat; background-size: 40.0rem auto;}
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card1:before {background-position: 0 0;} /* 신한카드 SOL트래블 체크 */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card2:before {background-position: calc(4.0rem * -1) 0;} /* 신한카드 SOL트래블 */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card3:before {background-position: calc(4.0rem * -2) 0;} /* 메리어트 본보이™ 더 베스트 신한카드 */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card4:before {background-position: calc(4.0rem * -3) 0;} /* 메리어트 본보이™ 더 클래식 신한카드 */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card5:before {background-position: calc(4.0rem * -4) 0;} /* 싱가포르항공 크리스플라이어 더 베스트 신한카드 */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card6:before {background-position: calc(4.0rem * -5) 0;} /* 신한카드 Haru (Hoshino Resorts) */
.bnf-card-wrap .bnf-card-list > .bnf-card-item.card7:before {background-position: calc(4.0rem * -6) 0;} /* 신한카드 The BEST-X */

/* 기가입자 할인 적용 상품 목록 - 2025-12-17 - 2025-12-19 : .bnf-prd-item.prd2 ~ 6 background-position 1.6rem으로 변경 */
.bnf-prd-wrap {position: relative;}
.bnf-prd-wrap .bnf-prd-title {display: block; margin-bottom: var(--space-min); padding: var(--space-min) var(--space-xs); font-weight: var(--font-medium); font-size: var(--font-xs); color: #515767; text-align: center; background-color: var(--color-bg-base); border-radius: var(--radius-xl);}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: var(--space-xxl); margin: var(--space-min) 0; border-bottom: var(--line-sm) solid var(--color-bg-dark);}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item:last-child {border-color: var(--color-disable);}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item .prd-txt {flex-grow: 1; padding-left: 2.4rem; font-weight: var(--font-regular); font-size: var(--font-xs); color: var(--color-base); text-align: center; line-height: 1.35; word-break: keep-all;}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item .btn-txt-link {flex-shrink: 0; padding: var(--space-min);}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item::before {content:''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1.6rem; height: 1.6rem; background-image: url('../../image/pdr/bnf-shinhan-prd.svg'); background-repeat: no-repeat; background-size: 40.0rem auto;}
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd1:before {background-position: 0 0;} /* 처음건강보험 */
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd2:before {background-position: calc(1.6rem * -1) 0;} /* 암보험 */
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd3:before {background-position: calc(1.6rem * -2) 0;} /* 뇌·심장보험 */
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd4:before {background-position: calc(1.6rem * -3) 0;} /* 면역질환보험 */
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd5:before {background-position: calc(1.6rem * -4) 0;} /* 운전자보험 */
.bnf-prd-wrap .bnf-prd-list > .bnf-prd-item.prd6:before {background-position: calc(1.6rem * -5) 0;} /* 주택화재보험 */

/* 제휴카드 팝업 - 2025-08-04 */
.ad-banner-title {position: relative; padding-left: 5.6rem; font-size: var(--font-title-sm); line-height: 1.35; font-weight: var(--font-semibold); color: var(--color-dark); margin-bottom: var(--space-xxs);}
.ad-banner-title::before {content: '';  position: absolute; top: 0; left: 0; width: var(--icon-xl); height: var(--icon-xl); background-image: var(--bg-url-xl); background-repeat: no-repeat; background-size: var(--bg-size-xl); background-position: calc(var(--icon-xl) * -9) calc(var(--icon-xl) * -10);}
.ad-banner-title > span {font-size: var(--font-sm); font-weight: var(--font-medium);}

/* Auto케어 보장보험 목록 - 2025-08-28 : pdr-body-list 추가 */
.pdr-body-list {padding-top: var(--space-lg);}
.pdr-body-list .list.depth-u2 > li {line-height: 1.5; font-size: var(--font-xs); color: var(--color-base); text-align: left; word-break: keep-all;}
.pdr-body-list .list.depth-u2 > li::before {background-color: var(--color-base);}
.pdr-body-list .list.depth-u2 > li .list {padding-left: var(--space-min);}
.pdr-body-list .list.depth-u2 > li .list > li {text-indent: calc(var(--space-min) * -1); color: var(--color-base); }

/* 2024-06 : 플젝A1 추가 - 시작 */
/* 알릴사항 */
.notify-list {display: flex; flex-direction: column; gap: var(--space-xl);}
.notify-item {display: flex; flex-direction: column; gap: var(--space-sm);}
.notify-item .image {display: block; margin: 0 auto;}
.notify-item .question > .txt {display: block; line-height: 1.35; font-weight: var(--font-semibold); color: var(--color-dark);}
.notify-item .question > .txt > strong {color: var(--color-primary);}
.notify-item .image ~ .question > .txt {margin-top: var(--space-xxs);}
.notify-item .answer + .answer {margin-top: var(--space-sm);}
.notify-item .checkbox-item.check-more {align-items: flex-start; font-size: var(--font-xs);}
.notify-item .detail > .form-value ~ .form-name {margin-top: var(--space-sm);}

.checkbox-group.option-boxed.option-value .checkbox-item {align-items: center;}
.checkbox-group.option-boxed.option-value .checkbox-item > .label {flex-shrink: 0;}
.checkbox-group.option-boxed.option-value .checkbox-item > .value {width: 100%; position: relative; overflow: hidden; display: inline-block; margin-left: var(--space-xxs); text-align: right; vertical-align: middle; line-height: 1.5; font-size: var(--font-xs); color: var(--color-txt-sub); white-space: nowrap; text-overflow: ellipsis;}

.btn.icon.medical::after {margin-top: -.1rem; background-position: calc(var(--icon-sm) * -6) calc(var(--icon-sm) * -7);}

/* 자녀정보 */
.radio-item.children-info-type1::before {background-position: calc(var(--icon-lg) * -6) calc(var(--icon-lg) * -4);}
.radio-item.children-info-type2::before {background-position: calc(var(--icon-lg) * -7) calc(var(--icon-lg) * -4);}
.radio-item.children-info-type3::before {background-position: calc(var(--icon-lg) * -2) calc(var(--icon-lg) * -4);}
.radio-item.children-info-type4::before {background-position: calc(var(--icon-lg) * -8) calc(var(--icon-lg) * -4);}

/* 타상품가입유도 */
.product-ad-wrap {text-align: center;}
.product-ad-wrap .text {font-size: var(--font-xs);}
.product-ad-wrap .text > .refer {font-size: var(--font-xxs);} /* 2026-04-16 : 상품연계 대상상품 클래스 추가 */
.product-ad-wrap .visual {margin: var(--space-sm) auto 0;}

/* 가입조건 변경 툴팁 */
.tooltip.set-condition {align-items: end; justify-content: flex-end; margin-top: calc(var(--space-min) * -1); margin-right: calc(var(--space-min) * -1); width: var(--icon-md); height: var(--icon-md);}
.tooltip.set-condition .tooltip-body {z-index: 10; margin-top: 0; margin-bottom: 2.8rem; margin-right: -.6rem; margin-left: 2.0rem; padding-right: 3.2rem; background-color: var(--color-primary);} /* 2025-04-09 : z-index값 변경 */
.tooltip.set-condition .tooltip-body::before {bottom: -.5rem; right: 1.6rem; top: auto; left: auto; background-position: -1.0rem 0; transform: rotate3d(0, 0, 1, 270deg);}

.tooltip.set-condition .btn-close-condition {position: absolute; top: 50%; right: .8rem; width: calc(var(--icon-sm) + var(--space-xxs)); height: calc(var(--icon-sm) + var(--space-xxs)); margin-top: calc((var(--icon-sm) + var(--space-xxs)) / 2 * -1); padding: var(--space-min);}
.tooltip.set-condition .btn-close-condition::before {content: ''; display: block; width: 100%; height: 100%; background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -4); background-size: var(--bg-size-sm);}

/* 비갱신형 유형 안내 */
.type-shi-pop1 {overflow: hidden; margin-bottom: var(--space-sm); border: var(--line-sm) solid rgba(56, 109, 255, .15); border-radius: var(--radius-md);}
.type-shi-pop1 > img {width: calc(100% + (var(--line-sm) * 2)); max-width: calc(100% + (var(--line-sm) * 2)); margin: calc(var(--line-sm) * -1);}

/* 신용정보원 보험금 청구 가져오기 */
.import-info-wrap {text-align: center;}
.import-info-wrap .note {text-align: left;}
/* //2024-06 : 플젝A1 추가 - 끝 */


/* 2025-07-07 : 채널업무 효율화 추가 - 시작 */
/* 운전자보험 보험료 계산 */
.price .won-through{font-size: var(--font-sm);color: var(--color-base);text-decoration: line-through;margin-right: var(--space-xxs);}
.tooltip.set-connection {align-items: end; justify-content: flex-end; margin-top: calc(var(--space-min) * -1);position: absolute;right: 0;} /* 2025-11-19 : 채널업무 효율화 2차 수정 */
.tooltip.set-connection .tooltip-body {z-index: 10; margin-top: 0; margin-bottom: 2.8rem; margin-right: -.6rem; margin-left: 2.0rem; padding-right: 3.2rem; background-color: var(--color-txt-body);}
.tooltip.set-connection .tooltip-body::before {bottom: -.5rem; right: 1.6rem; top: auto; left: auto; background-position: -2.0rem 0; transform: rotate3d(0, 0, 1, 270deg);}
.tooltip.set-connection .tooltip-body .txt + .txt{margin-top:var(--space-min);}
.tooltip.set-connection .btn-close-condition {position: absolute; top: var(--space-sm); right: .8rem; width: calc(var(--icon-sm) + var(--space-xxs)); height: calc(var(--icon-sm) + var(--space-xxs)); margin-top: calc((var(--icon-sm) + var(--space-xxs)) / 2 * -1); padding: var(--space-min);}
.tooltip.set-connection .btn-close-condition::before {content: ''; display: block; width: 100%; height: 100%; background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -4); background-size: var(--bg-size-sm);}

.sol-drive-special{padding:1.6rem 2.0rem 2.4rem 4.8rem;}
.sol-drive-special .item-row + .item-row{margin-top:0;}
.sol-drive-special dt{font-size: var(--font-min);color: var(--color-base);}
.sol-drive-special dd{font-size: var(--font-min);color: var(--color-primary);margin-left: var(--space-min);}
.sol-drive-special dd.fail{color: var(--color-highlight);}
.sol-drive-special dd.fail span{color: var(--color-base);}

.plan-filter-list > li.tmap::before {background-position: calc(var(--icon-sm) * -8) calc(var(--icon-sm) * -5);}

/* 버튼 커스텀 */
.btn-group.option-main.full{padding:0;padding-bottom: calc(0 + constant(safe-area-inset-bottom));padding-bottom: calc(0 + env(safe-area-inset-bottom));} /* 2026-02-12 : 하단 여백 삭제 */
.btn-group.option-main.full > .btn{border-radius: 0;}

.btn-group.full-size{width: 100%;}
.btn-group.full-size > .btn{border-radius: 0;}
@media screen and (min-width: 768px) {
	.btn-group.full-size > .btn{border-radius: 0;width: 100%;}
}

.trip-abroad .section .logo-ci{display: block; height: 3.2rem;} /* 2026-01-15 : height값 수정 */
.trip-abroad .section .logo-ci > img{display: block;height: 100%;}
.form-list.travel .form-value{padding-top:0;}
.form-list.travel .fs-caption{margin-bottom:var(--space-xxs);}
.form-list.travel .form-wrap .form-item.item-row + .form-item.item-row{padding-top:var(--space-xs);}

/* 캘린더 버튼 커스텀 */
.trip-abroad .input.option-date .btn-calendar{width:100%;}
.trip-abroad .input.option-date .btn-calendar::before{width: calc(var(--icon-md));margin-left: auto;}

/* 국가검색 */
.trip-abroad-pop .nation-wrap {height: 100%;}
.trip-abroad-pop .nation-content {display: flex; flex-direction: column; height: 100%; padding-top: var(--space-lg);}
.trip-abroad-pop .nation-content .input.option-search {flex-shrink: 0; margin-bottom: var(--space-sm);}
.trip-abroad-pop .chip-group.option-search.nation-flag {flex-shrink: 0;}
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item .label {padding-left: calc(.8rem + 1.6rem + .4rem);}
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item .label:before {content: ''; position: absolute; top: 50%; left: .8rem; width: var(--icon-sm); height: var(--icon-sm); background-image: url('../../image/cmm/ico-flag.svg'); background-repeat: no-repeat; background-size: var(--bg-size-sm); margin-top: calc(var(--icon-sm) / 2 * -1);}
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.jp .label:before {background-position: 0 0;} /* 일본 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.vn .label:before {background-position: calc(var(--icon-sm) * -1) 0;} /* 베트남 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.th .label:before {background-position: calc(var(--icon-sm) * -2) 0;} /* 태국 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.ph .label:before {background-position: calc(var(--icon-sm) * -3) 0;} /* 필리핀 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.tw .label:before {background-position: calc(var(--icon-sm) * -4) 0;} /* 대만 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.us .label:before {background-position: calc(var(--icon-sm) * -5) 0;} /* 미국 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.gu .label:before {background-position: calc(var(--icon-sm) * -6) 0;} /* 괌 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.sg .label:before {background-position: calc(var(--icon-sm) * -7) 0;} /* 싱가포르 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.id .label:before {background-position: calc(var(--icon-sm) * -8) 0;} /* 인도네시아 */
.trip-abroad-pop .chip-group.option-search.nation-flag .chip-item.fr .label:before {background-position: calc(var(--icon-sm) * -9) 0;} /* 프랑스 */
.trip-abroad-pop .nation-content .search-word {flex-shrink: 1;}

/* 검색으로 찾기 */
.trip-abroad-pop .search-word {overflow-y: auto; height: 50%; min-height: 242px; border:var(--line-sm) solid var(--color-bg-dark); border-radius: var(--radius-md);}
.trip-abroad-pop .search-word .segment-group {display:block; background-color: var(--color-light);}
.trip-abroad-pop .search-word .segment-item .label {justify-content: flex-start; padding: var(--space-xs) var(--space-lg); min-height: 4.8rem; text-align: left; color: var(--color-dark); font-size: var(--font-md);}
.trip-abroad-pop .search-word .segment-item .label .txt {text-align: left; color: var(--color-dark);}
.trip-abroad-pop .search-word .segment-item .label strong {color:var(--color-primary); font-weight: var(--font-regular);}
.trip-abroad-pop .search-word .segment-item .control {inset: 0; width: 100%; height: 100%; border-radius: 0;}
.trip-abroad-pop .search-word .segment-item .control:checked {background-color: var(--color-primary-bg-base); border-color: transparent; box-shadow: none;}
.trip-abroad-pop .search-word .segment-item .control:checked ~ .label {color: var(--color-dark); font-weight: var(--font-medium);}
.trip-abroad-pop .search-word .segment-item .control:checked ~ .label strong {font-weight: var(--font-medium);}
.trip-abroad-pop .search-word .segment-item + .segment-item:before {display:none}

/* 가입플랜선택 */
.card.join-plan .card-title .item-row .fixed{position: relative;}
.card.join-plan .card-title .item-row .fixed a{width: 2.0rem;height: 2.0rem;position: absolute;right: -2.0rem;top:-0.2rem}
.card.join-plan .card-select .control[type='radio']:checked ~ .label .card-title .key,
.card.join-plan .card-select .control[type='radio']:checked ~ .label .fc-sub{color:var(--color-primary) !important;font-weight: var(--font-semibold) !important;}
.card.join-plan .card-select .control[type='radio']:disabled ~ .label .card-title .key,
.card.join-plan .card-select .control[type='radio']:disabled ~ .label .fc-sub{color:var(--color-txt-sub) !important}
.card.join-plan .card-link .card-title::before{bottom:50%;margin-bottom:-0.8rem;}

.btn.icon.add-item::after{content:none;}
.btn.icon.add-item::before{content: '+';display: inline-block;width: var(--icon-sm);height: var(--icon-sm);margin-right: var(--space-min);/* background-image: var(--bg-url-sm); */background-repeat: no-repeat;background-size: var(--bg-size-sm);vertical-align: middle;}

/* 체크 */
.accompany-list > li{position: relative;padding-top:5.6rem;margin-top:4rem;}
.accompany-list > li::before{content:'';position: absolute;top:0;left:-2.0rem;width:calc(100% + 4.0rem);border-bottom:1.6rem solid var(--color-bg-light);}
.accompany-list.borderTop-bar > li{position: relative;padding-top:5.6rem;margin-top:4rem;}
.accompany-list.borderTop-bar > li::before{content:'';position: absolute;top:0;left:-2.0rem;width:calc(100% + 4.0rem);border-bottom:1.6rem solid var(--color-bg-light);}
.accompany-list > li + li{padding-top:0;margin-top:3.2rem;}
.accompany-list > li + li::before{content:none;}

/* 총 결제 금액 */
.total-box .card-item .item-row span + span{position: relative;padding-left: .6rem;margin-left: .6rem;}
.total-box .card-item .item-row span + span::before{content:'';position: absolute;left: 0;top:50%;width: 1px;height: 1.2rem;margin-top:-.6rem;background:var(--color-base);}

/* 보장내용 테이블 */
.ensure-content.section{padding-right: 0;}
.ensure-content.section .data{padding-top:2.4rem;}
.ensure-content.section .data-body{padding-right: var(--space-body);}
.ensure-content .data-body{border-top:0;}
.ensure-content .data-list > thead > tr > th {padding:.8rem 1rem;background:none;border-right: none;border-bottom:var(--line-sm) solid var(--color-txt-body);color: var(--color-txt-body);font-weight: var(--font-semibold);font-size: var(--font-md);line-height: 1.35;max-width: 15rem;}
.ensure-content .data-list > thead > tr > th:first-child,
.ensure-content .data-list > tbody > tr > th:first-child{text-align: left;}
.ensure-content .data-list > thead > tr > th:first-child{max-width: 20rem;padding-left: 0 ;}
.ensure-content .data-list > tbody > tr > td{border:none;color: var(--color-txt-body);font-size: var(--font-xs);line-height: 1.35;padding:.8rem 1rem;min-width: 7rem;max-width: 15rem;text-align: right;}
.ensure-content .data-list > tbody > tr > td:first-child{text-align: left;padding:.8rem 0;min-width: 20rem;max-width: 20rem;}
.ensure-content .data-list > tbody > tr:first-child td{padding-top:1.4rem;}

/* 동의 팝업 */
.trip-abroad-pop .agree-sub-title.option-depth1{padding-left: 2.8rem;padding-top:1rem;display: flex;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.trip-abroad-pop .agree-sub-title.option-depth1 > .txt{color:var(--color-txt-body);font-weight: var(--font-medium);flex-shrink: 1;line-height: 1;}
.trip-abroad-pop .agree-sub-title.option-depth1 + .agree-select.option-depth1{padding-top:.6rem;}
.trip-abroad-pop .agree-sub-title.option-depth1 .unit{flex-shrink: 1;line-height: 1;}
.trip-abroad-pop .agree-sub-title .btn-ico-link {margin-top: .3rem; margin-left: var(--space-xxs);}
.trip-abroad-pop .agree-sub-title .btn-ico-link::after {background-position: 0 calc(var(--icon-sm) * -2);}

/* 가입증명서 */
.item-row.stretch{align-items: stretch;}

/* 여행 목적 */
.radio-group.option-icon.purpose-trip .radio-item {align-items: center;}
.radio-group.option-icon.purpose-trip .radio-item::before {content: '';position: relative;z-index: 1;display: inline-block;width: var(--icon-lg);height: var(--icon-lg);margin-right: var(--space-min);background-image: var(--bg-url-lg);background-repeat: no-repeat;background-size: var(--bg-size-lg);}
.radio-group.option-icon.purpose-trip .radio-item.type1::before {background-position: 0 calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item.type2::before {background-position: calc(var(--icon-lg) * -1) calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item.type3::before {background-position: calc(var(--icon-lg) * -2) calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item.type4::before {background-position: calc(var(--icon-lg) * -3) calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item.type5::before {background-position: calc(var(--icon-lg) * -4) calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item.type6::before {background-position: calc(var(--icon-lg) * -5) calc(var(--icon-lg) * -4);}
.radio-group.option-icon.purpose-trip .radio-item .label::before {box-shadow: var(--shadow-sm);}
.radio-group.option-icon.purpose-trip .radio-item.is-active .label::before {border-color: var(--color-primary);}
.radio-group.option-icon.purpose-trip .radio-item .label, .checkbox-item .label em{font-weight: 500;}

/* 보장내용(장기) 테이블 */
.ensure-content.tab-type.section{padding-right: var(--space-body);}
.ensure-content.tab-type.section .box{padding:0;}
.ensure-content.tab-type.section .data{padding-top:0;width:calc(100% + var(--space-body));}
.ensure-content.tab-type.section .data-body{padding-right: var(--space-body);}
.ensure-content.tab-type .data-body{border-top:0;}
.ensure-content.tab-type .data-list > thead > tr > th {padding:.8rem 1rem;background:none;border-right: none;border-bottom:var(--line-sm) solid var(--color-txt-body);color: var(--color-txt-body);font-weight: var(--font-semibold);font-size: var(--font-md);line-height: 1.35;}
.ensure-content.tab-type .data-list > thead > tr > th:first-child,
.ensure-content.tab-type .data-list > tbody > tr > th:first-child{text-align: left;}
.ensure-content.tab-type .data-list > tbody > tr > td{border:none;color: var(--color-txt-body);font-size: var(--font-xs);line-height: 1.35;padding:.8rem 1rem;min-width: 7rem;}
.ensure-content.tab-type .data-list > tbody > tr > td:first-child{text-align: left;padding:.8rem 0;min-width: 20rem;}
.ensure-content.tab-type .data-list > tbody > tr:last-child > td{padding-bottom: 1.6rem;}

/* 가입전 고지사항 */
.popup-inner .grid-area .item-col > .unit + .unit{margin-top:var(--space-xxl);}
.popup-inner .grid-area .item-col > .unit .list-title{font-size: var(--font-title-xs);}

/* 푸터 */
.trip-abroad .section.option-footer {padding-top: var(--space-sm);padding-bottom:11.2rem;background-color: #EDF2FC;text-align: center;}
.trip-abroad .company-info {display: flex;flex-direction: column;line-height: 1.35;font-size: var(--font-min);color: var(--color-txt-sub);}
.trip-abroad .company-info > .info-group:nth-child(1n + 2) {margin-top: var(--space-min);}
.trip-abroad .company-info > .info-group > span {display: inline-block;vertical-align: middle;}
.trip-abroad .company-info > .info-group > span > em {display: inline-block;vertical-align: middle;}
.trip-abroad .company-info > .info-group > span + span::before {content: '';display: inline-block;width: var(--line-sm);height: 1.2rem;margin: 0 var(--space-xxs);background-color: var(--color-disable);vertical-align: middle;}
.trip-abroad .footer-logo {width: 14.0rem;height: 2.2rem;margin: var(--space-sm) auto 0;background: url('../../image/com/logo.svg') no-repeat 0 0;background-size: 100% auto;}

/* 주요서류 및 기능 보기 */
.trip-abroad-pop .doc-func .card-item {padding: 1.5rem 1.9rem;}
.trip-abroad-pop .doc-func .card-info .item-row {padding-top: 0;padding-bottom: 0;}
.trip-abroad-pop .doc-func .card-info .item-row .unit > .btn {margin-top: .8rem;margin-bottom: 0;}
.trip-abroad-pop .doc-func .card-title ~ .card-info {padding-top: .8rem;border-top: var(--line-sm) solid var(--color-bg-base);}
.trip-abroad-pop .func-link-item {display: inline-block;width: 100%;padding: 1.2rem 0;text-align: center;}
.trip-abroad-pop .func-link-item > .txt {font-size: var(--font-xs);color: var(--color-txt-sub);}
.trip-abroad-pop .func-link-item:before {content: '';display: block;width: var(--icon-xl);height: var(--icon-xl);margin: 0 auto .4rem;background-image: var(--bg-url-xl);background-repeat: no-repeat;background-size: var(--bg-size-xl);}
.trip-abroad-pop .func-link-item.menu1:before {background-position: calc(var(--icon-xl) * -4) calc(var(--icon-xl) * -2);fill: #F9FAFB;}
.trip-abroad-pop .func-link-item.menu2:before {background-position: calc(var(--icon-xl) * -3) calc(var(--icon-xl) * -3);}
.trip-abroad-pop .doc-func .card-item.border-none{border:none !important;padding:0;}
.trip-abroad-pop .doc-func .card-item.border-none .unit{background-color: var(--color-light);border: var(--line-sm) solid var(--color-bg-dark);border-radius: var(--radius-lg);border-color: var(--color-bg-dark);}

/* 상품소개 - 공통 */
.section.pb-0{padding-bottom: 0;}
.trip-abroad .pdr-visual {position: relative;overflow: hidden;min-height: 55.0rem;margin: calc(var(--space-lg) * -1) calc(var(--space-md) * -1) 0;padding: var(--space-xl) var(--space-md) 0;font-weight: var(--font-regular);font-size: 0;}
.trip-abroad .pdr-visual .sub {position: relative;display: block;padding: 0 0 var(--space-xs);line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--space-sm);} /* 2026-05-28 : 산출물 현행화 > color 값 분리 */
.trip-abroad .pdr-visual .main-title {position: relative;display: block;line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--font-headline-md);}
.trip-abroad .pdr-visual .sub-title {position: relative;display: block;line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--font-title-md);}
.trip-abroad .pdr-visual .copy {position: relative;display: block;padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-xs);}
.trip-abroad .pdr-visual .refer {position: relative;display: block;padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-xs);}
.trip-abroad .pdr-visual .bg {position: absolute;z-index: -1;top: 0;left: 50%;width: 60.0rem;height: 55.0rem;margin-left: -30.0rem;}
.trip-abroad .pdr-content {padding-top: 8.0rem;text-align: center;}
.trip-abroad .pdr-content:first-child {padding-top:0;}
.trip-abroad .pdr-title {line-height: 1;}
.trip-abroad .pdr-title > .txt {line-height: 1.35;font-weight: var(--font-semibold);font-size: 2.6rem;color: var(--color-dark);}
.trip-abroad .pdr-title > .sub-txt{line-height: 1.35;font-weight: var(--font-semibold);font-size: 1.8rem;color: var(--color-dark);margin-bottom: var(--space-lg);}
.trip-abroad .pdr-body {padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-sm);color: var(--color-txt-sub);word-break: keep-all;}
.trip-abroad .pdr-body .refer {display: block;padding-top: var(--space-xs);font-size: var(--font-sm);color: var(--color-base);}
.trip-abroad .pdr-body .refer.fs-tiny {font-size: var(--font-sm) !important;}
.trip-abroad .pdr-img {display: inline-block;width: min(32.0rem, 100%);margin-top: var(--space-lg);}

.trip-abroad .option-footer .agent-txt{line-height: 1.35;font-size: var(--font-min);color: var(--color-txt-sub);padding-bottom: var(--space-sm);text-align: left;}
.trip-abroad .company-info{font-weight: var(--font-regular);}

.trip-abroad .pdr-visual.type1 .sub {color: #0088CC;} /* 해외여행 - 2026-05-28 : 산출물 현행화 > color 값 분리 추가 */
.trip-abroad .pdr-visual.type2 .sub {color: #802BC3;} /* 장기체류 - 2026-05-28 : 산출물 현행화 > 주석 추가 */
.trip-abroad .pdr-visual.type3 .sub {color: #8C711C;} /* 국내여행 - 2026-05-28 : 산출물 현행화 > type 분리 추가 */
.trip-abroad .pdr-info .option-step .card-item[class*="step-type"]::after {display: none;}
.trip-abroad .pdr-info .option-step .card-item[class*="step-type"]::before {width: 3.2rem;height: 3.2rem;margin-right: var(--space-xxs);background-image: url('../../image/pdr/ico-pdr-lg.svg');background-repeat: no-repeat;background-size: 32rem auto;}
.trip-abroad .pdr-info .option-step .card-title .key {font-size: var(--font-xs);color: var(--color-txt-sub);line-height: 1.5;text-align: left;}
.trip-abroad .pdr-info .option-step .card-item[class*="step-type"] {align-items: flex-start;padding: var(--space-sm) 0;}
.trip-abroad .pdr-info .option-step .card-item:first-child {padding-bottom: var(--space-sm);}
.trip-abroad .pdr-info .option-step .card-item:last-child {padding-top: var(--space-sm);}
.trip-abroad .pdr-info .option-step .card-item .card-title {min-height: 3.2rem;display: flex;align-items: center;}
.trip-abroad .pdr-info .option-step .card-item.step-type1::before {background-position: calc(3.2rem * 0) calc(3.2rem * 0);}
.trip-abroad .pdr-info .option-step .card-item.step-type2::before {background-position: calc(3.2rem * -1) calc(3.2rem * 0);}
.trip-abroad .pdr-info.type-auto .option-step .card-title .key {font-size: var(--font-md);color: var(--color-dark);}
.trip-abroad .card.option-data{padding:0.8rem 2.4rem;}

/* 24시간 우리말 서비스 */
.service-24 .popup-content .section:first-child{padding-top:var(--space-lg);}
.service-24 .popup-content{background-color: #E1EDFF;}
.service-24 .sve-visual {position: relative;overflow: hidden;min-height: 45.0rem;margin: calc(var(--space-lg) * -1) calc(var(--space-md) * -1) 0;padding: var(--space-xl) var(--space-md) 0;font-weight: var(--font-regular);font-size: 0;z-index: 1;}
.service-24 .sve-visual .sub {position: relative;display: block;padding: 0 0 var(--space-xs);line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--space-sm);}
.service-24 .sve-visual .main-title {position: relative;display: block;line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--font-headline-md);}
.service-24 .sve-visual .sub-title {position: relative;display: block;line-height: 1.35;font-weight: var(--font-semibold);font-size: var(--font-title-md);}
.service-24 .sve-visual .copy {position: relative;display: block;padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-xs);}
.service-24 .sve-visual .refer {position: relative;display: block;padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-xs);}
.service-24 .sve-visual .bg {position: absolute;z-index: -1;top: 0;left: 50%;width: 60.0rem;height: 55.0rem;margin-left: -30.0rem;}
.service-24 .sve-visual [class*="service-type"],
.service-24 .sve-content [class*="service-type"] {background-repeat: no-repeat;background-position: 50% 0;background-size: contain;}
.service-24 .sve-visual .bg.service-type1-visual {background-image: url('../../image/cmp/service-type1-visual.png');}
.service-24 .sve-content {padding-top: 8.0rem;text-align: center;}
.service-24 .sve-content:first-child {padding-top: 0;}
.service-24 .sve-title {line-height: 1;}
.service-24 .sve-title > .txt {line-height: 1.35;font-weight: var(--font-semibold);font-size: 2.6rem;color: var(--color-dark);}
.service-24 .sve-body {padding-top: var(--space-xs);line-height: 1.5;font-size: var(--font-sm);color: var(--color-txt-sub);word-break: keep-all;}
.service-24 .sve-body .refer {display: block;padding-top: var(--space-xs);font-size: var(--font-sm);color: var(--color-base);}
.service-24 .sve-body .refer.fs-tiny {font-size: var(--font-sm) !important;}
.service-24 .sve-content .sve-img {display: inline-block;width: min(32.0rem, 100%);margin-top: var(--space-lg);height: 20.0rem;}
.service-24 .sve-content .sve-img.service-type1-detail1 {background-image: url('../../image/cmp/service-type1-detail1.png');}
.service-24 .sve-content .sve-img.service-type1-detail2 {background-image: url('../../image/cmp/service-type1-detail2.png');}
.service-24 .sve-content .sve-img.service-type1-detail3 {background-image: url('../../image/cmp/service-type1-detail3.png');}
.service-24 .sve-benefit.card.option-data {overflow: hidden;position: relative;margin-top: -8.0rem;padding: var(--space-lg);border: none;box-shadow: var(--shadow-md);}
.service-24 .sve-benefit.card.option-data .card-list-title {margin-bottom: var(--space-sm);}
.service-24 .sve-benefit.card.option-data .card-list-title .txt {display: block;font-size: var(--font-title-xs);font-weight: var(--font-semibold);color: var(--color-primary);}
.service-24 .sve-benefit.card.option-data .card-list-title .des {display: block;font-size: var(--font-xs);color: var(--color-base);margin-top: var(--space-min);}
.service-24 .sve-benefit.card.option-data .card-title .key {font-size: var(--font-title-xs);font-weight: var(--font-medium);color: var(--color-txt-body);word-break: keep-all;}
.service-24 .sve-benefit.card.option-data .card-main {margin-top: 0;}
.service-24 .sve-benefit.card.option-data .card-main .txt {font-size: var(--font-xs);color: var(--color-txt-body);}
.service-24 .sve-benefit.card.option-data .card-main .refer {display: block;padding-top: var(--space-min);font-size: var(--font-sm);color: var(--color-base);}
.service-24 .data-helper.option-caption {padding-top: var(--space-xs);}
.service-24 .data-helper.option-caption .helper-txt {font-size: var(--font-xs);font-weight: var(--font-medium);color: var(--color-dark);}
.service-24 .content-foot{background: #FFFFFF;border-radius: 0;}
.service-24 .content-foot .btn-group::before{content: ''; position: absolute; top: -1.2rem; left: 0; right: 0; height: 1.2rem; background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}

@media screen and (min-width: 601px) {
	.service-24 .popup-inner .popup-content .btn-group.option-main{width: 360px;margin-left: calc(360px / 2 * -1);}
}

.popup-wrap .trip-abroad-pop.custom-bottom-pop .btn-popup-fold {transform: rotate(180deg);} /* 개발에서만 사용 */
.popup-wrap.is-open .trip-abroad-pop.custom-bottom-pop .btn-popup-fold {transform: rotate(0deg);} /* 개발에서만 사용 */
/* //2025-07-07 : 채널업무 효율화 추가 - 끝 */

/* 2025-11-19 : 채널업무 효율화 2차 추가 - 시작 */
.content-foot .price{position: relative;}

.title-h4 .sub-txt{font-size: var(--font-xs);color: #515767;font-weight: var(--font-medium);}

/* 새로고침버튼 */
.reset-btn{width: var(--icon-sm);height: var(--icon-sm);background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -9) calc(var(--icon-sm) * -7);background-size: var(--bg-size-sm);}

/* 툴팁이 ! 표가 아닌 ? 표일때 */
.tooltip-btn.ico-help{background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -4) 0 !important;background-size: var(--bg-size-sm) !important;}

/* 관련규정 앞에 아이콘 삭제 */
.data-helper.option-note.non-ico {padding-left: 0;text-indent: 0;}
.data-helper.option-note.non-ico::before {display: none;}

/* 미성년자 자녀정보 리스트 */
.minor-list > li + li{margin-top:var(--space-xxl);}

.checkbox-item + .data-helper{padding-top:var(--space-xxs);}
.plan-filter-list.flex-wrap{flex-wrap: wrap;}

/* 공유하기 */
.share-box{display: flex;justify-content: center;align-items: center;}
.share-box .btn-share{padding:0 0.9rem;}
.share-box .btn-share a{padding-top:5.2rem;display: block;}
.share-box .btn-share a span{font-size: var(--font-xs);font-weight: var(--font-medium);text-align: center;color: var(--color-dark);}
.share-box .btn-share + .btn-share{margin-left: var(--space-xs);}
.share-box .btn-share a{position: relative;}
.share-box .btn-share a::before{content:'';position:absolute;width: var(--icon-xl);height: var(--icon-xl);top:0;left:50%;margin-left:-2.4rem;background-image: var(--bg-url-xl);background-repeat: no-repeat;background-size: var(--bg-size-xl);}
.share-box .btn-share.kakao a::before{background-position: calc(var(--icon-xl) * -3) calc(var(--icon-xl) * -10);}
.share-box .btn-share.link a::before{background-position: calc(var(--icon-xl) * -1) calc(var(--icon-xl) * -10);}
.share-box .btn-share.sms a::before{background-position: calc(var(--icon-xl) * -2) calc(var(--icon-xl) * -10);}

.main-copy .txt.show{display: block !important;}
.main-copy .txt.hide{display: none !important;}

/* 하이픈 텍스트 작은 사이즈 */
.hyphen-txt.sm{padding-left: var(--space-sm); text-indent: calc(var(--space-sm) * -1);font-size: var(--font-min);line-height: 1.35;color: #515767;}
.hyphen-txt.sm::before {content: ''; display: inline-block; width: .4rem; height: .1rem; margin-right: var(--space-xxs); margin-left: var(--space-min); margin-top: -.2rem; background-color: #515767; border-radius: 100%; vertical-align: middle;}

/* 툴팁 아이콘 연하게 */
.tooltip.ico-soft .tooltip-btn{opacity: 0.5;}

/* 로티가로 full */
.full-lottie-visual{margin:0 calc(var(--space-body) * -1);}
.plan-filter-list > li.walk::before {background-position: calc(var(--icon-sm) * -9) calc(var(--icon-sm) * -5);}

/* 보험료 결제 renew */
.payment-menu.renew .radio-item, 
.payment-menu.renew .checkbox-item{font-size: var(--font-xs);}
.payment-menu.renew .radio-group.option-boxed .radio-item{width: 50%;padding:0;flex-direction: row;font-size: var(--font-xs);align-items: center;}
.payment-menu.renew .radio-item .control[type='radio']:checked ~ .label{color: var(--color-dark);font-weight: var(--font-regular);}
.payment-menu.renew .radio-item .label {padding-left: 0.4rem !important; display: block; width: 100%; text-align: left; font-weight: var(--font-regular);margin-top:.1rem;position: relative;display: flex;align-items: center;}
.payment-menu.renew .radio-item .label > span + span{margin-left: var(--space-min);}
.payment-menu.renew .radio-group.option-boxed .radio-item .label::before{content:none;}
.payment-menu.renew .radio-item .label > .txt:before{content:none;}
.payment-menu.renew .radio-item .badge{position: relative;top:auto;right: auto;}
.payment-menu.renew .radio-item .badge.option-alarm {padding: .2rem .8rem .042rem;} /* 2025-12-08 : 할인 뱃지 추가 */
.payment-menu.renew .radio-group.option-boxed .radio-item .control[type='radio']{-webkit-appearance: none;appearance: none;position: relative;width: 2.0rem;height: 2.0rem;margin: .2rem;border: var(--line-lg) solid var(--color-base);background-color: var(--color-light);border-radius: var(--radius-xl);vertical-align: middle;clip-path:none;}
.payment-menu.depth1 > .radio-group{flex-direction: column;align-items:flex-start}
.payment-menu.depth1 > .radio-group .radio-item + .radio-item{margin-left: 0 !important;}
.payment-menu > .radio-group [class^="ico-pay-"]{display: inline-block; height: var(--icon-md); background-image: url('../../image/com/ico-payment.svg'); background-repeat: no-repeat; background-size: 12.0rem auto; vertical-align: middle;}
.payment-menu > .radio-group .ico-pay-shinhan {width: 5.7rem; background-position: 0 0;}
.payment-menu > .radio-group .ico-pay-naver {width: 5.0rem; background-position: 0 calc(var(--icon-md) * -1);}
.payment-menu > .radio-group .ico-pay-toss {width: 8.1rem; background-image: url('../../image/com/ico-payment-toss.png'); background-position: 0 0; background-size: auto var(--icon-md);}
.payment-menu > .radio-group .ico-pay-kakao {width: 4.8rem; background-position: 0 calc(var(--icon-md) * -3);}
.payment-menu > .radio-group .ico-pay-shinhan-card {width: 8.3rem; background-position: 0 calc(var(--icon-md) * -8);}
.payment-menu > .radio-group .ico-pay-shinhan-sol {width: 5.6rem; background-position: 0 calc(var(--icon-md) * -5);}
.payment-menu > .radio-group .ico-pay-shinhan-bank {width: 7.1rem; background-position: 0 calc(var(--icon-md) * -9);} /* 2025-12-08 : 신한은행 추가 */
.payment-menu > .radio-group .ico-pay-toss2 {width: 8.1rem; background-image: url('../../image/com/ico-pay-toss2.png'); background-position: 0 0; background-size: auto var(--icon-md);} /* 2025-12-03 : 토스 심볼이 ios 기기 블랙박스 표시되어 png 처리 css 수정 */
.payment-menu > .radio-group .ico-pay-naver2 {width: 5.0rem; background-position: 0 calc(var(--icon-md) * -6);}
.payment-content.depth1{position:relative;margin-top:4.0rem;padding-top:5.6rem;}
.payment-content.depth1::before{content:'';position: absolute;width: calc(100% + 4.0rem);height: 1.6rem;left:-2.0rem;top:0;background:var(--color-bg-light);}
.payment-content.depth1 .btn.selected > .txt.is-placeholder{color: var(--color-line-base);line-height: 1.5;font-size: var(--font-title-sm);}
.payment-content.depth2:has(> .note) {margin-top: var(--space-xxs);} /* 2025-12-08 : 추가 */

/* 2회차 이후 계속 납입 방법 > 결제 수단 2개 이상 - 2025-12-08 */
.payment-menu.renew .radio-group.option-boxed.two-or-more {flex-wrap: wrap; align-items: center;}
.payment-menu.renew .radio-group.option-boxed.two-or-more .radio-item {padding-right: 2.0rem; margin-top: var(--space-xxs); margin-bottom: var(--space-xxs);}
.payment-menu.renew .radio-group.option-boxed.two-or-more .radio-item:last-child {padding-right: 0;}
.payment-menu.renew .radio-group.option-boxed.two-or-more .radio-item + .radio-item {margin-left: 0;}

/* 보장내용 상세 */
.ensure-detail{margin-top:1.8rem;padding-top:1.8rem;border-top:var(--line-sm) solid var(--color-bg-light);}
.ensure-detail .list .tit{position: relative;padding-left: 2.4rem;font-size: var(--font-xs);color:var(--color-dark);}
.ensure-detail .list .tit::before{content:'';position: absolute;left: 0;top:.1rem;width: 2.0rem;height: 2.0rem;background-image: url(../../image/pdr/ico-prd-20.svg);background-repeat: no-repeat;background-size: 20.0rem auto;}
.ensure-detail .list.type1 .tit::before{background-position: calc(2.0rem * -3) 0;}
.ensure-detail .list.type2 .tit::before{background-position: calc(2.0rem * -4) 0;}
.ensure-detail .list.type3 .tit::before{background-position: calc(2.0rem * -5) 0;}
.ensure-detail .list .tit + ul{margin-top:var(--space-xxs);}
.ensure-detail .list ul {padding-left: var(--space-xxs);margin-bottom:var(--space-sm);}
.ensure-detail .list ul li{padding-left: var(--space-sm); text-indent: calc(var(--space-sm) * -1);font-size: var(--font-xxs);color: var(--color-base);}
.ensure-detail .list ul li::before{content: ''; display: inline-block; width: .4rem; height: .1rem; margin-right: var(--space-xxs); margin-left: var(--space-min); margin-top: -.2rem; background-color: var(--color-base); border-radius: 100%; vertical-align: middle;}
.ensure-detail .list ul li + li{margin-top:var(--space-min);}
.ensure-detail .refer-txt{font-size: var(--font-min);line-height: 1.35;color:#515767;}

/* 스크롤 달력 */
.calendar-scroll-content .calendar-month-box + .calendar-month-box{margin-top:var(--space-lg);}
.calendar-scroll-content .calendar-weekdays{margin-top:var(--space-lg);}
.calendar-scroll-content .calendar-weekdays, 
.calendar-scroll-content .calendar-days {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;}
.calendar-scroll-content .calendar-weekdays{color: var(--color-txt-sub);font-size: var(--font-xxs);}
.calendar-scroll-content .calendar-days .day{color:var(--color-dark);font-size: var(--font-xs);font-weight: var(--font-medium);margin-top:var(--space-xxs);position: relative;}
.calendar-scroll-content .calendar-days .day.is-today::after{content: '';position: absolute;bottom: .4rem;left: 50%;width: .4rem;height: .4rem;margin-left: -.2rem;border-radius: 100%;background-color: var(--color-highlight);z-index: 1;}
.calendar-scroll-content .calendar-days .day span{display:block;padding:.55rem 0;position: relative;z-index: 1;}
.calendar-scroll-content .calendar-weekdays span:nth-child(1),
.calendar-scroll-content .calendar-days .day:nth-child(7n+1) {color: var(--color-highlight);}
.calendar-scroll-content .calendar-weekdays span:nth-child(7),
.calendar-scroll-content .calendar-days .day:nth-child(7n) {color: var(--color-primary);}
.calendar-scroll-content .calendar-days .day.disabled,
.calendar-scroll-content .calendar-days .day.type2-disabled{color: var(--color-bg-dark);}
.calendar-scroll-content .calendar-days .day:nth-child(7n+1).disabled,
.calendar-scroll-content .calendar-days .day:nth-child(7n+1).type2-disabled{color: #FFCCD5;}
.calendar-scroll-content .calendar-days .day:nth-child(7n).disabled,
.calendar-scroll-content .calendar-days .day:nth-child(7n).type2-disabled{color: #CCDAFF;}
.calendar-scroll-content .calendar-days .day.active-start span,
.calendar-scroll-content .calendar-days .day.active-end span{color:var(--color-light);}
.calendar-scroll-content .calendar-days .day.active-start span::before,
.calendar-scroll-content .calendar-days .day.active-end span::before{content:'';position: absolute;left:50%;top:0;width:3.2rem;height:3.2rem;margin-left:-1.6rem;border-radius: 1.2rem;background: var(--color-primary);z-index: -1;}
.calendar-scroll-content .calendar-days .day.in-range{background:var(--color-primary-bg-base);}
.calendar-scroll-content .calendar-days .day.active-start.in-range{background: none;}
.calendar-scroll-content .calendar-days .day.active-start.in-range::before{content:'';position:absolute;width: 50%;height:100%;top:0;right:0;background:var(--color-primary-bg-base);}
.calendar-scroll-content .calendar-days .day.active-end::before{content:'';position:absolute;width: 50%;height:100%;left:0;top:0;background:var(--color-primary-bg-base);}
.calendar-scroll-content .calendar-days .day.active-start.in-range.active-end::before{content:none;}
.calendar-scroll-content .calendar-days .day.in-range:nth-child(7n+1){border-radius: 1.2rem 0 0 1.2rem;}
.calendar-scroll-content .calendar-days .day.in-range:nth-child(7n){border-radius: 0 1.2rem 1.2rem 0;}
.calendar-scroll-content .calendar-days .day.one-year span::before {content: ''; position: absolute; left: 50%; top: 0; width: 3.2rem; height: 3.2rem; margin-left: -1.6rem; border-radius: 1.2rem; background: #F1F4FF; z-index: -1;}

/* 달력버튼 */
.calendar-renew-box .start-date-input,
.calendar-renew-box .end-date-input{font-size: var(--font-md);}
.calendar-renew-box .start-time-input,
.calendar-renew-box .end-time-input{position:absolute;width:6.3rem;height:3.0rem;right:0;bottom:.6rem;border:.1rem solid var(--color-bg-dark);border-radius: var(--radius-sm);padding-left: 1.0rem;text-align: left;}
.calendar-renew-box .start-time-input::before,
.calendar-renew-box .end-time-input::before{content:'';position: absolute;right:.7rem;top:50%;margin-top:-.5rem;width: 1.2rem;height: 1.2rem;background:var(--bg-url-sm)no-repeat calc(var(--icon-xs) * -2) calc(var(--icon-xs) * -1);background-size: var(--bg-size-xs);}
.calendar-renew-box .start-time-input span,
.calendar-renew-box .end-time-input span{color: var(--color-txt-body);font-size: var(--font-xs);line-height: 3.0rem;}
.calendar-renew-box .start-time-input:disabled span,
.calendar-renew-box .end-time-input:disabled span {color: var(--color-bg-dark);} /* 2026-02-05 : 날짜 disabled 상태 추가 */

.time-picker-content {display: flex;margin-top:2.8rem;position: relative;}
.time-picker-content::before{content: '';position: absolute;right:50%;top:.4rem;margin-right:-.8rem;width: var(--icon-sm);height: var(--icon-sm);background-image: var(--bg-url-sm);background-size: var(--bg-size-sm) auto;background-repeat: no-repeat;background-position: 0 calc(var(--icon-sm) * -2);}
.time-picker-content .time-picker-column {height: 26.2rem;flex: 1;text-align: center;overflow: hidden;position: relative;}
.time-picker-content .time-picker-column .time-label {display: block;margin-bottom: var(--space-xs);font-size: var(--font-lg);color:var(--color-txt-sub);position:relative;}
.time-picker-content .time-picker-column .time-label.on{color: var(--color-primary);font-weight: var(--font-semibold);}
.time-picker-content .time-scroll-box{position: relative;height: 100%;}
.time-picker-content .time-scroll-box::after{content:'';position: absolute;top:0;left: 0;width: 100%;height: 6.0rem;background:linear-gradient(180deg, #FFF 19%, rgba(255,255,255,0) 100%);}
.time-picker-content .time-scroll-box::before{content:'';position: absolute;bottom:2.2rem;left: 0;width: 100%;height: 6.0rem;background:linear-gradient(0, #FFF 19%, rgba(255,255,255,0) 100%);}
.time-picker-content .time-scroll-area{height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;padding:6.0rem 0 8.8rem;}
.time-picker-content .time-scroll-area::-webkit-scrollbar{display: none;}
.time-picker-content .time-item {height: 4.0rem;line-height: 4.0rem;text-align: center;font-size: var(--font-lg);color:var(--color-txt-sub);cursor: pointer;scroll-snap-align: center;}
.time-picker-content .time-item.selected {background-color: var(--color-primary-bg-base);color: var(--color-primary);font-weight: var(--font-semibold);border-radius: var(--radius-xl);}
.time-picker-content .time-item.disabled {color: var(--color-bg-dark);}
.time-picker-content .time-item + .time-item{margin-top:var(--space-min);}

/* 순차적 요소 나오기 */
.auto-step{position: relative;display: flex;flex-direction: column;flex-wrap: wrap;}
.auto-step .form-item{opacity: 0;transform: translateY(-2rem);transition: all 0.8s ease;height: 0;overflow: hidden;position: relative;z-index: -1;padding:0;}
.auto-step .form-item.active {opacity: 1;transform: translateY(0);height: auto;z-index: 2;}
.auto-step .form-item:first-child{opacity: 1;transform: translateY(0);height: auto;z-index: 2;}
.auto-step .form-item.pushed{margin-top: var(--space-xl);}

/* 국가검색 - 페이지형 */
.nation-content.page-type {position: relative;}
.nation-content.page-type .input.option-search {flex-shrink: 0; margin-bottom: var(--space-sm);}
.nation-content.page-type .chip-group.option-search.nation-flag {margin-top:var(--space-sm);}
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item .label {padding-left: calc(.8rem + 1.6rem + .4rem);}
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item .label:before {content: ''; position: absolute; top: 50%; left: .8rem; width: var(--icon-sm); height: var(--icon-sm); background-image: url('../../image/cmm/ico-flag.svg'); background-repeat: no-repeat; background-size: var(--bg-size-sm); margin-top: calc(var(--icon-sm) / 2 * -1);}
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.jp .label:before {background-position: 0 0;} /* 일본 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.vn .label:before {background-position: calc(var(--icon-sm) * -1) 0;} /* 베트남 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.th .label:before {background-position: calc(var(--icon-sm) * -2) 0;} /* 태국 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.ph .label:before {background-position: calc(var(--icon-sm) * -3) 0;} /* 필리핀 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.tw .label:before {background-position: calc(var(--icon-sm) * -4) 0;} /* 대만 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.us .label:before {background-position: calc(var(--icon-sm) * -5) 0;} /* 미국 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.gu .label:before {background-position: calc(var(--icon-sm) * -6) 0;} /* 괌 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.sg .label:before {background-position: calc(var(--icon-sm) * -7) 0;} /* 싱가포르 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.id .label:before {background-position: calc(var(--icon-sm) * -8) 0;} /* 인도네시아 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.fr .label:before {background-position: calc(var(--icon-sm) * -9) 0;} /* 프랑스 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.ch .label:before {background-position: 0 calc(var(--icon-sm) * -1);} /* 중국 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.au .label:before {background-position: calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -1);} /* 호주 */
.nation-content.page-type .chip-group.option-search.nation-flag .chip-item.gb .label:before {background-position: calc(var(--icon-sm) * -2) calc(var(--icon-sm) * -1);} /* 영국 */
.nation-content.page-type .search-word {margin-top:var(--space-xxs);max-height: 28.8rem;z-index: 2;background: var(--color-light);width:100%;display: none;position: relative;}
.nation-content.page-type .search-word-data{display: none;}

/* 카드리스트 - 해외여행 스타일 */
.card-list.option-icon.icon-sm .card-title{margin-bottom: var(--space-min);}
.card-list.option-icon.icon-sm .card-title .icon-img{margin-right: 0.6rem;display: block; width: var(--icon-md); height: var(--icon-md);flex-shrink: 0;overflow: hidden;align-self: self-start;}
.card-list.option-icon.icon-sm .card-title .key{font-size: var(--font-lg);font-weight: var(--font-semibold);color: var(--color-dark);}
.card-list.option-icon.icon-sm .card-title .key::before {content: none;}
.card-list.option-icon.icon-sm .card-select .card-title .key > em{font-weight: var(--font-semibold);}
.card-list.option-icon.icon-sm [class*="card-"] ~ .card-info{border-top:none;padding-top:0;margin-top:0;position: relative;}
.card-list.option-icon.icon-sm .card-info .txt{font-size: var(--font-xxs);line-height: 1.35;color: var(--color-base);}

/* 해외여행 툴팁 */
.tooltip.set-insurance-benefit{align-items: end !important;}
.tooltip.set-insurance-benefit .tooltip-btn{opacity: 0.5;}
.tooltip.set-insurance-benefit .tooltip-body{margin-top: -5.6rem;margin-left: -1rem;display: block !important;margin-bottom: 2.4rem;opacity: 1 !important;transform: translate3d(0, 0, 0) !important;}
.tooltip.set-insurance-benefit .tooltip-body::before{bottom: -0.4rem !important;left: 1.6rem !important;transform: rotate3d(0, 0, 1, 270deg);}

/* 뱃지 스타일 스크롤 */
.badge-scroll{overflow-x: auto;margin-right: -1.9rem;scroll-behavior: smooth;position: relative;}
.badge-scroll > ul{display: flex;}
.badge-scroll > ul > li{flex-shrink: 0;margin-top:0 !important;}
.badge-scroll > ul > li + li{margin-left: var(--space-min);}
.badge.option-tag {display: block;padding: .5rem 1rem .3rem;background-color: var(--color-primary-bg-light);border-radius: 3.0rem;font-size: 1.1rem;color: var(--color-base);line-height: 1.35;font-weight: var(--font-regular);}
.badge.option-tag.type1 {background-color: var(--color-bg-light);}

/* 보장내용 리스트 */
.ensure-list .icon-tit{font-size: var(--font-md);font-weight: var(--font-semibold);color: var(--color-dark);position: relative;line-height: 1.35 !important;display: flex;align-items: flex-start;}
.ensure-list .icon-tit .ico-img{width: 2.0rem;height: 2.0rem;margin-right:var(--space-min);overflow: hidden;flex-shrink: 0;}
.ensure-list .icon-tit + ul{margin-top: var(--space-xs);}
.ensure-list .sub-tit{font-size: var(--font-xxs);font-weight: var(--font-medium);color: var(--color-txt-body);line-height: 1.35;padding:.2rem 0;}
.ensure-list .sub-txt{font-size: 1.1rem;color: var(--color-base);line-height: 1.35;padding:.2rem 0;}
.ensure-list .btn.bulleted span{font-size: var(--font-min);line-height: 1.35;color: var(--color-txt-body);}
.ensure-list .item-row .unit + .unit{margin-left: var(--space-min);}
.ensure-list ul li + li{margin-top:var(--space-xxs);}
.ensure-list .ensure-add-sum{line-height: 1.5;color: var(--color-primary);font-size: var(--font-xs);}

/* 보장내용 아코디언 리스트 */
.ensure-list.fn-accordion-list .card-title + .card-copy{margin-top:.6rem;}
.ensure-list.fn-accordion-list .card-item.fn-accordion-wrap{padding-top:2.3rem;position: relative;}
.ensure-list.fn-accordion-list .card-item.ensure-list.fn-accordion-list .card-select > .checkbox-control[type='checkbox'] ~ .unitd-select > .checkbox-control[type='checkbox'] ~ .unit{margin-left: 1.0rem;}
.ensure-list.fn-accordion-list .checkbox-item .control[type='checkbox'], 
.ensure-list.fn-accordion-list .checkbox-control[type='checkbox']{margin:.2rem;position: relative;z-index: 1;}
.ensure-list.fn-accordion-list .card-item.option-more .card-title{padding-right: 0;}
.ensure-list.fn-accordion-list .fn-accordion-item.detail .item-row + .item-row{margin-top:.2rem;}
.ensure-list.fn-accordion-list .card-info .item-row .unit > .select, .card-info .item-row .unit > .switch-item, 
.ensure-list.fn-accordion-list .card-info .item-row .unit > .btn{margin:0;}
.ensure-list.fn-accordion-list .btn.bulleted{padding:0;}
.ensure-list.fn-accordion-list .card-info .badge-group{margin-left: var(--space-xl);}
.ensure-list.fn-accordion-list .card-item + .card-item{margin-top:var(--space-lg);}
.ensure-list.fn-accordion-list .badge-scroll{margin-left: 3.4rem;}
.ensure-list.fn-accordion-list .card-select > .checkbox-control[type='checkbox'] ~ .unit{margin-left: 1.0rem;width: 100%;}

/* 모바일청약 본인확인(동반인) 폼 */
.add-input {padding-top:var(--space-sm);margin-bottom: var(--space-sm);}
.unit.add-input{display: flex;padding-top:0;margin-bottom: 0;}
.add-input .input{display: flex;align-items: center;}
.add-input .input input{text-align: center;width:calc(100% - 4.8rem);}
.add-input .btn-clear{display: none !important;}
.add-input .input-mixed > .unit .input .input-data.is-active{padding-right: 0;}
.add-input .data-helper[class*="option-"]{padding-top:var(--space-xxs);}
.add-input .btn-minus,
.add-input .btn-plus{width: 2.4rem;height:2.4rem;background-image: var(--bg-url-md);background-repeat: no-repeat;background-size: var(--bg-size-md) auto;}
.add-input .btn-minus{background-position: 0 calc(var(--icon-md) * -10);}
.add-input .btn-plus{background-position: calc(var(--icon-md) * -1) calc(var(--icon-md) * -10);}
.add-input .btn-minus.disabled,
.add-input .btn-plus.disabled{opacity: .4;}

/* 동반인 동의 미동의 리스트 */
.member-list .box.option-line{padding:1.6rem;}
.member-list li{margin-top:var(--space-xxs);}
.member-list li .unit + .unit{margin-left: var(--space-xxs);}
.member-list li .unit.icon{width:4.2rem;height:4.2rem;position: relative;border-radius: 50%;}
.member-list li .unit.icon::before{content:'';position: absolute;width:var(--icon-sm);height: var(--icon-sm);right:.1rem;bottom:.1rem;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm) auto;background-position: calc(var(--icon-sm) * -4) calc(var(--icon-sm) * -6);}
.member-list li .unit.icon.type01{background:url(../../image/bnf/member-agree-avartar01.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type02{background:url(../../image/bnf/member-agree-avartar02.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type03{background:url(../../image/bnf/member-agree-avartar03.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type04{background:url(../../image/bnf/member-agree-avartar04.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type05{background:url(../../image/bnf/member-agree-avartar05.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type06{background:url(../../image/bnf/member-agree-avartar06.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type07{background:url(../../image/bnf/member-agree-avartar07.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type08{background:url(../../image/bnf/member-agree-avartar08.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type09{background:url(../../image/bnf/member-agree-avartar09.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type10{background:url(../../image/bnf/member-agree-avartar10.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type11{background:url(../../image/bnf/member-agree-avartar11.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type12{background:url(../../image/bnf/member-agree-avartar12.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type13{background:url(../../image/bnf/member-agree-avartar13.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.type14{background:url(../../image/bnf/member-agree-avartar14.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.name{font-weight: var(--font-medium);color: var(--color-dark);}
.member-list li .unit.date{font-size: var(--font-min);line-height: 1.35;color:var(--color-base);}
.member-list li .unit.sum{font-weight: var(--font-medium);color: var(--color-dark);}
.member-list li .unit.icon.not::before{right:0;bottom:0;background-position: calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -6);}
.member-list li .unit.icon.not.type01{background:url(../../image/bnf/member-not-agree-avartar01.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type02{background:url(../../image/bnf/member-not-agree-avartar02.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type03{background:url(../../image/bnf/member-not-agree-avartar03.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type04{background:url(../../image/bnf/member-not-agree-avartar04.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type05{background:url(../../image/bnf/member-not-agree-avartar05.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type06{background:url(../../image/bnf/member-not-agree-avartar06.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type07{background:url(../../image/bnf/member-not-agree-avartar07.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type08{background:url(../../image/bnf/member-not-agree-avartar08.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type09{background:url(../../image/bnf/member-not-agree-avartar09.png)no-repeat 0 0;background-size: 100% auto;}
.member-list li .unit.icon.not.type10{background:url(../../image/bnf/member-not-agree-avartar10.png)no-repeat 0 0;background-size: 100% auto;}

/* 예상보험료 계산하기 */
.insurance-sum{margin-bottom: 1.6rem;}
.insurance-sum a{padding:var(--space-sm) var(--space-lg);border-radius: var(--radius-md);background:var(--color-bg-light);display: block;}
.insurance-sum a .txt-box{padding-left: 6.0rem;background:url(../../image/pdr/insurance-sum.png)no-repeat 0 center;background-size: 4.8rem auto;}
.insurance-sum a .txt-box .tit{font-weight: var(--font-medium);color: var(--color-txt-body);margin-bottom: var(--space-min);}
.insurance-sum a .txt-box .txt{font-size: var(--font-min);line-height: 1.35;color: var(--color-txt-sub);}
.price .won-through {font-size: var(--font-sm);color: var(--color-base);text-decoration: line-through;margin-right: var(--space-xxs);}

/* 예상보험료 계산하기 */
.member-list li .info-box{border-radius: var(--radius-md);border:1px solid var(--color-bg-base);width:calc(100% - 5.0rem);margin-left: auto;padding:var(--space-sm);max-width: 23.0rem;display: none;position: relative;}
.member-list li .info-box .form-item{width:9.2rem;flex-grow: 0;}
.member-list li .info-box .gender-select{flex-shrink: 1;width: 100%;margin-left: 0.8rem;}
.member-list li .date .edit-btn,
.member-list li .info-box .del-btn-box{width: var(--icon-sm);height: var(--icon-sm);}
.member-list li .info-box .del-btn-box a{display: block;width: 100%;height:100%;}
.member-list li .date .edit-btn{display:none;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm);background-position: calc(var(--icon-sm) * -8) calc(var(--icon-sm) * -1);}
.member-list li .date .edit-btn.show{display: inline-block;vertical-align: middle;margin-left: var(--space-min);}
.member-list li .info-box .del-btn-box{position:absolute;top:2.0rem;right:1.6rem;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm);background-position: calc(var(--icon-sm) * -9) calc(var(--icon-sm) * -1);}
.member-list li .sum .price-label{display: none;}

.member-list-data{padding:var(--space-xxs) var(--space-sm) var(--space-lg) !important;border-radius: var(--radius-md) !important;}
.member-list-data .member-list li .unit.name{font-size: var(--font-xs);}
.member-list-data .total-insurance{font-size: var(--font-title-md);font-weight: var(--font-semibold);line-height: 1.35;text-align: right;padding-top: .2rem;padding-bottom: .2rem;}

/* 쏠 워크 특약 문구 */
.sol-walk-special{padding:1.6rem 2.0rem 2.4rem 4.8rem;}
.sol-walk-special .item-row + .item-row{margin-top:0;}
.sol-walk-special dt{font-size: var(--font-min);color: var(--color-base);}
.sol-walk-special dd{font-size: var(--font-min);color: var(--color-primary);margin-left: var(--space-min);}

/* 보장내용 테이블 */
.ensure-content .none{color:var(--color-line-base) !important;}
.ensure-content .align-left{text-align: left !important;}
.ensure-content .align-right{text-align: right !important;}
.ensure-content.type1 .data{padding-top:.4rem;}
.ensure-content.type1 .data-list > thead > tr > th{vertical-align: top;font-size: var(--font-min);font-weight: var(--font-semibold);line-height: 1.35;padding:.8rem;color: var(--color-dark);}
.ensure-content.type1 .data-list > thead > tr > th:first-child{padding-left: 0;}
.ensure-content.type1 .data-list > thead > tr > th .label{height: 1.8rem;}
.ensure-content.type1 .data-list > thead > tr > th .label span{background:var(--color-primary-bg-base);font-size: 1.1rem;padding:.2rem .8rem .1rem;border-radius: 10.0rem;color: var(--color-primary);font-weight: var(--font-semibold);vertical-align: top;margin-bottom: .4rem;display: none;}
.ensure-content.type1 .data-list > thead > tr > th .won{min-height: 1.5rem;font-weight: var(--font-medium);font-size: 1.1rem;color: var(--color-primary);}
.ensure-content.type1 .data-list > tbody > tr > td{padding:.8rem;font-size: var(--font-min);text-align: center;}
.ensure-content.type1 .data-list > tbody > tr > td:first-child{padding-left: 0;min-width: 18rem;max-width: 18rem;text-align: left;}
.ensure-content .data-list > tbody > tr:first-child td{padding-top:1.6rem;}

.ensure-content.type1 .select-line1 .data-list > thead > tr > th:nth-child(2) .label span{display: inline-block;}
.ensure-content.type1 .select-line2 .data-list > thead > tr > th:nth-child(3) .label span{display: inline-block;}
.ensure-content.type1 .select-line3 .data-list > thead > tr > th:nth-child(4) .label span{display: inline-block;}
.ensure-content.type1 .select-line4 .data-list > thead > tr > th:nth-child(5) .label span{display: inline-block;}
.ensure-content.type1 .select-line5 .data-list > thead > tr > th:nth-child(6) .label span{display: inline-block;}
.ensure-content.type1 .select-line6 .data-list > thead > tr > th:nth-child(7) .label span{display: inline-block;}
.ensure-content.type1 .select-line7 .data-list > thead > tr > th:nth-child(8) .label span{display: inline-block;}
.ensure-content.type1 .select-line8 .data-list > thead > tr > th:nth-child(9) .label span{display: inline-block;}
.ensure-content.type1 .select-line9 .data-list > thead > tr > th:nth-child(10) .label span{display: inline-block;}
.ensure-content.type1 .select-line10 .data-list > thead > tr > th:nth-child(11) .label span{display: inline-block;}

.ensure-content.type1 .select-line1 .data-list > tbody tr > td:nth-child(2){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line2 .data-list > tbody tr > td:nth-child(3){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line3 .data-list > tbody tr > td:nth-child(4){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line4 .data-list > tbody tr > td:nth-child(5){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line5 .data-list > tbody tr > td:nth-child(6){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line6 .data-list > tbody tr > td:nth-child(7){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line7 .data-list > tbody tr > td:nth-child(8){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line8 .data-list > tbody tr > td:nth-child(9){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line9 .data-list > tbody tr > td:nth-child(10){background: var(--color-primary-bg-light);}
.ensure-content.type1 .select-line10 .data-list > tbody tr > td:nth-child(11){background: var(--color-primary-bg-light);}

/* 상품소개 - 공통 */
.pdr-benefit .refer.fs-min {display: block; padding-top: var(--space-min); line-height: 1.5; font-size: var(--font-min); color: var(--color-base);}
.pdr-benefit .card-item.type-shi-ico4::after {background-position: calc(var(--icon-max) * -7) calc(var(--icon-max) * -9);}
.pdr-body .refer.fs-xxs {font-size: var(--font-xxs) !important;}
.pdr-visual.type-b2h > .sub {color: #FF9812;} /* 뇌심장보험 */
.pdr-visual.type-can > .sub {color: #FA70AC;} /* 암보험 */

/* 뇌심장 보험 */
.pdr-benefit .card-item.type-b2h-ico1::after {background-position: calc(var(--icon-max) * -7) calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-b2h-ico2::after {background-position: calc(var(--icon-max) * -8) calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-b2h-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -9);}

/* 암보험 */
.pdr-benefit .card-item.type-can-ico1::after {background-position: calc(var(--icon-max) * -7) calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-can-ico2::after {background-position: 0 calc(var(--icon-max) * -9);}
.pdr-benefit .card-item.type-can-ico3::after {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -9);}
/* //2025-11-19 : 채널업무 효율화 2차 추가 - 끝 */


/** 칩 - 버튼 - 2026-01-02 추가 */
.chip-group .chip-btn {margin: .4rem .2rem;}
.chip-btn {position: relative; display: inline-block; padding: .6rem 1.2rem .512rem; background-color: var(--color-light); border: var(--line-sm) solid var(--color-bg-dark); border-radius: var(--radius-xl); line-height: 1; vertical-align: middle;}
.chip-btn .txt {line-height: 1.35; font-size: var(--font-xs); color: var(--color-txt-body);}

/** 칩 - 선택 데이터 - 2026-01-02 primary 추가 */
.chip-group .chip-check {margin: .4rem .2rem;}
.chip-group .chip-check {position: relative; display: inline-block; padding: .6rem 1.2rem .512rem; background-color: var(--color-primary); border: var(--line-sm) solid var(--color-primary); border-radius: var(--radius-xl); line-height: 1; vertical-align: middle;}
.chip-check .txt {line-height: 1.35; font-size: var(--font-xs); color: var(--color-light);}
.chip-check .delete {display: inline-block; width: var(--icon-sm); height: var(--icon-sm); background: var(--bg-url-sm) no-repeat calc(var(--icon-sm) * -5) calc(var(--icon-sm) * -4); background-size: var(--bg-size-sm); vertical-align: middle;}

/* 상품소개 - 미니생활보험(골프/운동) - 2026-03-16 : 보험선물하기 골프보험과 동일 */
.mini-life .pdr-gift.card.option-data {overflow: hidden;position: relative;margin-top: -8.0rem;padding: var(--space-lg);border: var(--line-sm) solid var(--color-bg-dark);box-shadow: var(--shadow-md);}
.mini-life .pdr-visual + .group .pdr-gift.card.option-data {margin-top: -7.5rem;}

.mini-life .pdr-gift.card .box.option-bg{background:var(--color-light);border:none;padding:0;border-radius: 0;}
.mini-life .pdr-gift.card .tab-menu:active {background-color: transparent; transition: none;}
.mini-life .pdr-gift.card .tab-head.option-box{border: none;}
.mini-life .pdr-gift.card .tab-head.option-box .tab-menu + .tab-menu::before{content: '';position:absolute;top:50%;left:-0.1rem;margin-top:-0.6rem;width: 0.1rem;height: 1.2rem;background:var(--color-bg-dark);}
.mini-life .pdr-gift.card .tab-head.option-box .tab-menu > a{padding:1.3rem 1.2rem 1.275rem}
.mini-life .pdr-gift.card .tab-head.option-box .tab-menu.is-active > a{background: none;color: var(--color-primary); z-index: 0;}
.mini-life .pdr-gift.card .tab-head.option-box .tab-menu.is-active > a::before{top: .4rem;bottom: auto;left: .4rem;right: auto;width: calc(100% - .8rem);height: calc(100% - .8rem);border: var(--line-sm) solid var(--color-primary);border-radius: var(--radius-md);box-shadow: 0 0.2rem 0.6rem 0 rgba(85, 141, 255, 0.12);}
.mini-life .pdr-gift.card .tab-head.option-box .tab-menu.is-active > a::after{content: '';position:absolute;top: .4rem;bottom: auto;left: .4rem;right: auto;width: calc(100% - .8rem);height: calc(100% - .8rem); background: var(--color-light);border-radius: var(--radius-md); z-index: -1;}
.mini-life .pdr-gift.card .card-info .item-row{padding: 0;}
.mini-life .pdr-gift.card .card-info .item-row + .item-row{margin-top:var(--space-min);}
.mini-life .pdr-gift.card .card-info .txt{font-size: var(--font-md);position: relative;}
.mini-life .pdr-gift.card .card-info .item-row .unit:nth-child(1) .txt{padding-left: 3.0rem;}
.mini-life .pdr-gift.card .card-info .item-row:nth-child(1) .unit:nth-child(1) .txt::before{content:'';position:absolute;width:1.6rem;height:1.6rem;left:0.4rem;top:0.4rem;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm);background-position: 0 calc(var(--icon-sm) * -5);} /* 보장기간 아이콘 */
.mini-life .pdr-gift.card .card-info .item-row:nth-child(2) .unit:nth-child(1) .txt::before{content:'';position:absolute;width:1.6rem;height:1.6rem;left:0.4rem;top:0.4rem;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm);background-position: calc(var(--icon-sm) * -1) calc(var(--icon-sm) * -5);} /* 가입가능나이 아이콘 */
.mini-life .pdr-gift.card .card-info .item-row:nth-child(3) .unit:nth-child(1) .txt::before{content:'';position:absolute;width:1.6rem;height:1.6rem;left:0.4rem;top:0.4rem;background-image: var(--bg-url-sm);background-repeat: no-repeat;background-size: var(--bg-size-sm);background-position: calc(var(--icon-sm) * -3) calc(var(--icon-sm) * -5);} /* 보험료 아이콘 */
.mini-life .pdr-gift.card .card-info .item-row .cnt-month{min-width: 4.5rem;margin:0 0.7rem;text-align: center;}

.mini-life .gift-ensure .unit{background:var(--color-bg-light);padding:var(--space-sm) var(--space-xs);border-radius: 1.2rem;width: 100%;}
.mini-life .gift-ensure .unit + .unit{margin-left: var(--space-xxs);}
.mini-life .gift-ensure .unit p{padding-top:var(--space-min);font-size: var(--font-xs);font-weight: var(--font-semibold);color:var(--color-dark);text-align: center;line-height: 1.35;}
.mini-life .gift-ensure .item-row{align-items: stretch;}
.mini-life .gift-ensure .item-row.item4{flex-wrap: wrap;width: calc(100% + 0.8rem);margin-left: -0.4rem;}
.mini-life .gift-ensure .item-row.item4 .unit{width: calc(50% - 0.8rem);margin:0 0.4rem;margin-top:0.8rem;}
.mini-life .gift-ensure .item-row.item4 .unit:nth-child(1),
.mini-life .gift-ensure .item-row.item4 .unit:nth-child(2){margin-top:0;}
.mini-life .gift-ensure .item-row.item4 .unit + .unit{margin-left: 0.4rem;}
.mini-life .gift-ensure .item-row.item1 .unit{display: flex;align-items: center;justify-content: center;}
.mini-life .gift-ensure .icon{width:3.6rem;height: 3.6rem;margin:0 auto;display: block;background-image:url(../../image/bnf/ico-bnf-lg-36.svg);background-size: var(--bg-size-lg) auto;background-repeat: no-repeat;}
.mini-life .gift-ensure .icon.type1{background-position: 0 0;} /* 독감보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type2{background-position: calc(var(--icon-lg) * -1) 0;} /* 독감보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type3{background-position: calc(var(--icon-lg) * -2) 0;} /* 독감보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type4{background-position: calc(var(--icon-lg) * -3) 0;} /* 골프보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type5{background-position: calc(var(--icon-lg) * -4) 0;} /* 골프보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type6{background-position: calc(var(--icon-lg) * -5) 0;} /* 골프보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type7{background-position: calc(var(--icon-lg) * -6) 0;} /* 골프,운동보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type8{background-position: calc(var(--icon-lg) * -7) 0;} /* 금융안심보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type9{background-position: calc(var(--icon-lg) * -8) 0;} /* 금융안심보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type10{background-position: 0 calc(var(--icon-lg) * -1);} /* 운동보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type11{background-position: calc(var(--icon-lg) * -1) calc(var(--icon-lg) * -1);} /* 운동보험 보장내역 아이콘 */
.mini-life .gift-ensure .icon.type12{background-position: calc(var(--icon-lg) * -9) 0;} /* 운동보험 보장내역 아이콘 */
.mini-life .gift-ensure .item-row.item1 .unit .icon{margin:0;margin-right: var(--space-min);}

.mini-life .gift-ensure .refer {display: block; font-size: 1.1rem; text-align: center; padding-top: var(--space-min);} /* 2026-08-18 : 일반보험 상품안내 리뉴얼 > 클래스 추가 */

.shinhan-txt {position: absolute; bottom: 9.0rem; left: var(--space-md); font-size: var(--font-xs); font-weight: var(--font-regular); color: var(--color-txt-sub); text-align: left;} /* NEW 슈퍼 SOL 상품 > 그룹사명 표기 - 2026-03-30 : 추가 - 2026-06-12 : 상품안내 리뉴얼 > 수정 - 2026-06-29 : bottom값 수정 */
/* [data-link-header="true"] .pdr-benefit.card.option-data {margin-top: 0.5rem;} 2026-03-30 : NEW 슈퍼 SOL 상품 > 그룹사명 표기로 인한 추가 - 2026-06-12 : 상품안내 리뉴얼 > 삭제 */

[class^="title-h"]:has(> .txt + .tooltip) {overflow: initial;} /* 2026-03:30 : 여행보험 동반인추가 제목 툴팁 짤림 수정 */

/* 공지사항 - 2026-04-30 : 심의필 추가 */
.note-body > .note-list:has(~ .note-sub) {padding-bottom: var(--space-xxs);} /* 2026-05-08 : .note is-open 상태 높이값 이슈로 수정 */
.note-list ~ .note-sub {padding: 0 var(--space-md) var(--space-md);}


/*** 2026-06-04 : 상품상세 리뉴얼 추가 - 시작 ***/

/* 상품소개 - 공통 */
.pdr-renew .pdr-visual {position: relative; overflow: hidden; min-height: 55.0rem; margin: calc(var(--space-lg) * -1) calc(var(--space-md) * -1) 0; padding: 3.6rem var(--space-md) 0; font-weight: var(--font-regular); font-size: 0; text-align: center;}
.pdr-renew .pdr-visual .sub {position: relative; display: block; padding: 0 0 var(--space-xs); line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--space-sm);}
.pdr-renew .pdr-visual .main-title {position: relative; display: block; line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-headline-md);}
.pdr-renew .pdr-visual .sub-title {position: relative; display: block; line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-title-md);}
.pdr-renew .pdr-visual .copy {position: relative; display: block; padding-top: var(--space-xs); line-height: 1.5; font-size: var(--font-xs);}
.pdr-renew .pdr-visual .refer {position: relative; display: block; padding-top: var(--space-xs); line-height: 1.5; font-size: var(--font-xs);}
.pdr-renew .pdr-visual .shinhan-txt {bottom: 17.5rem;} /* 2026-06-29 : 추가 */
.pdr-renew .pdr-visual .bg {position: absolute; z-index: -1; top: 0; left: 50%; width: 60.0rem; height: 55.0rem; margin-left: -30.0rem;} /* 2026-06-09 : json 변경 'margin-top' 값 삭제 */

.pdr-renew .pdr-visual.type4 .sub {color: var(--color-primary);} /* 해외여행 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 > 컬러 변경 */
.pdr-renew .pdr-visual.type7 .sub {color: var(--color-primary);} /* 금융안심 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 > 컬러 변경 */
.pdr-renew .pdr-visual.type-can.can-emart .sub {color: #FF8364;} /* 암 - 이마트 *//* 2026-09-15 : 이마트 암보험 추가 */

.pdr-renew .pdr-benefit.card.option-data {overflow: hidden; position: relative; text-align: center; margin-top: -17.0rem; padding: var(--space-lg); border: none; box-shadow: var(--shadow-md);} /* 2026-06-09 : json 변경 'margin-top' 값 수정 */
.pdr-renew .pdr-benefit.card.option-data .card-list {display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; margin-bottom: var(--space-sm);}
.pdr-renew .pdr-benefit.card.option-data .card-item {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; border: none;}
.pdr-renew .pdr-benefit.card.option-data .card-item::after {display: none;}
.pdr-renew .pdr-benefit.card.option-data .card-item::before {content: ''; flex-shrink: 0; display: block; width: var(--icon-max); height: var(--icon-max); margin-bottom: .4rem; background-image: url('../../image/pdr/ico-pdr-re-max.svg'); background-repeat: no-repeat; background-size: 64.0rem auto;}
.pdr-renew .pdr-benefit.card.option-data .card-item + .card-item {margin-left: var(--space-sm);}
.pdr-renew .pdr-benefit.card.option-data .card-item:first-child {margin-left: 0;}

.pdr-renew .pdr-benefit.card.option-data .card-title {margin-bottom: 0;}
.pdr-renew .pdr-benefit.card.option-data .card-title .key {font-size: var(--font-xs); word-break: keep-all; text-align: center;}
.pdr-renew .pdr-benefit.card.option-data .card-title .key > em {line-height: 1.5;}

.pdr-renew .pdr-benefit.card.option-data .card-title .refer {font-size: var(--font-min); color: #393F51} /* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */

.pdr-renew .pdr-benefit.card.option-data .btn.texted {font-size: var(--font-xs);}

/* 2026-08-18 : 일반보험 상품안내 리뉴얼 > 금융안심 - 착오송금 회수비용 보장보험 배타적 사용권 획득 박스 */
.pdr-renew .pdr-benefit .card-box {margin-top: var(--space-sm); padding: var(--space-xxs) var(--space-xs); border-radius: var(--radius-sm); background-color: var(--color-primary-bg-base);}
.pdr-renew .pdr-benefit .card-box > .txt {color: var(--color-primary); font-size: var(--font-xs); font-weight: var(--font-medium); text-align: left;}
.pdr-renew .pdr-benefit .card-box .ico-medal {position: relative; display: flex; flex-direction: row; justify-content: flex-start;}
.pdr-renew .pdr-benefit .card-box .ico-medal::before {content: ''; flex-shrink: 0; display: block; margin-top: .1rem; padding-right: var(--space-md); width: var(--icon-sm); height: var(--icon-sm); background-image: var(--bg-url-sm); background-repeat: no-repeat; background-size: var(--bg-size-sm); background-position: calc(var(--icon-sm) * -9) calc(var(--icon-sm) * -6); z-index: 1;}


.pdr-renew .pdr-benefit .card-item.type-sii-ico1::before {background-position: 0 0;} /* 실손의료 */
.pdr-renew .pdr-benefit .card-item.type-sii-ico2::before {background-position: calc(var(--icon-max) * -1) 0;}
.pdr-renew .pdr-benefit .card-item.type-sii-ico3::before {background-position: calc(var(--icon-max) * -2) 0;}

.pdr-renew .pdr-benefit .card-item.type-shi-ico1::before {background-position: 0 calc(var(--icon-max) * -1);} /* 처음건강 */
.pdr-renew .pdr-benefit .card-item.type-shi-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -1);}
.pdr-renew .pdr-benefit .card-item.type-shi-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -1);}

.pdr-renew .pdr-benefit .card-item.type-b2h-ico1::before {background-position: 0 calc(var(--icon-max) * -2);} /* 뇌·심장 */
.pdr-renew .pdr-benefit .card-item.type-b2h-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -2);}
.pdr-renew .pdr-benefit .card-item.type-b2h-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -2);}

.pdr-renew .pdr-benefit .card-item.type-can-ico1::before {background-position: 0 calc(var(--icon-max) * -3);} /* 암 */
.pdr-renew .pdr-benefit .card-item.type-can-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -3);}
.pdr-renew .pdr-benefit .card-item.type-can-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -3);}

.pdr-renew .pdr-benefit .card-item.type-immune-ico1::before {background-position: 0 calc(var(--icon-max) * -4);} /* 면역질환 */
.pdr-renew .pdr-benefit .card-item.type-immune-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -4);}
.pdr-renew .pdr-benefit .card-item.type-immune-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -4);}

.pdr-renew .pdr-benefit .card-item.type-type1-ico1::before {background-position: 0 calc(var(--icon-max) * -5);} /* 주택화재 */
.pdr-renew .pdr-benefit .card-item.type-type1-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -5);}
.pdr-renew .pdr-benefit .card-item.type-type1-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -5);}

.pdr-renew .pdr-benefit .card-item.type-dri-ico1::before {background-position: 0 calc(var(--icon-max) * -6);} /* 처음운전자 */
.pdr-renew .pdr-benefit .card-item.type-dri-ico2::before {background-position: calc(var(--icon-max) * -1) calc(var(--icon-max) * -6);}
.pdr-renew .pdr-benefit .card-item.type-dri-ico3::before {background-position: calc(var(--icon-max) * -2) calc(var(--icon-max) * -6);}

.pdr-renew .pdr-benefit .card-item.type-type4-ico1::before {background-position: calc(var(--icon-max) * -3) 0;} /* 해외여행 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-renew .pdr-benefit .card-item.type-type4-ico2::before {background-position: calc(var(--icon-max) * -4) 0;}
.pdr-renew .pdr-benefit .card-item.type-type4-ico3::before {background-position: calc(var(--icon-max) * -5) 0;}

.pdr-renew .pdr-benefit .card-item.type-type5-ico1::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -1);} /* 장기체류 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-renew .pdr-benefit .card-item.type-type5-ico2::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -1);}
.pdr-renew .pdr-benefit .card-item.type-type5-ico3::before {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -1);}

.pdr-renew .pdr-benefit .card-item.type-jpn-ico1::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -2);} /* 일본여행 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-renew .pdr-benefit .card-item.type-jpn-ico2::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -2);}
.pdr-renew .pdr-benefit .card-item.type-jpn-ico3::before {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -2);}

.pdr-renew .pdr-benefit .card-item.type-type3-ico1::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -3);} /* 국내여행 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-renew .pdr-benefit .card-item.type-type3-ico2::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -3);}
.pdr-renew .pdr-benefit .card-item.type-type3-ico3::before {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -3);}

.pdr-renew .pdr-benefit .card-item.type-type7-ico1::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -4);} /* 금융안심 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-renew .pdr-benefit .card-item.type-type7-ico2::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -4);}

.pdr-renew .pdr-benefit .card-item.type-can-emart-ico1::before {background-position: calc(var(--icon-max) * -3) calc(var(--icon-max) * -5);} /* 암 - 이마트 */ /* 2026-09-15 : 이마트 암보험 추가 */
.pdr-renew .pdr-benefit .card-item.type-can-emart-ico2::before {background-position: calc(var(--icon-max) * -4) calc(var(--icon-max) * -5);}
.pdr-renew .pdr-benefit .card-item.type-can-emart-ico3::before {background-position: calc(var(--icon-max) * -5) calc(var(--icon-max) * -5);}

.mini-life.pdr-renew .pdr-visual + .group .pdr-gift.card.option-data {margin-top: -17.0rem;} /* 2026-08-18 : 일반보험 상품안내 리뉴얼 > 미니골프보험 margin-top값 변경 */

.pdr-renew .pdr-body .refer {display: block; padding-top: var(--space-xs); font-size: var(--font-xxs); color: var(--color-txt-sub);}
.pdr-renew .pdr-body .source {display: block; padding-top: var(--space-xs); font-size: var(--font-xxs); color: var(--color-txt-sub);}

/* 상품소개 - 할인 및 이벤트 */
.pdr-event-cont {overflow: hidden; position: relative; background-color: var(--color-light); padding: var(--space-lg) var(--space-sm) var(--space-lg) var(--space-lg); border: none; border-radius: var(--radius-lg); box-shadow: var(--shadow-md);}
.pdr-event-cont .pdr-event-title {font-size: var(--font-xs); color: #949BAF; margin-bottom: var(--space-sm);}
.pdr-event-cont .pdr-event-list > li + li {margin-top: var(--space-xs);}
.pdr-event-cont .pdr-event-list .title,
.pdr-event-cont .pdr-event-list .title > .unit {position: relative; display: flex; align-items: flex-start;}
.pdr-event-cont .pdr-event-list .title > .unit + .unit {margin-left: var(--space-min);}
.pdr-event-cont .pdr-event-list .title:before {content: ''; flex-shrink: 0; display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; margin-right: var(--space-min); background-image: url('../../image/pdr/ico-pdr-event.svg'); background-repeat: no-repeat; background-size: 18.0rem auto;}
.pdr-event-cont .pdr-event-list .title .name {font-size: var(--font-xs); font-weight: var(--font-medium); color: var(--color-dark);}
.pdr-event-cont .pdr-event-list .title .name > .badge {margin-left: .2rem; margin-top: -.3rem; padding: .3rem .6rem .242rem; font-size: var(--font-tiny); font-weight: var(--font-regular);}
.pdr-event-cont .pdr-event-list .txt {font-size: var(--font-xxs); font-weight: var(--font-regular); color: var(--color-txt-sub); margin-top: .2rem; word-break: keep-all;} /* 2026-06-09 : word-break 추가 */
.pdr-event-cont .pdr-event-list .date,
.pdr-event-cont .pdr-event-list .refer,
.pdr-event-cont .pdr-event-list .note-list > li {display: block; font-size: 1.1rem; font-weight: var(--font-regular); color: var(--color-base); margin-top: .2rem; word-break: keep-all;} /* 2026-06-09 : .refer 및 word-break 추가 */
.pdr-event-cont .pdr-event-list .note-list {margin-top: .2rem;}
.pdr-event-cont .pdr-event-list .note-list > li {padding-left: 1.0rem; text-indent: -1.0rem;}
.pdr-event-cont .pdr-event-list .note-list > li::before {content: ''; display: inline-block; width: .2rem; height: .2rem; margin-right: .55rem; margin-left: .15rem; margin-top: -.2rem; background-color: var(--color-base); border-radius: 100%; vertical-align: middle;}
.pdr-event-cont .pdr-event-list .note-list > li + li {padding-top: 0;}
.pdr-event-cont .pdr-event-list .btn.bulleted > span {font-size: var(--font-min);}

.pdr-event-cont .pdr-event-list > li.npay .title:before {background-position: 0 0;} /* 네이버페이 */
.pdr-event-cont .pdr-event-list > li.shinhan .title:before {background-position: calc(1.8rem * -1) 0;} /* 신한은행, 신한이지 */
.pdr-event-cont .pdr-event-list > li.solwork .title:before {background-position: calc(1.8rem * -2) 0;} /* 쏠 Walk */
.pdr-event-cont .pdr-event-list > li.fire .title:before {background-position: calc(1.8rem * -3) 0;} /* 소화설비 */
.pdr-event-cont .pdr-event-list > li.soldrive .title:before {background-position: calc(1.8rem * -4) 0;} /* 쏠 Drive */
.pdr-event-cont .pdr-event-list > li.companion .title:before {background-position: calc(1.8rem * -5) 0;} /* 동반인 가입 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-event-cont .pdr-event-list > li.direct .title:before {background-position: calc(1.8rem * -6) 0;} /* 다이렉트 *//* 2026-08-18 : 일반보험 상품안내 리뉴얼 추가 */
.pdr-event-cont .pdr-event-list > li.emart .title:before {background-position: calc(1.8rem * -7) 0;} /* 이마트 *//* 2026-09-15 : 이마트 암보험 이마티콘 추가 */

/* 상품소개 - 보험료 예시 */
.premiun-ex-list > li {display: flex; flex-direction: row; justify-content: center;}
.premiun-ex-list > li + li {margin-top: .6rem;}
.premiun-ex-list .badge {font-size: var(--font-tiny); padding: .4rem .8rem .342rem; margin-right: .6rem;}
.premiun-ex-list .txt {font-size: var(--font-sm); font-weight: var(--font-semibold); color: var(--color-txt-sub); line-height: 1.35;}

/* 보험료 및 해약환급금 예시 팝업 內 .refer 추가 */
.popup-wrap .popup-content .refer {font-size: var(--font-xs); font-weight: var(--font-regular); color: var(--color-base);}

/* 테이블 - 데이타형 - th.align-left 추가 */
.data-list > tbody > tr > th.align-left {text-align: left;}

/* 타이포그래피 - 목록 - .depth-u2.option-refer 추가 */
.list.depth-u2.option-refer > li {padding-left: var(--space-xs); text-indent: calc(var(--space-xs) * -1);}
.list.depth-u2.option-refer > li,
.list.depth-u2.option-refer > li > .text {font-size: var(--font-xs); color: var(--color-base);}
.list.depth-u2.option-refer > li::before {background-color: var(--color-base); margin-right: var(--space-min);}
.list.depth-u2.option-refer > li > .text {text-indent: 0;}

/*** 2026-06-04 : 상품상세 리뉴얼 추가 - 끝 ***/

/* 제휴 배너 진입 콘텐츠 - 2026-06-16 : 운전자, 건강, 암 추가 */
.section.partner-cont {padding: 0;}
.section.partner-cont .partner-visual {position: relative; overflow: hidden; height: 36.0rem; padding-top: 3.6rem; font-weight: var(--font-regular); font-size: 0; text-align: center;}
.section.partner-cont .partner-visual .sub {position: relative; display: block; padding: 0 0 var(--space-xxs); line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--space-sm);}
.section.partner-cont .partner-visual .main-title {position: relative; display: block; line-height: 1.35; font-weight: var(--font-semibold); font-size: var(--font-title-lg); letter-spacing: -.08rem;}
.section.partner-cont .partner-visual .bg {position: absolute; z-index: -1; top: 0; left: 50%; width: 36.0rem; height: 36.0rem; margin-left: -18.0rem;}

.section.partner-cont .partner-visual.type-dri .sub {color: #5A51FF;} /* 운전자 */
.section.partner-cont .partner-visual.type-shi .sub {color: #EF712D;} /* 건강 */
.section.partner-cont .partner-visual.type-can .sub {color: #FA70AC;} /* 암 */

.section.partner-cont .partner-benefit {position: relative; top: 0; padding: 0 var(--space-md);}
.section.partner-cont .partner-benefit .partner-benefit-item {position: relative; display: flex; align-items: flex-start; margin-bottom: var(--space-xs);}
.section.partner-cont .partner-benefit .partner-benefit-item:last-child {margin-bottom: 0;} 
.section.partner-cont .partner-benefit .partner-benefit-item:before {content: ''; flex-shrink: 0; display: inline-block; vertical-align: middle; width: 1.8rem; height: 1.8rem; margin-right: var(--space-min); margin-top: .3rem; background-image: url('../../image/pdr/ico-pdr-partner.svg'); background-repeat: no-repeat; background-size: 18.0rem auto;}
.section.partner-cont .partner-benefit .partner-benefit-item .key {font-size: var(--font-xs); font-weight: var(--font-medium); color: var(--color-dark);}
.section.partner-cont .partner-benefit .partner-benefit-item .copy,
.section.partner-cont .partner-benefit .partner-benefit-item .refer {font-weight: var(--font-regular); margin-top: .2rem; word-break: keep-all;}
.section.partner-cont .partner-benefit .partner-benefit-item .copy {font-size: var(--font-xxs); color: var(--color-txt-sub); line-height: 1.35;}
.section.partner-cont .partner-benefit .partner-benefit-item .refer {font-size: 1.1rem; color: var(--color-base);}

.section.partner-cont .partner-benefit .partner-benefit-item.type-dri-ico1::before {background-position: 0 0;} /* 운전자 */
.section.partner-cont .partner-benefit .partner-benefit-item.type-dri-ico2::before {background-position: calc(1.8rem * -1) 0;}
.section.partner-cont .partner-benefit .partner-benefit-item.type-dri-ico3::before {background-position: calc(1.8rem * -2) 0;}

.section.partner-cont .partner-benefit .partner-benefit-item.type-shi-ico1::before {background-position: calc(1.8rem * -1) 0;} /* 건강 */
.section.partner-cont .partner-benefit .partner-benefit-item.type-shi-ico2::before {background-position: calc(1.8rem * -1) calc(1.8rem * -1);}
.section.partner-cont .partner-benefit .partner-benefit-item.type-shi-ico3::before {background-position: calc(1.8rem * -2) calc(1.8rem * -1);}

.section.partner-cont .partner-benefit .partner-benefit-item.type-can-ico1::before {background-position: calc(1.8rem * -1) 0;} /* 암 */
.section.partner-cont .partner-benefit .partner-benefit-item.type-can-ico2::before {background-position: calc(1.8rem * -1) calc(1.8rem * -1);}
.section.partner-cont .partner-benefit .partner-benefit-item.type-can-ico3::before {background-position: calc(1.8rem * -2) calc(1.8rem * -1);}

.section.partner-cont .partner-visual.type-dri .bg {margin-top: 4.0rem;} /* 운전자 */
.section.partner-cont .partner-visual.type-dri + .partner-benefit {margin-top: -2.5rem;}

.section.partner-cont .partner-visual.type-shi .bg {margin-top: 4.0rem;} /* 건강 */
.section.partner-cont .partner-visual.type-shi + .partner-benefit {margin-top: -2.0rem;}

.section.partner-cont .partner-visual.type-can .bg {margin-top: 5.0rem;} /* 암 */
.section.partner-cont .partner-visual.type-can + .partner-benefit {margin-top: -2.0rem;}

.section.partner-cont .note-sub,
.section.partner-cont .btn-group {padding: 0 var(--space-md);}


/* B2B2C (제휴) 상품안내 - 2026-06-24 : 외부 링크 유형 / 다크모드 X */
.trip-abroad.out-link .section {padding: 0;}
.trip-abroad.out-link .b2b2c-visual {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; min-height: 58.0rem; padding-top: 5.0rem; position: relative; overflow-x: hidden;} /* 2026-07-29 : 가로스크롤 이슈로 인한 overflow-x 추가 */
.trip-abroad.out-link .b2b2c-visual .logo-ci {height: 2.3rem; margin-bottom:1.5rem;}
.trip-abroad.out-link .b2b2c-visual .sub {display: inline-block; font-size: var(--font-lg); color: #333;}
.trip-abroad.out-link .b2b2c-visual .main-title {font-size: 3.8rem; line-height: 5.0rem; font-weight: var(--font-bold);}
.trip-abroad.out-link .b2b2c-visual .bg {position: absolute; z-index: -1; top: 0; left: 50%; width: 60.0rem; height: 58.0rem; margin-left: -30.0rem;}
.trip-abroad.out-link .b2b2c-visual .btn-group {position: absolute; bottom: 4.0rem;}
.trip-abroad.out-link .b2b2c-visual .btn-group > .btn {padding: 1.5rem var(--space-xxl);border-radius: 2.8rem;}

.trip-abroad.out-link .b2b2c-content {padding: 5.0rem 2.0rem; text-align: center;}
.trip-abroad.out-link .b2b2c-content .b2b2c-head {margin-bottom: 3.4rem;}
.trip-abroad.out-link .b2b2c-content .b2b2c-head .title > .txt {font-size: 3.0rem; font-weight: var(--font-bold); letter-spacing: -.1rem; line-height: 1.35;}
.trip-abroad.out-link .b2b2c-content .b2b2c-head .title-badge {display: inline-block; font-size: var(--font-md); font-weight: var(--font-bold); letter-spacing: -.1rem; color: #0071FF; padding: .7rem 2.8rem .5rem; background-color: #DBEEFF; border-radius: 2.2rem; margin-bottom: 1.8rem;}
.trip-abroad.out-link .b2b2c-content .b2b2c-img {position: relative; display: inline-block; width: min(27.0rem, 100%);}

.trip-abroad.out-link .b2b2c-visual.type-toss .bg {background-color: #CFE5FF;} /* 토스 type-toss */
.trip-abroad.out-link .b2b2c-content .b2b2c-img.toss-img {margin-top: -6.0rem; margin-bottom: -1.5rem; z-index: -1;}

.trip-abroad.out-link .card.option-data.pdr-b2b2c {border: 0; border-radius:  0; background-color: transparent; padding: 0; margin-bottom: 5.0rem; overflow: hidden; position: relative;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; text-align: left; margin-bottom: var(--space-xs); padding: var(--space-md) 2.0rem; border: none; border-radius: 1.0rem; background-color: var(--color-bg-light);}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item::before {content: ''; flex-shrink: 0; display: block; width: 5.0rem; height: 5.0rem; margin-right: var(--space-sm); background-image: url('../../image/pdr/ico-pdr-b2b2c.svg'); background-repeat: no-repeat; background-size: auto 5.0rem;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item:first-child,
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item + .card-item {padding-top: var(--space-md);}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item:last-child {margin-bottom: 0;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item .card-title {padding-left: 2.2rem;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item .card-title::before {position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; width: .1rem; height: 4.8rem; margin: auto 0; background-color: #E0E0E0;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item .card-title .key {padding-bottom: var(--space-min); color: #323232;}
.trip-abroad.out-link .card.option-data.pdr-b2b2c .card-item .card-title .txt {padding-bottom: 0; font-size: 1.1rem; font-weight: var(--font-medium); color: #9B9B9B;}

.trip-abroad.out-link .card.option-data.pdr-b2b2c .type-toss-ico1::before {background-position: 0 0;} /* 토스 아이콘 */
.trip-abroad.out-link .card.option-data.pdr-b2b2c .type-toss-ico2::before {background-position: -5.0rem 0;}

.trip-abroad.out-link .b2b2c-content .note {border-radius: 1.0rem;} /* 이벤트 note */
.trip-abroad.out-link .b2b2c-content .note-list {padding: 1.4rem 1.8rem;}
.trip-abroad.out-link .b2b2c-content .note-list > li {font-size: var(1.1rem); text-align: left;}

.trip-abroad.out-link .b2b2c-note {background-color: #E9E9E9; padding: 4.0rem 2.0rem;} /* 알아두실 사항 note */
.trip-abroad.out-link .b2b2c-note .note-title {font-size: var(--font-xxs); font-weight: var(--font-semibold); color: #666;}
.trip-abroad.out-link .b2b2c-note .list {margin-top: var(--space-xs);}
.trip-abroad.out-link .b2b2c-note .list > li {font-size: var(--font-min); color: #666; line-height: 1.5;}
.trip-abroad.out-link .b2b2c-note .list > li + li {margin-top: 0;}
.trip-abroad.out-link .b2b2c-note .list.depth-u1 > li::before {width: .3rem; height: .3rem; background-color: #666;}
.trip-abroad.out-link .b2b2c-note .list.depth-u2 > li::before {background-color: #666;}
.trip-abroad.out-link .b2b2c-note .note-sub {font-size: var(--font-min); color: #999;}

/* 해외,일본,장기체류보험 할인금액 툴팁 - 2026-07-16 */
.tooltip.benefit-price {align-items: end; justify-content: flex-end; margin-top: calc(var(--space-min) * -1); position: absolute; right: 0;}
.tooltip.benefit-price .tooltip-body {z-index: 10; margin-top: 0; margin-bottom: 2.2rem; margin-left: 2.0rem; background-color: #5784FF;}
.tooltip.benefit-price .tooltip-body::before {bottom: -.5rem; right: 1.6rem; top: auto; left: auto; background-position: 0 -7.6rem; transform: rotate3d(0, 0, 1, 270deg);}
.tooltip.benefit-price .ico-card::before {content: ''; display: inline-block; position: relative; vertical-align: middle; margin-right: .4rem; width: 1.6rem; height: 1.6rem; background: url(../../image/com/shinhancard-tooltip-img.png) no-repeat; background-size: 1.6rem;}