@charset "utf-8";

*{box-sizing:border-box;}
.txt_wrap{ /*text-align: center;*/  margin-bottom:80px; }
.plan_desc{font-size:18px; color:#eee; font-weight:400; background:var(--dark); padding:12px 15px; margin-top:15px; line-height:1.6; letter-spacing:-0.05em;}

.plan_desc span{font-weight:700;}
/* ±×¸®µå ¼³Á¤: PC 3¿­, ¸ð¹ÙÀÏ 1¿­ */
.plan-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin-bottom: 40px;}

/* Ä«µå ±âº» ½ºÅ¸ÀÏ */
.plan-card {background: #fff; border-radius: 20px; padding: 40px 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: transform 0.3s ease; display: flex; flex-direction: column; border: 2px solid transparent;
	position: relative; letter-spacing:-0.05em; border: 1px solid #eee;}
.plan-card strong{color:var(--dark); font-weight:700;}
.plan-card:hover { transform: translateY(-10px); }

/* º£½ºÆ®¼¥ °­Á¶ */
.plan-card.best { border: 1px solid var(--primary); }
.badge {position: absolute; top: -25px; left: 50%; transform: translateX(-50%);	background: var(--primary); color: #fff; padding: 0 35px; border-radius: 100px; font-weight: 600; 
	font-size: 18px; line-height:50px; white-space:nowrap;}
.plan-name { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #333; }
.plan-name i{color: var(--dark); fon-size:0.9em;}
.plan-price { font-size: 32px; font-weight: 700; color: #333; padding-bottom:20px; margin-bottom: 20px; border-bottom:1px solid #ddd}
.plan-price span { font-size: 18px; font-weight: 400; color: #777; }
.feature-list { list-style: none; padding: 0; margin: 0 0 30px 0; flex-grow: 1; }
.feature-list li { margin-bottom: 12px; color: #555; font-size: 16px; display: flex; align-items: center; }
.feature-list li::before { content: '\f058'; font-family: "Font Awesome 7 Free"; font-weight:900; margin-right: 8px; font-size: 1em; color:var(--icon-green)}
.btn-select {display: block; text-align: center; padding: 15px; border-radius: 12px; text-decoration: none; font-weight: bold; transition: 0.3s; background: var(--dark); color: #fff; font-size:18px;}
.btn-select.btn-point { background: var(--primary); color: #fff; }

/* À̺¥Æ® ÅؽºÆ® °­Á¶ */
.event-text { color: #e74c3c; font-weight: bold; margin-top: 10px; font-size: 0.9rem; }

/* µ¿¿µ»ó ±¤°í Àü¿ë ÇÏ´Ü ¹è³Ê */
.video-ad-banner {grid-column: 1 / -1; background: #000; color: #fff; border-radius: 20px; padding: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.video-ad-banner img{max-width:100px;}

.video-ad-banner > div{display:flex; flex-direction:column; gap:10px;}
.video-ad-banner .tit{display:flex; gap:10px; font-size:24px; font-weight:600; }
.video-ad-banner .desc{font-size:16px;}
.video-ad-banner .price{display:block; font-size:32px; font-weight:700;}

@media (max-width: 1024px) {
.txt_wrap{  margin-bottom:60px; }
.plan_desc{font-size:16px; }
.plan-grid{gap:20px; grid-template-columns:1fr; }
.plan-card{border-radius:15px; padding:30px;}
.badge{top:-20px; line-height:40px; font-size:16px;}
.plan-name{font-size:18px;}
.feature-list li{font-size:15px;}
.plan-price{font-size:28px; margin-bottom:15px; padding-bottom:15px; display:flex; flex-direction:column-reverse; gap:5px;}

.btn-select{font-size:16px;}
/* µ¿¿µ»ó ±¤°í Àü¿ë ÇÏ´Ü ¹è³Ê */
.video-ad-banner {flex-direction: column; text-align: center; gap: 50px; border-radius:15px;}
.video-ad-banner img{max-width:90px;}

.video-ad-banner > div{display:flex; flex-direction:column; gap:10px; width:100%;}
.video-ad-banner .tit{display:flex; gap:10px; font-size:20px; font-weight:600; justify-content:center;}
.video-ad-banner .desc{font-size:15px;}
.video-ad-banner .price{font-size:28px; }
}
@media (max-width: 768px) {
	.txt_wrap{  margin-bottom:40px; }
	.plan_desc{margin-top:0;}
	.plan-card{border-radius:12px;}
	.plan-name{font-size:16px;}
	.feature-list li{font-size:14px;}
	.plan-price{font-size:24px; margin-bottom:12px; padding-bottom:12px;}

	.btn-select{font-size:14px;}
	
	.video-ad-banner {  border-radius:12px;}
	.video-ad-banner img{max-width:80px;}
	.video-ad-banner .tit{font-size:18px; }
	.video-ad-banner .desc{font-size:14px;}
	.video-ad-banner .price{font-size:24px; }
	
}