/* KT 셋톱박스 페이지 전용 꾸밈 — product.kt.com 에서 추려 우리 페이지(.kt-mirror) 안에만 적용 */

@font-face{font-family:"kt flow";font-style:normal;font-weight:700;src:url("../settop/font/KTFlow-Bold.woff2") format("woff2");font-display:swap;}
@font-face{font-family:"kt flow";font-style:normal;font-weight:500;src:url("../settop/font/KTFlow-Medium.woff2") format("woff2");font-display:swap;}

.kt-mirror{
  --color-red-1: #fac3c8;
  --color-red-2: #e75357;
  --color-red-3: #d92c38;
  --color-red-4: #d71826;
  --color-mint-1: #21fff0;
  --color-mint-2: #5DDFDE;
  --color-mint-3: #65dddc;
  --color-mint-4: #9BEBDD;
  --color-bluegreen-1: #009ea2;
  --color-bluegreen-2: #008abd;
  --color-gray-900: #222;
  --color-gray-800: #333;
  --color-gray-700: #444;
  --color-gray-600: #454545;
  --color-gray-500: #555;
  --color-gray-400: #666;
  --color-gray-300: #777;
  --color-gray-200: #888;
  --color-gray-100: #999;
  --color-gray-line-1: #ccc;
  --color-gray-bg-1: #F4F7F9;
  --color-navy-gray-1: #536894;
  --color-navy-gray-2: #4d5973;
  --color-navy-gray-3: #38445D;
  --color-white: #fff;
  --color-black: #000;
  --underline-mint: var(--color-mint-4);
  --line-height-base: 1.48;
  --border-inverse: #191A1B;
  --border-secondary-01: #E9EAEE;
  --border-secondary-02: #D5D8DD;
  --border-primary-01: #8B8F97;
  --surface-primary-02: #F8F9FA;
  --fill-primary: #191A1B;
  --gray-25: #F8F9FA;
  --gray-50: #F3F4F6;
  --gray-75: #EEEFF2;
  --gray-100: #E9EAEE;
  --gray-200: #D5D8DD;
  --gray-500: #6F737B;
  --gray-400: #8B8F97;
  --gray-600: #55585D;
  --gray-900: #191A1B;
  --text-primary: #191A1B;
  --text-tertiary-01: #6F737B;
  --text-secondary-01: #55585D;
  --text-secondary-02: #4A4C50;
  --font-family-pretendard: 'Pretendard', 'NotoS', sans-serif;
  --font-family-kt-flow: 'kt flow', 'Pretendard', 'NotoS', sans-serif;
  --font-size-60: 60px;
  --font-size-40: 40px;
  --font-size-36: 36px;
  --font-size-32: 32px;
  --font-size-24: 24px;
  --font-size-22: 22px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --font-size-15: 15px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --icon-size-medium: 24px;
  --icon-size-small: 20px;
  --radius-0: 0;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-circle: 999px;
  --layout-width: 1080px;
  --layout-min-width: 1260px;
  --static-white: #FFF;
  --border-subtle-01: #D5D8DD;
  --fill-on-white-inverse: #FFF;
  --banner-text-subtitle-soft: #55585D;
  --banner-text-title-soft: #191A1B;
  --font-size-12: 12px;
  --font-size-20: 20px;
}

