/**
 * ============================================================================
 * LG Web Manual - Content CSS
 * ============================================================================
 * div.text ?�에 ?�어가??콘텐�??��???
 * ============================================================================
 */

/* ============================================================================
   Body & Basic Layout
   ============================================================================ */
body {
    background-color: #cfcece;
    width: 100%;
    position: relative;
    /* padding-bottom: 100px; */
}

/* ============================================================================
   Content Header (Background Image Area)
   ============================================================================ */
.header {
    height: 220px;
    background-image: url('../image/cover-image.jpg');
}

.header #searchBar #searchCaption {
    font-size: 25px;
    display: none;
    margin: auto;
    padding-bottom: 0.5em;
    text-align: center;
    color: #fff;
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
}

/* ============================================================================
   Sub Header
   ============================================================================ */
.subHeader {
    position: absolute;
    top: 248px;
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: #f6f3f2;
    z-index: 3;
    border-bottom: 1px solid #dedede;
    display: flex;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.subHeaderInner {
    padding: 5px 30px;
    margin: 0 auto;
}

/* ============================================================================
   Content Container
   ============================================================================ */
.content {
    padding-top: 300px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.content.big {
    font-size: 1.5em;
}

/* 글씨 크기 변경 시 테이블 내 글씨도 동일하게 적용 */
.content.big table,
.content.big table td,
.content.big table th,
.content.big table p {
    font-size: inherit;
}



/* ============================================================================
   Text Container (Main Content Area)
   ============================================================================ */
.text {
    width: 100%;
    max-width: var(--max-width-content, 1500px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    min-height: 300px;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.text > h1:first-child {
    display: none;
}

/* ============================================================================
   Typography - Headings
   ============================================================================ */
h1 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
    font-size: 2em !important;
    font-weight: bold;
    color: var(--color-primary-dark, #bc162c);
    border-left: 5px solid var(--color-primary-dark, #bc162c);
    padding-left: 5px;
}

h2 {
    clear: both;
    margin-top: 50px;
    margin-bottom: 15px;
    border-bottom: 1px solid #666666;
    padding-bottom: 4px;
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
    font-weight: normal;
}

.Heading-3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
}

/* ============================================================================
   Typography - Title Classes
   ============================================================================ */
p.Title-3 {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 1.4em;
    margin-bottom: 0.4em;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
}

li.Title-3-Start,
.Content-2-Title {
    font-weight: bold;
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 0 !important;
    /* border-bottom: 1px solid black; */
    padding-bottom: 5px !important;
    margin-left: 0 !important;
}

.Title-4 {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1em;
}

.para-style-override-2 {
    font-weight: bolder;
}

/* ============================================================================
   Typography - Text Styles
   ============================================================================ */
.content p, li {
    font-family: var(--font-light, "LG Smart Light"), sans-serif !important;
    line-height: 1.75em;
}

.Basic-Bold {
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
    font-weight: bold;
}

.Bold {
    font-weight: bold;
}

.Superscript {
    vertical-align: super;
    font-size: small;
}

/* Text Size Classes */
.Text-Num--8pt-,
.Text-Bullet--8pt-,
.Text-Bullet-Sub-2--8pt-,
.Text-Hyp-Sub--List-type-Number---8pt-,
.Text-Hyp-Sub--8pt-,
.Text-Light--8pt-,
.Text-Light-Sub--8pt-,
.Text-Bold--8pt-,
.Text-Bold--10pt-,
.Text-Semi-Bold--8pt- {
    font-size: 1em;
}

.Text-Bullet-Sub-2--8pt- {
    position: relative;
    margin-left: 50px;
    padding-left: 15px;
    list-style: none !important;
}

.Text-Bullet-Sub-2--8pt-::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.Text-Light--8pt--Center,
.Text-Bold--8pt--Center {
    font-size: 1em;
    text-align: center;
}

.Text-Bold--8pt-,
.Text-Bold--10pt-,
.Text-Bold--8pt--Center,
.Text-Semi-Bold--8pt- {
    font-weight: bold;
}

.Text-Bullet-Sub--8pt- {
    font-size: 1em;
    margin-left: 35px;
}

.Text-Round-Alphabet-Start--8pt-,
.Text-Round-Alphabet-Continue--8pt-,
.Text-Num-Start--8pt-,
.Text-Num-Continue--8pt- {
    font-size: 1em;
    margin-left: 0 !important;
    margin-top: 5px !important;
}

.Text-Round-Number-Start--8pt-,
.Text-Round-Number-Continue--8pt- {
    margin: 5px 0;
    font-size: 1em;
    list-style: none;
}

/* Bullet 스타일 - ::before로 bullet 아이콘 표시 */
.Text-Bullet--8pt- {
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
    list-style: none !important;
}

.Text-Bullet--8pt-::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.Text-Hyp--8pt- {
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
    list-style: none !important;
}

.Text-Hyp--8pt-::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.Text-Bullet-Sub--8pt- {
    position: relative;
    margin-left: 20px;
    padding-left: 15px;
    list-style: none !important;
}

.Text-Bullet-Sub--8pt-::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.Text-Bullet--9pt- {
    position: relative;
    margin-left: 25px;
    padding-left: 15px;
    list-style: none !important;
}

.Text-Bullet--9pt-::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

/* Hyphen 스타일 - ::before로 hyphen 아이콘 표시 */
ul .Text-Hyp-Sub--8pt-,
.Text-Hyp-Sub--8pt {
    list-style: none !important;
    position: relative;
    padding-left: 15px;
}

.Text-Hyp-Sub--8pt-::marker,
.Text-Hyp-Sub-2--8pt-::marker {
    content: none;
}

ul .Text-Hyp-Sub--8pt-::before,
ol .Text-Hyp-Sub--8pt-::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

ul .Text-Hyp-Sub--8pt- {
    position: relative;
    margin-left: 29px;
    padding-left: 15px;
}

ol .Text-Hyp-Sub--8pt- {
    position: relative;
    margin-left: 36px;
    padding-left: 15px;
}

ul .Text-Hyp-Sub-2--8pt- {
    position: relative;
    margin-left: 25px;
    padding-left: 15px;
    list-style: none !important;
}

ul .Text-Hyp-Sub-2--8pt-::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

ol .Text-Hyp-Sub-2--8pt- {
    position: relative;
    margin-left: 20px;
    padding-left: 16px;
    list-style: none !important;
}

ol .Text-Hyp-Sub-2--8pt-::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

/* 중복 방지 - 원본 텍스트의 bullet/hyphen 숨김 */
.char-style-override-4 {
    display: none;
}

/* ============================================================================
   UPSYS Font Classes
   ============================================================================ */
.UPSYS-Rounded-Alphabet {
    margin-right: 0 !important;
    font-family: "UPSYS-Rounded-Alphabet", sans-serif !important;
}

.UPSYS-RoundedBoxNumber {
    margin-right: 0 !important;
    font-weight: bold;
    font-family: "UPSYS-RoundedBoxNumber", sans-serif !important;
}

/* 테이블 안의 UPSYS-RoundedBoxNumber 가로 가운데 정렬 */
/* td:has(.UPSYS-RoundedBoxNumber) {
    text-align: center;
} */

li:has(> span.UPSYS-Rounded-Alphabet) {
    padding-left: 30px;
    text-indent: -30px;
}


li:has(> span.UPSYS-RoundedBoxNumber) {
    padding-left: 30px;
    text-indent: -27px;
}

html[dir="rtl"] li:has(> span.UPSYS-RoundedBoxNumber) {
    padding-left: 0;
    padding-right: 30px;
    text-indent: -27px;
}

.UPSYS-CircledNumber {
    margin-right: 0 !important;
    font-family: "upsys_circlednumberregular", sans-serif !important;
}

.UPYSY-Font-2013 {
    font-family: "UPYSY-Font-2013", sans-serif !important;
}

.UPYSY-Font-2017 {
    font-family: "UPYSY-Font-2017", sans-serif !important;
}

.char-style-override-2 {
    font-weight: bold;
}

.Upsys-Common {
    font-weight: bold;
    margin-right: 5px;
    font-family: "Upsys-Common", sans-serif !important;
}

span.Symbol-upsys2013, span.Symbol-2-Black {
    font-family: "upsys_font_2013basic", sans-serif !important;
}

.Symbol-Black {
    font-family: upsys_commonregular;
}

.Symbol-Black-Table {
    font-family: upsys_commonregular;
}

.Circle-Num {
    font-family: upsys_circlednumberregular;
}

.Upsys-VS-Common1 {
    font-family: Upsys_vs_common1-Regular;
}

.Upsys-VS-Common2 {
    font-family: Upsys_vs_common2-Regular;
}

/* ============================================================================
   Paragraph Styles
   ============================================================================ */
p.Para-basic-L-Sub, p.Para-basic-L-bullet-Sub, p.Para-Basic-B-Sub {
    margin-left: 45px;
}

p.Para-basic-L-Sub-Auto {
    margin-left: 45px;
}

.Symbol-L p.Para-basic-L-Sub-Auto {
    font-size: 16px;
    margin-left: 20px;
}

.Para-Box-Num ~ p.Para-basic-L-Sub,
.Para-Box-Num ~ p.Para-basic-L-bullet-Sub,
.Para-Box-Num ~ p.Para-Basic-B-Sub {
    margin-left: 25px;
}

p.Para-Basic-B-Sub, p.Para-Basic-B, p.Para-Basic-B-Center {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    margin-top: 20px;
    font-size: 16px;
}

p.Para-Table-B {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    font-size: 14px;
    word-break: normal;
}

p.Para-basic-L-center, p.Para-Basic-B-Center {
    text-align: center;
}

p.Para-Table-L-center, p.Para-Table-B-Center {
    font-size: 14px;
    text-align: center;
    word-break: normal;
}

table p.Para-Basic-B-Sub, table p.Para-Basic-B, table p.Para-Basic-B-Center {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
}

li.Para-basic-L-bullet, p.Para-basic-L {
    font-size: 16px;
}

li.Para-Table-L-bullet, p.Para-Table-L {
    font-size: 14px;
    word-break: normal;
}

li.Para-basic-L-hyp-Sub {
    margin-left: 20px;
    list-style: circle;
}

li.Para-Table-L-hyp-Sub {
    font-size: 14px;
    word-break: normal;
    margin-left: 20px;
    list-style: circle;
}

.Symbol-L li.Para-basic-L-hyp-Sub {
    font-size: 16px;
}

li.Para-basic-L-hyp-2Sub {
    margin-left: 65px;
    list-style: circle !important;
}

p.Para-Illust-L {
    text-align: center;
}

p.Para-Illust-L img {
    display: inline-block;
}

p.Para-Box-Num {
    margin-top: 10px;
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    margin-left: 25px;
}

p.Para-Circle-Num-Sub {
    margin-left: 45px;
}

p.Para-img-description {
    max-width: 700px;
    font-size: 14px;
    text-align: center;
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    position: relative;
}

/* ============================================================================
   Lists
   ============================================================================ */
.content .text > ol, .content .text > ul,
.content .text table ol, .content .text table ul {
    _padding-left: 20px;
}

.content .text > ol {
    padding-left: 0px;
}

.content .text > ol li {
    list-style: none;
    margin-left: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
    padding-left: 4px;
}

.content .text > ol li:before {
    content: attr(value) " ";
    font-size: 36px;
    font-family: var(--font-light, "LG Smart Light"), sans-serif !important;
    display: inline-block;
    position: absolute;
    margin-left: -45px;
    margin-top: 6px;
}

.content .text > ol .Title-3-Start,
.content .text > ol .Content-2-Title {
    text-indent: -35px;
    padding-left: 35px;
}

ul[xmlns~="http://www.w3.org/1999/xhtml"] > li.Text-Bullet--8pt- {
    margin-left: 20px !important;
}

ul[xmlns~="http://www.w3.org/1999/xhtml"] > li.Text-Bullet-Sub-2--8pt- {
    margin-left: 50px !important;
}

li.Text-Round-Alphabet-Start--8pt-,
li.Text-Round-Alphabet-Continue--8pt- {
    margin: 35px 0 5px 45px;
}

li.Text-Num-Start--8pt- {
    margin-left: 0 !important;
    margin-top: 5px !important;
}

li.Text-Num-Continue--8pt- {
    margin-left: 0 !important;
    margin-top: 5px !important;
}

li.Para-basic-L-bullet-Sub {
    list-style: disc !important;
}

.discUl {
    margin-left: 6.5%;
    display: block !important;
}

.discUl li {
    list-style: disc !important;
    border-bottom: none !important;
}

/* ============================================================================
   Images
   ============================================================================ */
.text img {
    max-width: 100%;
    display: block;
}

p.Illust img {
    display: block;
    text-align: center;
    margin: 15px auto;
}

span.inline-img img {
    width: auto !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px !important;
    margin-top: -2px;
    margin-right: 2px !important;
    height: 16px !important;
}

.Para-Pic-left img {
    width: auto !important;
}

.Table-Pic-center {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
}

.Table-Pic-center img {
    margin-left: auto;
    margin-right: auto;
}

.Table-Pic-center .Para-Pic-left {
    margin: 0px;
}

span.Boxed-Num {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    font-size: 20px;
    color: grey;
    display: inline-block;
    width: 30px;
    position: absolute;
    margin-left: -28px;
}

span.Boxed-Num:after {
    content: ". ";
}

.left {
    margin-bottom: 25px;
}

/* ============================================================================
   Content Blocks
   ============================================================================ */
.Basic-Text-Frame {
    padding: 10px 10px;
    border-radius: var(--border-radius, 10px);
    margin: 10px 0;
}

.Basic-Text-Frame.with-bg {
    background-color: var(--color-gray-light, #F2F2F3);
}

.Table-All,
.x-----------1 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #E7E7E8;
}

.x-----------1 {
    padding: 10px 20px;
    margin: 30px 0;
}

.x-----------1 ul {
    margin-left: 20px;
}

.Table-Note {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 15px;
    background-color: #F2F2F2;
}

.Table-Note ul {
    margin-left: 20px;
}

.Line-Below {
    padding: 10px 0 20px 0;
    display: none;
}

/* ============================================================================
   Symbols
   ============================================================================ */
.Symbol-L, .Symbol-R, .Note-R-Pic {
    display: block;
    width: 100%;
}

.Symbol-L {
    font-size: 25px;
}

.Symbol-L p, .Symbol-L li, .Symbol-R li, .Symbol-R p {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
}

.Symbol-L p.Para-basic-L-Sub {
    font-size: 16px;
}

.Symbol-Green {
    display: inline-block;
    font-size: 0px;
    background-image: url("icon/common/note.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.Symbol-yellow {
    display: inline-block;
    font-size: 0px;
    background-image: url("icon/common/caution.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.Basic-L-Red {
    color: var(--color-primary-dark, #bc162c);
}

/* ============================================================================
   Tables
   ============================================================================ */
table {
    width: 100%;
    border-collapse: collapse;
}

tbody {
    padding: 5px 10px 5px 5px !important;
}

td {
    padding: 10px 15px !important;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    background-color: white;
}

table.Table-Symbol td ul {
    padding-left: 20px;
}

table.Table-Symbol {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 5px 0px;
}

td.General-1col-K20 {
    background: #d1d2d4;
    font-weight: bold;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    width: 50%;
}

/* 연속된 테이블 border 겹침 해결 - 테이블이 연속될 때 1px 위로 겹치기 */
table.Table-Specifications + table.Table-Specifications {
    margin-top: -1px;
}

td.General-1col-K0 {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    max-width: 35px;
}

td.General-Left-K20, td.General-Right-K20 {
    background-color: #f7f7f7;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

td.General-Right-K20-2td {
    background-color: #f7f7f7;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

td.General-Center-K20 {
    background-color: #f7f7f7;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

td.General-Left, td.General-Right {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    vertical-align: middle;
}

td.General-Center {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    font-weight: bold;
    vertical-align: middle;
}

/* 테이블 안의 이미지 세로 가운데 정렬 */
td.General-Left > p.Illust,
td.General-Right > p.Illust,
td.General-Center > p.Illust {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100%;
}

td.General-Left > p.Illust img,
td.General-Right > p.Illust img,
td.General-Center > p.Illust img {
    margin: 0 auto !important;
    max-width: 100%;
    height: auto;
}

/* .General-Right border-left 제거됨 */

.General-Center-K100 {
    text-align: center;
    background-color: black;
    color: white;
    font-weight: bold;
}

td[class*=Note-] {
    background-color: #f7f7f7;
}

.Note-No-line {
    padding: 10px 15px 0 15px !important;
}

.Note-below-line {
    padding: 0 15px 10px 15px !important;
}

.Note-Above-No-line {
    display: none;
    visibility: hidden;
}

.Note-left {
    vertical-align: top;
    font-weight: bold;
    width: 100px;
    padding-left: 0;
}

.Note-right {
    padding-left: 50px;
}

td.Pic-Top {
    width: 25%;
}

.Cell-1-Above-Blow-line, .Cell-2 {
    vertical-align: top;
}

.Cell-1-Blow-line {
    border-bottom: 1px solid black;
}

.Cell-Left-K20, .Cell-Center-K20, .Cell-Right-K20 {
    background-color: #d1d2d4;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.Cell-Left, .Cell-Center, .Cell-Right {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.Troubleshooting-Header {
    background: #d1d2d4;
    font-weight: bold;
}

.Troubleshooting-L-R {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    min-width: 60px;
}

.Troubleshooting-Center {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    min-width: 20px;
}

.Table-2col, .Table-3col {
    margin-bottom: 20px;
    margin-top: 20px;
}

.Table-4col {
    margin-top: 10px;
}

.Table-In-Table {
    margin-top: 15px;
    margin-bottom: 5px;
}

.Table-Spec {
    margin-bottom: 40px;
}

td .Text-Caption {
    text-align: center;
}

.Text-Caption {
    text-align: center;
}

/* ============================================================================
   Figures
   ============================================================================ */
figure {
    margin-top: 15px;
}

div.figure {
    display: inline-block;
}

p.Placeholder-sub, .content .text > ol ~ .Table-pic-Left-sub p.Para-Pic-left,
.Para-basic-L-Sub + .Table-pic-Left-sub p.Para-Pic-left, .content .text > ol ~ .figure,
p.Placeholder-sub-S, .Para-screen-sub-S, .Para-screen-sub-M, .Para-screen-sub-L {
    margin-top: 15px;
    margin-left: 45px;
}

p.Placeholder-sub-S img,
p.Placeholder-sub-M img,
p.Placeholder-sub img {
    margin-left: 0px;
}

.Para-basic-L-bullet-Sub {
    margin-left: 45px;
}

img.frame-2 {
    display: inline;
    margin-left: 5px;
}

.frame-8 {
    margin: auto;
    margin-top: 10px;
}

.frame-34, .frame-35 {
    margin: auto;
}

/* ============================================================================
   Links
   ============================================================================ */
a, a.Hyperlink, .Cross-Reference {
    text-decoration: none;
    color: var(--color-primary, #AF1947);
    word-break: keep-all;
    overflow-wrap: break-word;
}

a:hover {
    text-decoration: none;
}

.Cross-Reference-page {
    display: none;
}

/* ============================================================================
   Search Results
   ============================================================================ */
#keyword, #count {
    color: #00aad2;
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
}

.resultcount p {
    margin: 20px 0 20px 0;
    padding: 0 0 0 20px;
    display: block;
    color: var(--color-primary-dark, #bc162c);
    font-size: 36px;
}

.noResult {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
    margin-top: 20px;
}

.noResult > span {
    display: inline-block;
    width: 300px;
    height: 40px;
    background: url(icon/common/notfound_red.png);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    padding-left: 80px;
    background-size: 40px;
}

.noResult > span > span#searchResultContent3 {
    color: var(--color-primary-dark, #bc162c);
    display: block;
}

.result_list {
    border-top: 1px solid #dadada;
    font-family: var(--font-light, "LG Smart Light"), sans-serif !important;
}

.result_list a {
    text-decoration: none;
    color: var(--color-primary-dark, #bc162c);
    font-family: var(--font-regular, "LG Smart Regular"), sans-serif !important;
}

.filename {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.filename p {
    font-family: var(--font-bold, "LG Smart Bold"), sans-serif !important;
}

.resulttext p {
    padding: 0 20px 20px 20px;
    color: #666;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    word-wrap: break-word;
}

.resultItem {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.resultItem:nth-child(even) {
    background-color: #F5F9FD;
}

.resultItem:nth-child(odd) {
    background-color: #FCFCFC;
}

.resultItem:hover {
    background-color: #e8e8e8;
}

/* ============================================================================
   TOC in Content
   ============================================================================ */
.Contents-Title {
    display: none;
}

p[class^=Toc] {
    display: none;
}

p.Chapter-Title {
    display: none;
}

/* ============================================================================
   Menu Accordion
   ============================================================================ */
.text .u-vmenu > ul > li > a > span.inline-img img {
    -webkit-filter: invert(100%) grayscale(100%);
    filter: invert(100%) grayscale(100%);
}

.text .u-vmenu ul li a[data-option='on'] {
    background: url(icon/common/sub_menu_close.png) no-repeat;
    background-position: 95% 50%;
    color: white;
}

.text .u-vmenu ul li a[data-option='off'] {
    background: url(icon/common/sub_menu_open.png) no-repeat;
    background-position: 95% 50%;
    color: white;
}

/* ============================================================================
   Misc
   ============================================================================ */
.fontChangeDiv {
    display: none;
}

/* ============================================================================
   Responsive - Tablet (1280px)
   ============================================================================ */
@media screen and (max-width: 1280px) {
    .text {
        padding-left: 5px;
        padding-right: 5px;
    }

    .subHeaderInner {
        padding-left: 20px;
        padding-right: 20px;
    }

    h1 {
        margin-top: 25px;
        font-size: 1.3em;
    }

    h2 {
        font-size: 1.3em;
    }

    #contentAccordion {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .text .u-vmenu ul li a {
        line-height: 21px;
        font-size: 14px;
        font-weight: normal;
        background-size: 10px !important;
    }

    .text .u-vmenu ul ul li a {
        line-height: 21px;
    }

    .video {
        width: 46%;
    }

    .content .text > ol .Title-3-Start,
    .content .text > ol .Content-2-Title {
        text-indent: -40px;
        padding-left: 37px;
    }

    .content .text > ol li {
        padding-left: 35px;
        text-indent: -25px;
    }

    .Text-Round-Number-Start--8pt-,
    .Text-Round-Number-Continue--8pt- {
        padding-left: 28px;
        text-indent: -27px;
        margin: 5px 0;
        font-size: 1em;
        list-style: none;
    }
}

/* ============================================================================
   Responsive - Small Tablet (801px)
   ============================================================================ */
@media screen and (max-width: 801px) {
    /* .text {
        padding-left: 15px;
        padding-right: 15px;
    } */

    h1 {
        font-size: 1.8em !important;
    }

    .Content-2-Title,
    .Title-3-Start,
    p.Title-3 {
        font-size: 18px !important;
    }

    .Text-Round-Number-Start--8pt-,
    .Text-Round-Number-Continue--8pt- {
        margin: 5px 0;
        font-size: 0.95em;
    }

    .Text-Bullet--8pt- {
        margin-left: 20px;
        font-size: 0.95em;
    }

    .content .text > ol .Title-3-Start,
    .content .text > ol .Content-2-Title {
        text-indent: -31px;
        padding-left: 37px;
    }

    .content .text > ol li {
        padding-left: 30px;
        text-indent: -25px;
    }

    #btnSearch::before {
        position: absolute;
        top: 9px;
        left: 11px;
        content: '';
        display: inline-block;
        background: url(../css/icon/common/search-white.png) no-repeat;
        width: 25px;
        height: 25px;
        background-size: 19px;
    }
}

/* ============================================================================
   Responsive - Mobile (640px)
   ============================================================================ */
@media screen and (max-width: 640px) {
    h1 {
        font-size: 1.5em !important;
    }

    h2 {
        font-size: 1.1em;
        margin-top: 40px;
    }

    .Heading-3 {
        font-size: 1em;
    }

    .content .text > ol li:before {
        font-size: 1.3em;
    }

    .Content-2-Title,
    .Title-3-Start,
    p.Title-3 {
        font-size: 1.2em !important;
    }

    .subHeader {
        top: 220px;
    }

    .content {
        position: relative;
    }

    .fontChangeDiv {
        position: sticky;
        top: 70px;
        float: right;
        margin-right: 10px;
        display: block;
        z-index: 5;
    }

    .text .u-vmenu ul li a {
        margin-left: 8%;
        padding-right: 13%;
    }

    .text .u-vmenu ul li a span.Boxed-Num {
        left: -11%;
        width: 0px;
    }

    .text .u-vmenu ul ul li a {
        margin-left: 7.3%;
    }

    .video {
        width: 95%;
    }

    table td p, table td p.Para-Basic-B-Center, table td p.Para-Basic-B {
        font-size: 14px;
    }

    table td p.Para-Small-L {
        font-size: 12px;
        word-break: break-word;
    }

    .Table--3col td, .Basic-Table td, .Table--2col td, .Table-Landmark td,
    .Table--4col td, .Table-2row-merge td, .Table--troubleshooting td,
    .Table-specification td, .Table-service-center td {
        border-right: none;
    }

    .Table-Symbol td p, .Table-Symbol td li {
        font-size: 16px;
    }

    p.Placeholder-sub, .content .text > ol ~ .Table-pic-Left-sub p.Para-Pic-left,
    .Para-basic-L-Sub + .Table-pic-Left-sub p.Para-Pic-left, .content .text > ol ~ .figure,
    .content .text > ol + ul, .Para-screen-sub-L {
        margin-left: 0px;
    }

    .resultcount p {
        font-size: 16px;
    }

    .Table-specification td p, .Table--3col-Locations td li, p.Para-basic-L-Sub,
    p.Para-basic-L-bullet-Sub, p.Para-basic-L-Sub-Auto, p.Para-basic-L-center,
    li.Para-basic-L-bullet, p.Para-basic-L, li.Para-basic-L-hyp-Sub, li.Para-basic-L-hyp-2Sub,
    li[class^="Para-Num"], .Para-basic-L-bullet-Sub, p.Para-Box-Num, p.Para-Basic-B-Sub,
    td p.Para-basic-L, td li.Para-basic-L-bullet, p.Para-Basic-B, p.Para-Circle-Num-Sub,
    .Symbol-L p.Para-basic-L-Sub, .Symbol-L li.Para-basic-L-hyp-Sub {
        font-size: 14px;
        word-break: normal;
    }

    .Symbol-L p.Para-basic-L-Sub-Auto {
        font-size: 14px;
        margin-left: 20px;
    }

    /* .frame-19, .frame-20, .frame-35, .frame-36 {
        max-width: none !important;
    } */

    td.General-Left-K20, td.General-Right-K20 {
        padding: 10px !important;
    }

    td.General-Left {
        text-align: center;
    }

    .General-Left-K20, .General-Right-K20, .General-Center-K20,
    .General-Left, .General-Right, .General-Center {
        width: 33.333%;
        vertical-align: middle;
    }

    td.General-Left > p.Illust,
    td.General-Right > p.Illust,
    td.General-Center > p.Illust {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100%;
    }

    td.General-Left > p.Illust img,
    td.General-Right > p.Illust img,
    td.General-Center > p.Illust img {
        margin: 0 auto !important;
        max-width: 100%;
        height: auto;
    }
}

/* ============================================================================
   Responsive - Small Mobile (480px)
   ============================================================================ */
@media screen and (max-width: 480px) {
    p.Illust img {
        _transform: scale(1.3);
    }

    td {
        padding: 3px 5px !important;
    }


    .text {
        width: 100%;
    }

    .content .text > ol, .content .text > ul,
    .content .text table ol, .content .text table ul {
        _padding-left: 10px;
    }

    #searchBar input {
        width: 60%;
    }

    .General-Left {
        padding: 10px 10px 10px !important;
    }

    .General-Left-K20, .General-Right-K20, .General-Center-K20,
    .General-Left, .General-Right, .General-Center {
        vertical-align: middle;
    }

    td.General-Left > p.Illust,
    td.General-Right > p.Illust,
    td.General-Center > p.Illust {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100%;
    }

    td.General-Left > p.Illust img,
    td.General-Right > p.Illust img,
    td.General-Center > p.Illust img {
        margin: 0 auto !important;
        max-width: 100%;
        height: auto;
    }

    .noResult > span {
        background-position: 0% 25%;
        padding-left: 45px;
        background-size: 32px;
    }
}

/* ============================================================================
   RTL/LTR Bidirectional Text Support (Hebrew, Arabic, Persian)
   ============================================================================ */
.R-to-L {
    unicode-bidi: embed;
    direction: rtl;
}

.L-to-R {
    unicode-bidi: embed;
    direction: ltr;
}

/* RTL Layout adjustments */
html[dir="rtl"] h1 {
    border-left: none;
    border-right: 5px solid var(--color-primary-dark, #bc162c);
    padding-left: 0;
    padding-right: 5px;
}

html[dir="rtl"] .Text-Bullet-Sub-2--8pt- {
    margin-right: 50px;
    margin-left: 0px !important;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .Text-Bullet-Sub-2--8pt-::before {
    left: auto;
    right: 0;
}

/* RTL 문서?�서 ?�어 ?�스??Bold ?? 방향 처리 */
html[dir="rtl"] span.Bold,
html[dir="rtl"] span[class*="char-style-override"] {
    unicode-bidi: isolate;
    /* direction: ltr; */
}

/* RTL에서 LTR span 줄바꿈 방지 (70 %가 분리되지 않도록) */
html[dir="rtl"] span[dir="ltr"] {
    white-space: nowrap;
}

html[dir="rtl"] .UPSYS-RoundedBoxNumber, .UPSYS-Rounded-Alphabet {
    margin-left: 10px;
}

html[dir="rtl"] .General-Right-K20-2td {
    border-left: none;
    border-right: 1px solid black;
}

/* RTL Bullet 스타일 */
html[dir="rtl"] .Text-Bullet--8pt- {
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .Text-Bullet--8pt-::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .Text-Bullet-Sub--8pt- {
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .Text-Bullet-Sub--8pt-::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .Text-Bullet--9pt- {
    margin-left: 0;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .Text-Bullet--9pt-::before {
    left: auto;
    right: 0;
}

/* RTL Hyphen 스타일 */
html[dir="rtl"] .Text-Hyp--8pt- {
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] .Text-Hyp--8pt-::before {
    left: auto;
    right: 0;
}
html[dir="rtl"] ul .Text-Hyp-Sub--8pt-,
html[dir="rtl"] .Text-Hyp-Sub--8pt {
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] ul .Text-Hyp-Sub--8pt-::before,
html[dir="rtl"] ol .Text-Hyp-Sub--8pt-::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] ul .Text-Hyp-Sub--8pt- {
    margin-left: 0;
    margin-right: 29px;
}

html[dir="rtl"] ol .Text-Hyp-Sub--8pt- {
    margin-left: 0;
    margin-right: 36px;
}

/* Text-Hyp-Sub-2--8pt- RTL 스타일 */
html[dir="rtl"] ul .Text-Hyp-Sub-2--8pt- {
    margin-left: 0;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 15px;
}

html[dir="rtl"] ul .Text-Hyp-Sub-2--8pt-::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] ol .Text-Hyp-Sub-2--8pt- {
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 16px;
}

html[dir="rtl"] ol .Text-Hyp-Sub-2--8pt-::before {
    left: auto;
    right: 0;
}

/* Text-Round-Number RTL 스타일 */
html[dir="rtl"] li.Text-Round-Number-Start--8pt-,
html[dir="rtl"] li.Text-Round-Number-Continue--8pt- {
    margin-left: 0 !important;
    margin-right: 10px !important;
}