.tenclip_top_wrap {padding:0.6rem 0;background:#fafafa;border-bottom:2px solid #666;width:100%;margin-bottom:30px;}
.tenclip_ex_box {position: absolute;top: 2.7rem;right:4rem;width: 270px;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);}
.tenclip_ex_box img {width:17px;height:auto;margin-top:-3px;margin-right:3px;}
.tenclip_kakaoic {position: absolute;right:-10px;top:35px;}
.tenclip_kakaoic img {width:50px;height:auto;}
.tenclip_iframe01 {width:100%;height:450px;border-radius: 15px;}
.tenclip_ThumbImg {width:100%;height:auto;border-radius: 15px;}
.tenclip_bn p {border-radius: 10px;background: #fff097;padding:0.5rem 1.5rem;text-align:center;}
.tenclip_bn img {width:100%;height:auto;}
.tbl_privacy table {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;}
.tbl_privacy th {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;padding:5px 10px;background: #fafafa;font-weight: 600;text-align: center;font-size:0.9rem;}
.tbl_privacy td {border:1px solid #ccc;box-sizing:border-box;border-collapse : collapse;padding:5px 10px;font-size:0.9rem;color:#666;}
.count_info {position: absolute;top: 2rem;right:0px;width: 260px;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);z-index: 10;}
.p_sns_bt {border:1px solid #666;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #000 !important;}
.p_sns_bt:hover {border:1px solid #fff !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #666 !important;}
.p_sns_bt_active {border:1px solid #fff !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #666 !important;}
.p_sns_bt img, .p_sns_bt_active img {width:auto;height:16px;}
.p_share_bt {border:1px solid #fff !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: #fff !important;font-weight: 600;font-size:0.8rem;}
.p_share_bt  img  {width:auto;height:13px;margin-right:10px;}
.p_homepage_bt {border:1px solid #fff !important;background: #152a69 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: ##152a69 !important;font-weight: 600;font-size:0.8rem;color:#fff;}
.premium_tt {color:#fee97d !important;font-weight: 600;font-size: 0.9rem;}
.premium_bg {background:rgba(0,0,0,1) url('../Nimage/premium_bg.png') no-repeat  left top /1200px auto !important;padding-right: 3rem !important;  padding-left: 3rem !important;}
.premium_ic {position: absolute; top:-15px;right:-10px;}
.premium_ic img {width:50px;height:auto;}

.sns_bt {border:1px solid #ccc;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fff !important;}
.sns_bt:hover {border:2px solid #333 !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fafafa !important;}
.sns_bt_active {border:2px solid #333 !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #fafafa !important;}
.sns_bt_closed {border:1px solid #ccc !important;border-radius: 8px;height:36px;width:36px;line-height: 100% !important;background: #cccccc !important;}
.sns_bt img, .sns_bt_active img, .sns_bt_closed img {width:auto;height:16px;}
.sns_bt_closed img {opacity: 0.3 !important;}
.share_bt {border:1px solid #000 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: #fff !important;font-weight: 600;font-size:0.8rem;}
.share_bt  img  {width:auto;height:13px;margin-right:10px;}
.homepage_bt {border:1px solid #152a69 !important;background: #152a69 !important;border-radius: 0.25rem;height:30px;width:80px;line-height: 100% !important;background: ##152a69 !important;font-weight: 600;font-size:0.8rem;color:#fff;}
.p_circle div {border:2px solid #ccc;background: #ccc;position: relative;border-radius: 50%;width:15px;height:15px;cursor: pointer;}
.p_circle .active {border:2px solid #ccc;background: #000 !important;position: relative;border-radius: 50%;width:15px;height:15px;cursor: pointer;}
.tenclip_list_tab {display: flex;flex-direction: row;justify-content: space-between; border-left:1px solid #ccc;margin-right: -0.2rem !important;margin-left: -0.2rem !important;margin-top:2rem;}
.tenclip_list_tab div {display: flex;align-items: center; justify-content: center; width:100%;padding:0.8rem 0.5rem;border:1px solid #ccc;background:#f4f5f9;border-left:0px !important;text-align: center;cursor:pointer;}
.tenclip_list_tab .active {background:#fff;border-bottom:1px solid #fff !important;border-top:1px solid #333 !important;border-left:1px solid #333 !important;border-right:1px solid #333 !important;}
.tenclip_list_tab .none {padding:0.5rem;border-bottom:1px solid #ccc;border-top:0px;border-right:0px;background:#fff;}
.tenclip_list_tab span {font-size:1rem;font-weight:600;word-break: keep-all;line-height:1rem;}

.tenclip_faq_btn button {border:2px solid #0dbdfd;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #fff;color:#0dbdfd;font-weight:600;}
.tenclip_faq_btn button:hover {border:2px solid #0dbdfd !important;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #0dbdfd !important;color:#fff !important;}
.tenclip_faq_btn .active {border:2px solid #0dbdfd !important;min-width: 120px;border-radius: 30px;padding:7px;text-align: center;background: #0dbdfd !important;color:#fff !important;}


/* ── 카드 공통 ── */
.plan-card {
  background: #fff;
  border-radius: 16px;
  padding: 26px 22px 22px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* 상단 컬러 라인 */
.plan-card-free    { border: 2px solid #dddddd; }
.plan-card-basic   { border: 2px solid #005bbb; }
.plan-card-premier { border: 2px solid #ff7250; }

/* ── 플랜명 ── */
.plan-name { font-size: 1.35rem; font-weight: 700; letter-spacing: -1px; }
.plan-name-free    { color: #555; }
.plan-name-basic   { color: #005bbb; }
.plan-name-premier { color: #ff7250; }

/* ── 가격 취소선 행 ── */
.price-original { font-size: 1rem; color: #aaa; text-decoration: line-through; }
.price-arrow    { font-size: 0.82rem; color: #aaa; margin: 0 3px; }

/* ── 메인 가격 숫자 ── */
.plan-price      { font-size: 1.9rem; font-weight: 700; letter-spacing: -1.5px; line-height: 1.1; }
.plan-price-free    { color: #555; }
.plan-price-basic   { color: #005bbb; }
.plan-price-premier { color: #ff7250; }

/* ── SNS 업로드 뱃지 ── */
.sns-badge {
  display: block; text-align: center;
  border-radius: 30px; padding: 5px 0;
  font-size: 0.86rem; font-weight: 700; letter-spacing: -0.4px;
  margin-top:0.5rem;
}
.sns-badge-free    { border: 1.5px solid #888;    color: #555;    background: #f5f5f5; }
.sns-badge-basic   { border: 1.5px solid #005bbb; color: #005bbb; background: #eef4ff; }
.sns-badge-premier { border: 1.5px solid #ff7250; color: #ff7250; background: #fff6f4; }

/* ── 체크 아이콘 원 ── */
.chk-dot {
  flex-shrink: 0;
  width: 17px; height: 17px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  margin-top: 2px;
}
.chk-dot svg { width: 9px; height: 9px; }
.chk-dot-free    { background: #888; }
.chk-dot-basic   { background: #005bbb; }
.chk-dot-premier { background: #ff7250; }
.chk-dot-purple  { background: #6f2acd; }

/* ── 항목 행 ── */
.item-row { display: flex; align-items: flex-start; gap: 7px; font-size: 0.88rem; line-height: 1.55; letter-spacing: -0.3px; }

/* ── 점선 구분선 ── */
.dot-line { border-top: 1px dashed #ccc; }

/* ── CTA 버튼 ── */
.plan-btn {
  display: block; width: 100%; padding: 11px 0;
  border-radius: 8px; border: none; cursor: pointer;
  font-size: 1rem; font-weight: 700; letter-spacing: -0.5px;
  color: #fff;
}
.plan-btn:hover { opacity: .85; }
.plan-btn-free    { background: #777; }
.plan-btn-basic   { background: #005bbb; }
.plan-btn-premier { background: #ff7250; }

/* ─────────────────────────────
   하단 배너
───────────────────────────── */
.bottom-banner {
  border: 1.5px solid #c8b8ff;
  border-radius: 14px;
  background: #fafafa;
  padding: 18px 22px;
}

.bb-plus-title { font-size: 1rem; font-weight: 800; color: #6f2acd; letter-spacing: -0.8px; line-height: 1.45; }
.bb-plus-circle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 23px; height: 23px;line-height: 20px !important; border-radius: 50%;
  border: 2.5px solid #6f2acd; color: #6f2acd;
  font-weight: 900; font-size: 1rem; margin-right: 4px;padding-bottom:2px;
}

.bb-price-box {
  background: #ede7ff; border: 1.5px solid #c8b8ff;
  border-radius: 10px; padding: 10px 15px; text-align: center; flex-shrink: 0;
}
.bb-price-label { display: block; font-size: 0.75rem; font-weight: 700; color: #6f2acd; }
.bb-price-num   { font-size: 1.2rem; font-weight: 900; color: #6f2acd; letter-spacing: -1px; }
.bb-price-unit  { font-size: 0.72rem; font-weight: 600; color: #6f2acd; }
.bb-price-vat   { display: block; font-size: 0.7rem; color: #9a6fdd; }

.bb-vline { width: 1px; background: #c8b8ff; flex-shrink: 0; }


@media (min-width: 1200px) {
.tenclip_bn img {width:200px;height:auto;} 
    
}


@media (max-width: 1024px) {
.tenclip_ex_box {top: 4.6rem;}    
    
}

@media (max-width: 960px) {
.tenclip_list_tab {margin-top:1rem !important;}
.tenclip_list_tab span {font-size:0.8rem;font-weight:500;}   
}


@media (max-width: 768px) {
.tenclip_bn img {width:235px;height:auto;}
.bb-vline { display: none; }
.plan-price { font-size: 1.55rem; }
    
}


@media (max-width: 576px) {
.tenclip_ex_box {position: absolute;top: 6.5rem;left:3%; width: 94%;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);}    
.count_info {position: absolute;top: 7rem;left:3%; width: 94%;border: 1px solid #999;font-size: 14px;background: #fff;box-shadow: 0 3px 7px rgba(0,0,0,.3);}
.premium_bg {padding-right: 1rem !important;  padding-left: 1rem !important;border-radius: 0px !important; }
.tenclip_list_tab div {padding:0.5rem 0.5rem;}
}


@media (max-width: 400px) {
.w-400-none {display: none !important;}    
    
}