.kt-mirror{display:block;background:#fff;color:var(--gray-900);}
.kt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

.kt-mirror h1, .kt-mirror h2, .kt-mirror h3, .kt-mirror p, .kt-mirror div, .kt-mirror th, .kt-mirror td, .kt-mirror table, .kt-mirror button, .kt-mirror ul, .kt-mirror li, .kt-mirror img {margin: 0px; padding: 0px;}
.kt-mirror button {font-family: "Malgun Gothic", "맑은 고딕", MG, dotum, 돋움, sans-serif; font-size: 100%; color: rgb(102, 102, 102); line-height: 1.45; letter-spacing: -0.5px;}
.kt-mirror button {box-sizing: border-box;}
.kt-mirror h1, .kt-mirror h2, .kt-mirror h3 {color: rgb(51, 51, 51); font-weight: normal;}
.kt-mirror table {table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 0px;}
.kt-mirror ul {list-style-type: none;}
.kt-mirror img {vertical-align: top; border: 0px;}
.kt-mirror em {font-style: normal;}
.kt-mirror a:link {text-decoration: none;}
.kt-mirror button {overflow: visible; background: none; border: 0px; cursor: pointer;}
.kt-mirror button:focus {padding: 0px; border: initial;}
.kt-mirror .forte-area strong {font-weight: normal;}
.kt-mirror strong {font-weight: normal;}
.kt-mirror .mt-tp0 {margin-top: 0px !important;}
.kt-mirror .mt-tp8 {margin-top: 8px !important;}
.kt-mirror .mt-tp32 {margin-top: 32px !important;}
.kt-mirror .mt-tp40 {margin-top: 40px !important;}
.kt-mirror .mt-tp80 {margin-top: 80px !important;}
.kt-mirror .mt-tp120 {margin-top: 120px !important;}
.kt-mirror .nsprod-page * {font-family: var(--font-family-pretendard); line-height: 1.48; letter-spacing: 0px; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word;}
.kt-mirror .nsprod-page-inner {position: relative; min-width: 1080px; width: 1080px; margin: 0px auto;}
.kt-mirror .nsprod-blind {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px;}
.kt-mirror .nsprod-hero-primary {min-width: var(--layout-min-width); overflow: hidden;}
.kt-mirror .nsprod-hero-primary-inner {position: relative; width: var(--layout-width); height: 100%; margin: 0px auto;}
.kt-mirror .nsprod-hero-primary-title-group {z-index: 2; display: flex; flex-direction: column; gap: var(--space-12); position: absolute; top: 0px; left: 0px; height: 100%;}
.kt-mirror .nsprod-hero-primary-title-group.space-title-line-clamp1 {padding: 160.5px 0px 0px;}
.kt-mirror .nsprod-hero-primary-title-group .nsprod-section-title {color: var(--gray-900); font-family: var(--font-family-kt-flow); font-size: var(--font-size-36); font-weight: var(--font-weight-bold); line-height: 1.48;}
.kt-mirror .nsprod-hero-primary-title-group .nsprod-section-title-desc {color: var(--gray-600); font-family: var(--font-family-pretendard); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); line-height: 1.48;}
.kt-mirror .nsprod-hero-primary-visual {z-index: 1; position: relative; left: 50%; transform: translateX(-50%);}
.kt-mirror .nsprod-title-group {display: flex; flex-direction: column; gap: var(--space-12);}
.kt-mirror .nsprod-title-group.space8 {gap: var(--space-8);}
.kt-mirror .nsprod-title-eyebrow {color: var(--gray-600); font-family: var(--font-family-pretendard); font-size: var(--font-size-22); font-weight: var(--font-weight-bold); line-height: 1.48; text-align: center;}
.kt-mirror .nsprod-title-lead {color: var(--gray-900); font-family: var(--font-family-kt-flow); font-size: var(--font-size-40); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: -0.4px; text-align: center; word-break: keep-all;}
.kt-mirror .nsprod-title-sub {color: var(--gray-900); font-family: var(--font-family-kt-flow); font-size: var(--font-size-32); font-weight: var(--font-weight-bold); line-height: 1.48; text-align: center;}
.kt-mirror .nsprod-title-desc {color: var(--gray-600); font-family: var(--font-family-pretendard); font-size: var(--font-size-22); font-weight: var(--font-weight-medium); text-align: center; word-break: keep-all;}
.kt-mirror .nsprod-title-desc.fz18 {font-size: var(--font-size-18);}
.kt-mirror .nsprod-use-case {display: flex; padding: var(--space-80) 0 0 0; align-items: center; gap: var(--space-24);}
.kt-mirror .nsprod-use-case .info-column {display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 0 0 var(--space-24);}
.kt-mirror .nsprod-use-case .info-column * {text-align: left;}
.kt-mirror .nsprod-use-case .img-column {display: flex; align-items: flex-start;}
.kt-mirror .nsprod-accordion-group {width: var(--layout-width); margin: 0px auto;}
.kt-mirror .nsprod-accordion-button {position: relative; display: block; width: 100%; box-shadow: inset 0 1px 0 var(--gray-100); color: var(--gray-900); font-size: var(--font-size-18); font-weight: var(--font-weight-bold); line-height: 1.48; text-align: left; padding: var(--space-24) 60px var(--space-24) var(--space-20) !important; font-family: var(--font-family-pretendard) !important;}
.kt-mirror .nsprod-accordion-button::after {content: ""; position: absolute; top: 50%; right: var(--space-20); width: var(--icon-size-medium); height: var(--icon-size-medium); margin: calc(-1 * var(--icon-size-medium) / 2) 0 0 0; aspect-ratio: 1 / 1; background: url("../settop/img/w_bl_icode_1711_chevron.png") 0px 0px no-repeat; transform: rotate(0deg); transition: transform 0.25s;}
.kt-mirror .nsprod-accordion-panel {background: var(--gray-25);}
.kt-mirror .nsprod-accordion-panel-inner {padding: var(--space-24) var(--space-20); color: var(--gray-900); font-size: var(--font-size-16); font-weight: var(--font-weight-medium);}
.kt-mirror .nsprod-accordion-panel[hidden] {display: none;}
.kt-mirror .nsprod-accordion-item.is-open .nsprod-accordion-button::after {transform: rotate(-180deg);}
.kt-mirror .nsprod-dot-list {font-family: var(--font-family-pretendard);}
.kt-mirror .nsprod-dot-list > li {position: relative; padding: 0px 0px 0px 22px; color: var(--gray-500); font-size: var(--font-size-16); font-weight: var(--font-weight-medium);}
.kt-mirror .nsprod-dot-list > li::before {content: ""; position: absolute; top: 10px; left: 5.5px; width: 3px; height: 3px; border-radius: var(--radius-circle); background-color: var(--gray-500);}
.kt-mirror .nsprod-dot-list > li + li {margin: var(--space-8) 0 0 0;}
.kt-mirror .nsprod-star-list {font-family: var(--font-family-pretendard);}
.kt-mirror .nsprod-star-list > li {position: relative; padding: 0px 0px 0px 22px; color: var(--gray-500); font-size: var(--font-size-16); font-weight: var(--font-weight-medium);}
.kt-mirror .nsprod-star-list > li .nsprod-bl {content: ""; position: absolute; top: 0px; left: 4px;}
.kt-mirror .nsprod-star-list.fz14 > li {padding: 0px 0px 0px 18px; font-size: var(--font-size-14);}
.kt-mirror .nsprod-table {width: 100%; border-collapse: separate; border-top: 1px solid var(--border-inverse); border-bottom: 1px solid var(--border-secondary-01); background: rgb(255, 255, 255); table-layout: fixed;}
.kt-mirror .nsprod-table th, .kt-mirror .nsprod-table td {height: 61px; padding: 9.5px var(--space-24); font-size: var(--font-size-14); line-height: 1.48; text-align: center; word-break: keep-all; vertical-align: middle;}
.kt-mirror .nsprod-table thead th {background: var(--gray-75); color: var(--text-primary); font-weight: var(--font-weight-bold);}
.kt-mirror .nsprod-table thead th + th {border-left: 1px solid var(--border-secondary-02);}
.kt-mirror .nsprod-table thead tr + tr th {border-top: 1px solid var(--border-secondary-02);}
.kt-mirror .nsprod-table thead th.brline {border-right: 1px solid var(--border-inverse);}
.kt-mirror .nsprod-table thead th.blline-none {border-left: 0px;}
.kt-mirror .nsprod-table tbody th {border-right: 1px solid var(--border-inverse); border-top: 1px solid var(--border-secondary-01); background: var(--gray-25); color: var(--text-secondary-02); font-weight: var(--font-weight-medium); text-align: center;}
.kt-mirror .nsprod-table tbody td {border-top: 1px solid var(--border-secondary-01); color: var(--text-tertiary-01); font-weight: var(--font-weight-medium);}
.kt-mirror .nsprod-table tbody tr:first-child td {border-top: 1px solid var(--border-secondary-02);}
.kt-mirror .nsprod-table tbody td + td {border-left: 1px solid var(--border-secondary-01);}
.kt-mirror .nsprod-i1711-img-max {font-size: 0px; line-height: 0;}
.kt-mirror .nsprod-i1711-img-use-case {display: flex; align-items: center; align-self: stretch; gap: var(--space-24);}
.kt-mirror .nsprod-i1711-img-use-case .figure-column {display: flex; align-items: center; flex-direction: column; gap: 20px; margin: 0px;}
.kt-mirror .nsprod-i1711-img-use-case .figure-column .nprod-prd-desc {color: var(--gray-600); text-align: center; font-family: var(--font-family-pretendard); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); line-height: 1.48;}
.kt-mirror .nsprod-i1711-flex {display: flex; padding: var(--space-80) 0 var(--space-80) 0; align-items: center; gap: var(--space-24);}
.kt-mirror .nsprod-i1711-flex.flex-column {flex-direction: column;}
.kt-mirror .nsprod-i1711-bg {border-radius: 16px; background: var(--gray-50);}
.kt-mirror .nsprod-i1711-box-wrap {display: inline-grid; width: 100%; column-gap: 24px;}
.kt-mirror .nsprod-i1711-bg .nsprod-i1711-box-wrap {max-width: 996px;}
.kt-mirror .nsprod-i1711-box-wrap.box-wrap-2x {grid-template-rows: repeat(1, fit-content(100%)); grid-template-columns: repeat(2, minmax(0px, 1fr));}
.kt-mirror .nsprod-i1711-box-wrap.box-wrap-2x .nprod-box {padding-bottom: 0px; gap: 0px;}
.kt-mirror .nsprod-i1711-box-wrap .nprod-box {display: flex; flex-direction: column; gap: var(--space-24); padding: 0 var(--space-20) var(--space-24) var(--space-24); border-radius: 16px; background: var(--static-white);}
.kt-mirror .nsprod-i1711-box-wrap .nprod-box-txt {display: flex; padding-top: var(--space-24); flex-direction: column; gap: 8px; color: var(--gray-600); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); line-height: 1.48;}
.kt-mirror .nsprod-i1711-box-wrap .nprod-box-txt em {color: var(--gray-900); font-family: var(--font-family-kt-flow); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); line-height: 1.48;}
.kt-mirror .nsprod-box-icon {display: flex; padding: 0px 10px 20px 0px; justify-content: flex-end; align-items: flex-end; gap: 10px; align-self: stretch;}
.kt-mirror .nsprod-box-icon > img {width: 64px; aspect-ratio: 1 / 1;}
.kt-mirror .nsprod-table tbody .nsprod-table-name {color: var(--text-secondary-02);}
.kt-mirror .nsprod-i1711-detail-group {display: flex; gap: 24px; padding-top: 40px;}
.kt-mirror .nsprod-i1711-detail-group .info-column {flex: 1 1 0%; padding: 24px; border-radius: 16px; background: var(--fill-on-white-inverse); box-shadow: inset 0 0 0 1px var(--border-subtle-01); color: var(--gray-600); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); line-height: var(--line-height-base);}
.kt-mirror .nsprod-i1711-detail-group .info-column .head {display: block; margin: 0 0 var(--space-8) 0; color: var(--gray-900); font-family: var(--font-family-kt-flow); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); line-height: var(--line-height-base);}
.kt-mirror .nsprod-i1711-detail-group .info-sub-column {margin: 24px 0px 0px; padding: 23px 0px 0px; border-top: 1px solid var(--border-secondary-01); color: var(--gray-600, #55585D); font-family: var(--font-family-pretendard); font-size: var(--font-size-12); font-weight: var(--font-weight-medium); line-height: var(--line-height-base);}
.kt-mirror .nsprod-i1711-detail-group .info-sub-column .sub-head {display: block; margin: var(--space-8) 0 0 0; color: var(--gray-900); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-bold); line-height: var(--line-height-base);}
.kt-mirror .nsprod-i1711-detail-group .info-sub-column .sub-head:first-child {margin: var(--space-4) 0 0 0;}
.kt-mirror .nsprod-i1711-detail-group .info-icon-desc-group {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 12px; margin: var(--space-24) 0 0 0;}
.kt-mirror .nsprod-i1711-detail-group .info-icon-desc-group .icon-desc-column {display: flex; align-items: center; align-self: stretch; gap: 10px; color: var(--gray-900); font-family: var(--font-family-pretendard); font-size: var(--font-size-16, 16px); font-weight: var(--font-weight-regular, 400); line-height: 1.7;}
.kt-mirror .nsprod-i1711-detail-group .info-icon-desc-group .icon-desc-column .icon {max-width: 32px;}
.kt-mirror .nsprod-i1711-detail-group .info-icon-desc-group .icon-desc-column .icon.icon-mic {max-width: 24px;}
.kt-mirror .nsprod-i1711-detail-group.reverse-tp1 .info-column .head {margin: var(--space-8) 0 0 0;}
.kt-mirror .nsprod-i1711-detail-group.reverse-tp1 .info-column {padding-right: 0px;}
.kt-mirror .nsprod-i1711-accordion-care-detail {color: var(--gray-500); font-family: var(--font-family-pretendard); font-weight: var(--font-weight-medium); line-height: var(--line-height-base);}
.kt-mirror .nsprod-i1711-accordion-care-detail .head {display: flex; align-items: center; gap: var(--space-4); margin: 32px 0px 0px; color: var(--text-primary); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold);}
.kt-mirror .nsprod-i1711-accordion-care-detail .head .num {position: relative; margin: 0px 2px 0px 0px; padding: 3px 6px; border: 1px solid rgb(0, 0, 0); border-radius: 999px; color: var(--text-primary); font-family: var(--font-family-pretendard); font-size: var(--font-size-12); font-weight: var(--font-weight-semibold, 600); line-height: 1;}
.kt-mirror .nsprod-i1711-accordion-care-detail .sm-tt {color: var(--text-tertiary-01); font-size: var(--font-size-14); font-weight: var(--font-weight-medium);}
.kt-mirror .nsprod-i1711-accordion-care-detail .notes-detail {margin: 32px 0px 0px;}
.kt-mirror .nsprod-i1711-accordion-care-detail .notes-detail .nsprod-dot-list {margin: 8px 0px 0px;}
.kt-mirror .nsprod-i1711-accordion-care-detail .semicircle-num-list > li {position: relative; padding: 0px 0px 0px 18px;}
.kt-mirror .nsprod-i1711-accordion-care-detail .semicircle-num-list > li .num {position: absolute; top: 0px; left: 0px;}
.kt-mirror .nsprod-i1711-accordion-care-detail .semicircle-num-list > li + li {margin: var(--space-8) 0 0 0;}
.kt-mirror .nsprod-i1711-down-group {margin: var(--space-20) 0 0 0; border-radius: var(--radius-12); background: rgb(248, 249, 250); box-shadow: inset 0 0 0 1px var(--border-secondary-02);}
.kt-mirror .nsprod-i1711-down-group .section-title {width: calc(100% - 2px); margin: 0px auto; padding: var(--space-16) var(--space-20); border-top-left-radius: var(--radius-12); border-top-right-radius: var(--radius-12); background: var(--gray-75); box-shadow: inset 0 1px 0 var(--border-secondary-02); color: var(--text-primary); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); line-height: 1.48; display: flex; align-items: center; min-height: 72px;}
.kt-mirror .nsprod-i1711-down-group .down-panel {padding: var(--space-20) var(--space-20) var(--space-24);}
.kt-mirror .nsprod-i1711-down-group .down-info-list-wrap {display: flex; margin: 4px 0px 0px;}
.kt-mirror .nsprod-i1711-down-group .down-info-list {flex: 1 1 0%;}
.kt-mirror .nsprod-i1711-down-group .down-info-list > li {display: flex; align-items: flex-start; gap: var(--space-20); padding: var(--space-8) 0; color: var(--text-tertiary-01); font-size: var(--font-size-14); font-family: var(--font-family-pretendard); font-weight: var(--font-weight-medium); line-height: 1.48;}
.kt-mirror .nsprod-i1711-down-group .down-info-list > li .head {position: relative; flex: 0 0 120px; width: 120px; padding: 0px 0px 0px 18px; color: var(--text-primary); font-weight: var(--font-weight-semibold);}
.kt-mirror .nsprod-i1711-down-group .down-info-list > li .head::before {content: ""; position: absolute; top: 8.5px; left: 5.5px; width: 3px; height: 3px; border-radius: 50%; background-color: var(--gray-900);}
.kt-mirror .nsprod-i1711-down-group.down-group-manual {display: flex; padding-top: 12px; flex-direction: column; gap: var(--space-16); align-self: stretch; border: 0px; box-shadow: none;}
.kt-mirror .nsprod-i1711-down-group.down-group-manual .head {display: flex; padding-bottom: 12px; justify-content: space-between; align-items: center; align-self: stretch; border-bottom: 1px solid var(--border-secondary-02); color: var(--text-primary); font-family: var(--font-family-pretendard); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); line-height: 148%;}
.kt-mirror .nsprod-i1711-down-group .down-button-group {display: flex; width: calc(100% - 2px); margin: 0px auto; padding: var(--space-16) var(--space-20); justify-content: space-between; align-items: center; border-top-left-radius: var(--radius-12); border-top-right-radius: var(--radius-12); background: var(--gray-75); box-shadow: inset 0 1px 0 var(--border-secondary-02);}
.kt-mirror .nsprod-i1711-down-group .down-button-group .section-title {padding: 0px; min-height: unset; box-shadow: none;}
.kt-mirror .nsprod-i1711-down-group .down-button-group-column {display: flex; gap: var(--space-8);}
.kt-mirror .nsprod-i1711-down-group .down-button {display: inline-flex; align-items: center; min-width: 64px; min-height: 40px; padding: var(--space-8) var(--space-12); border-radius: var(--radius-6); background: var(--fill-primary); color: rgb(255, 255, 255); font-family: var(--font-family-pretendard); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); line-height: 1.48; white-space: nowrap;}
.kt-mirror .nsprod-i1711-down-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-8); max-width: 1032px;}
.kt-mirror .nsprod-i1711-down-grid .down-link {display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); width: 200px; min-height: 40px; padding: var(--space-8) var(--space-10) var(--space-8) var(--space-12); border-radius: var(--radius-6); background: rgb(255, 255, 255); box-shadow: inset 0 0 0 1px var(--border-primary-01); color: var(--gray-900); font-family: var(--font-family-pretendard); font-size: var(--font-size-13); font-weight: var(--font-weight-medium); line-height: 1.48; text-decoration: none; text-align: left;}
.kt-mirror .nsprod-i1711-down-grid .down-link-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.kt-mirror .nsprod-i1711-down-grid .down-link::after {content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: url("../settop/img/w_ic_icode_1711_download.png") 50% 50% / contain no-repeat;}

