@charset "utf-8";
/* 보안 패키지 카드 — iteasy.co.kr/sec/web_onestop 과 같은 구성 (2026-09-14)
   수치는 iteasy 계산 스타일 기준. 금액·1회 배지만 이 페이지 강조색(#0084FF)으로 맞춤. 청록 원본은 #06A9B7 / 배지 배경 #D3F6F9 */
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con {height:auto; min-height:min(550px, 28.65vw); border-radius:min(20px, 1.04vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con {text-align:center;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con,
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > input:checked + .inner_con > .info_con > .txt_con > .type_con {display:block; height:auto; padding:0; background:none; border-radius:0;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con > span {font-size:min(35px, 1.82vw); color:#222; font-weight:700; line-height:135%; letter-spacing:-0.5px;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con {display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); margin:min(5px, 0.26vw) 0; padding:min(10px, 0.52vw) min(16px, 0.83vw); background:#FFF5F5; border-radius:min(12px, 0.63vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .discount_rate {font-size:min(23px, 1.20vw); color:#F44848; font-weight:900; line-height:100%; letter-spacing:-1px;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .divider {width:1px; height:min(36px, 1.88vw); background:#F0C0C0;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .origin_wrap {display:flex; flex-direction:column; align-items:flex-start; gap:2px;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .origin_wrap > .origin_label {font-size:min(11px, 0.57vw); color:#F44848; font-weight:700; line-height:100%; letter-spacing:0.3px;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .origin_wrap > .origin_price {font-size:min(22px, 1.15vw); color:#BBB; font-weight:500; line-height:100%; text-decoration:line-through;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {justify-content:center; align-items:center; gap:min(8px, 0.42vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text03_con {padding:min(5px, 0.26vw) min(15px, 0.78vw); background:#E5F2FF; border-radius:min(5px, 0.26vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text03_con > span {font-size:min(16px, 0.83vw); color:#0084FF; font-weight:400; line-height:125%;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#0084FF; font-weight:700; line-height:135%;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > input:checked + .inner_con > .info_con > .txt_con > .type_con > span {color:#0084FF;}

/* 좁은 카드(ITEASY 368px 대비 약 258px)에서도 "1회 · 총 · 금액 · 원 부터" 가 한 줄에 들어가도록 */
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con {padding-left:min(24px, 1.25vw); padding-right:min(24px, 1.25vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {flex-wrap:nowrap; gap:min(6px, 0.31vw);}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > div > span {white-space:nowrap;}
#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con > span {letter-spacing:-0.5px;}

@media all and (max-width: 1024px) {
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con {min-height:0; border-radius:4.17vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con > span {font-size:8.33vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con {gap:2.78vw; margin:1.39vw 0; padding:2.78vw 4.44vw; border-radius:3.33vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .discount_rate {font-size:6.39vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .divider {height:10vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .origin_wrap > .origin_label {font-size:3.06vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .discount_con > .origin_wrap > .origin_price {font-size:5.56vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {gap:2.22vw; margin:1.39vw 0 0;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text03_con {padding:1.39vw 3.89vw; border-radius:1.39vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text03_con > span {font-size:4.44vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con > span {font-size:8.33vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con {padding-left:5.56vw; padding-right:5.56vw;}
	#main_con .info07_con > .contents_con > .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {gap:1.67vw;}
}