@media (prefers-reduced-motion: reduce) {
.kt-mirror .nsprod-accordion-button::after {transition: none;}
}

/* 우리가 얹은 안내 한 줄 (KT 내용 위, 상담으로 연결) */
.settop-lead{max-width:1080px;margin:14px auto 24px;padding:0 20px;color:var(--gray-600,#55585D);font-size:15px;line-height:1.6;text-align:center;}
.settop-lead a{color:var(--primary,#1257C9);font-weight:700;text-decoration:none;}

/* ══════════════════════════════════════════════════════════════════
   모바일 최적화 (2026-09-15 사장님 지시) — KT 내용부(.kt-mirror)는 원래
   가로 1080 고정이라 폰에서 잘렸다. 폰에서는 유동 폭·세로 쌓기·표 스크롤로 바꾼다.
   ══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* 고정 폭을 폰 폭에 맞춰 유동으로 */
  .kt-mirror .nsprod-page-inner { min-width: 0; width: auto; padding: 0 14px; }
  .kt-mirror .nsprod-hero-primary { min-width: 0; }
  .kt-mirror .nsprod-hero-primary-inner { width: auto; }
  .kt-mirror .nsprod-accordion-group { width: auto; }
  .kt-mirror .nsprod-hero-primary-visual { position: static; left: 0; transform: none; max-width: 100%; height: auto; }
  .kt-mirror img { max-width: 100%; height: auto; }

  /* 카드·두 칸 배치를 세로로 쌓기 */
  .kt-mirror .nsprod-i1711-detail-group { flex-direction: column; gap: 12px; padding-top: 24px; }
  .kt-mirror .nsprod-use-case { flex-direction: column; padding-top: 40px; gap: 16px; }
  .kt-mirror .nsprod-use-case .info-column { padding-left: 0; }
  .kt-mirror .nsprod-i1711-img-use-case { flex-direction: column; }
  .kt-mirror .nsprod-i1711-box-wrap.box-wrap-2x { grid-template-columns: 1fr; row-gap: 12px; }
  .kt-mirror .nsprod-i1711-flex { padding: 40px 16px; }
  .kt-mirror .down-info-list-wrap { flex-direction: column; }

  /* 제목·글자 크기 축소 */
  .kt-mirror .nsprod-section-title { font-size: 26px; }
  .kt-mirror .nsprod-title-lead { font-size: 28px; }
  .kt-mirror .nsprod-title-sub { font-size: 22px; }
  .kt-mirror .nsprod-title-desc { font-size: 16px; }
  .kt-mirror .nsprod-title-desc.fz18 { font-size: 15px; }
  .kt-mirror .nsprod-title-eyebrow { font-size: 16px; }

  /* 큰 위·아래 간격 줄이기 */
  .kt-mirror .mt-tp120 { margin-top: 64px !important; }
  .kt-mirror .mt-tp80 { margin-top: 48px !important; }

  /* 넓은 표는 그 칸 안에서만 좌우 스크롤(페이지 전체는 안 밀리게) */
  .kt-mirror .kt-tblscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .kt-mirror .kt-tblscroll .nsprod-table { min-width: 460px; }
  .kt-mirror .nsprod-accordion-panel-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .kt-mirror .nsprod-accordion-panel-inner .nsprod-table { min-width: 460px; }

  /* 구 단말 매뉴얼 격자(셋톱) 5칸 → 2칸 */
  .kt-mirror .nsprod-i1711-down-grid { grid-template-columns: 1fr 1fr; max-width: none; }
  .kt-mirror .nsprod-i1711-down-grid .down-link { width: auto; }
}

/* WiFi 제품 사진 (셋톱엔 없음) */
.wifi-photo { text-align: center; }
.wifi-photo img { max-width: 380px; width: 100%; height: auto; }
.wifi-photo-sm img { max-width: 240px; }
