body {
	background-color: white;
	width: 100%;
	position: relative;
}

.subHeader {
	position: fixed;
	top: 55px; /*lucy 0104*/
	width: 100%;
	height: 50px;
	background-color: #f6f3f2;
	z-index: 3;
}

.subHeaderInner {
	margin: auto;
	max-width: 1120px;
}

.subHeaderInner>* {
	float: left;
}


/* .content 내부의 p, li에 단어 단위 줄바꿈 적용 */
.content p,
.content li {
  /* 한글(CJK) 글자 사이에서는 절대 줄바꿈 금지 */
  word-break: keep-all !important;
  /* 공백이 없을 때만 강제로 줄바꿈 (기본은 공백 기준) */
  overflow-wrap: normal !important;
  /* 구체적 상황에선 white-space: normal; 이면 충분 */
  white-space: normal !important;
}



.content #mainCar {
  position: relative;
  width: 100%;
  height: 560px;    /* 예시: static 이미지 높이(px)로 맞춰주세요 */
  margin: 10px auto;
  overflow: hidden;
}

.content #mainCar video {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center center;
}








#backButton {
	display: block;
	margin-left: 5%;
	padding-top: 20px;
	width: 30px;
	height: 30px;
	background: url("icon/common/menu_move.png");
	background-repeat: no-repeat;
	background-position: left;
}

.chapterTitle {
	margin-left: 10px;
	line-height: 50px;
	/* font-weight: bold; */
	font-size: 18px;
	font-family: "SK_namuhx-Bold";
	text-transform: capitalize;;
}

.content {
	padding-top: 116px;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

.text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	min-height: 300px;
}

h1 {
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: "SK_namuhx-Bold";
	font-weight: normal;
}

h2 {
	clear: both;
	margin-top: 50px;
	margin-bottom: 15px;
	border-bottom: 1px solid #666666;
	padding-bottom: 4px;
	font-family: "SK_namuhx-Bold";
	font-weight: normal;
}

.Heading-3 {
	display: block;
	font-size: 1.17em;
	margin-top: 1.5em;
	margin-bottom: 0.25em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	font-family: "SK_namuhx-Bold";
}

.Heading-3-NoTOC {
	display: block;
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 0.25em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	font-family: "SK_namuhx-Bold";
}


.Basic-Bold {
	font-family: "SK_namuhx-Bold"; /*lucy 1103*/
	font-weight: bold;
}

p.Para-basic-L-Sub, p.Para-Basic-B-Sub {
	margin-left: 45px;
}

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

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


.Para-basic-L-bullet-Sub {
  list-style: none !important;
  display: flex;
  align-items: flex-start !important;
  gap: 6pt;                    /* 부모보다 조금 좁은 gap */
  margin-left: 10pt !important; /* Para-basic-L-bullet 보다 안쪽 */
  margin-top: 2pt !important;
  font-family: "Pretendard-Regular";
  font-size: 15px;             /* 서브는 살짝 작은 글자 */
  line-height: 1.5;
  color: #333333;
}

.Para-basic-L-bullet-Sub::before {
  content: "-";                /* 기호 - 사용 */
  display: inline-block;
  min-width: 10pt;
}




.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+ul li.Para-basic-L-Sub, p+ul li.Para-Basic-B-Sub
	{
	margin-left: 45px;
}

ul ~ p.Para-basic-L-Sub, ul ~ p.Para-basic-L-bullet-Sub, ul ~ p.Para-Basic-B-Sub
	{
	margin-left: 20px;
}

ol ~ p.Para-basic-L-Sub, ol ~ p.Para-basic-L-bullet-Sub, ol ~ p.Para-Basic-B-Sub
	{
	margin-left: 45px;
}

ol+*+p.Para-basic-L-Sub, ol+*+p.Para-basic-L-bullet-Sub, ol+*+p.Para-Basic-B-Sub
	{
	margin-left: 45px !important;
}

a .Para-basic-L-Sub, a .Para-Basic-B-Sub {
	margin-left: 0px;
}

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

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

.content p, li {
	font-family: "Pretendard-Regular";
	line-height: 1.5em;
}

p.Para-Basic-B-Sub, p.Para-Basic-B, p.Para-Basic-B-Center {
	font-family: "SK_namuhx-Bold";
	margin-top: 20px;
	font-size: 16px;
}

p.Para-Table-B { /*ian 191212*/
	font-family: "SK_namuhx-Bold";
	font-size: 16px;
	word-break: normal;
}

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

p.Para-Table-L-center, p.Para-Table-B-Center { /*ian 190529*/
	font-size: 16px;
	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: "SK_namuhx-Bold";
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
}

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



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

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

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

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

.content .text>ol, .content .text>ul, .content .text table ol, .content .text table ul
	{
	padding-left: 20px;
}

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

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

p.Para-Illust-L img {
	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: 5px;
	margin-left: 45px;
}

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

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

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


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

.Table-pic-Left-sub img {
	margin-top: 5px;
	margin-bottom: 10px;
}

div.figure {
	display: inline-block;
}

p.Para-img-description {
	max-width: 780px; /* lucy 현대용 */
	/* max-width: 700px; lucy 기아용 */
	font-size: 14px;
	text-align: center;
	font-family: "SK_namuhx-Bold";
	position: relative;
	/* top: -15px; lucy*/
}

.content .text>ol li {
	list-style: none;
	/* text-indent: -20px; */
	margin-left: 45px;
	margin-top: 35px;
}

.content .text>ol li:BEFORE {
	content: attr(value) " ";
	font-size: 30px;
	font-family: "Pretendard-Regular";
	display: inline-block;
	position: absolute;
	/* left: -5px; */
	/* top: 14px; */
	margin-left: -45px;
	margin-top: 3px;
}

/* .column {
	margin-top: 25px;
	margin-bottom: 25px;
	column-count: 2;
	overflow: auto;
} */
/*
.left, .right {
	width: 49%;
}

.left {
	float: left;
}

.right {
	float: right;
}
 */
.left {
	margin-bottom: 25px;
}

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

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

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

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

p.Para-Box-Num {
	margin-top: 10px;
	font-family: "SK_namuhx-Bold";
	margin-left: 25px;
}

span.Boxed-Num {
	/* font-family: upsys_boxednumberregular; */
	font-family: "SK_namuhx-Bold";
	font-size: 20px;
	color: grey;
	font-size: 20px;
	display: inline-block;
	width: 30px;
	position: absolute;
	margin-left: -28px;
}

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

span.inline-img img {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	height: 18px;
}

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

/* .u-vmenu > ul > li > ul > li > a {
	padding-left: 70px;
}
.u-vmenu > ul > li > ul > li > ul > li > a {
	padding-left: 100px;
}
.u-vmenu > ul > li > ul > li > ul > li > ul > li > a {
	padding-left: 135px;
} */
.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;
}

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

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



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

.Symbol-L {
	/* margin-bottom: 10px; */
	font-size: 25px;
}

.Symbol-L p{
	font-family: "SK_namuhx-Regular";
}

.Symbol-L li, .Symbol-R li, .Symbol-R p {
	font-family: "Pretendard-Regular";
}

.Symbol-L p.Para-basic-L-Sub {
	font-size: 16px; /*lucy 1103*/
}
/*
span.Symbol-upsys2013, span.Symbol-2-Black {
	font-family: "upsys_font_2013basic";
}
*/
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;
}

.Basic-L-Red {
	color: #bc162c;
}

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

.Symbol-Black-Table { /* ian 190529 */
	font-family: upsys_commonregular;
}

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


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


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


.Symbol-Green {
	/* font-family: upsys_commonregular;
	color: 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;
	width: 20px;
}

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

.video_container {
	margin-top: 40px;
	float: right;
}

.video {
	float: left;
    display: block;
    width: 48%;
    height: auto;
    margin: 0px 10px 30px 10px;
    text-align: center;
}

.video_title {
	font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

table {
	width: 100%;
}

.Table--3col, .Basic-Table, .Table--2col, .Table-Landmark, .Table--4col,
	.Table-2row-merge, .Table--troubleshooting, .Table-specification,
	.Table-service-center, .Table-5col, .responsive, .Table--3col-Locations
	{
	width: 100%;
	/* border-collapse: collapse;
	border-top: 1px solid grey; */
	margin-top: 30px;
	margin-bottom: 15px;
}

.Table--3col tr:FIRST-CHILD, .Basic-Table tr:FIRST-CHILD, .Table--2col tr:FIRST-CHILD,
	.Table-Landmark tr:FIRST-CHILD, .Table--4col tr:FIRST-CHILD,
	.Table-2row-merge tr:FIRST-CHILD, .Table--troubleshooting tr:FIRST-CHILD,
	.Table-service-center tr:FIRST-CHILD, .responsive tr:FIRST-CHILD {
	color: 000000;
	text-align: left;
}

.Trouble-Grey {
	background-color: #88d0c7;
	text-align: left;
}

.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, .responsive td {
	/* border-bottom: 1px solid grey; */
	padding: 10px;
}

.Table--troubleshooting td {
	/* border-bottom: none; */
	border-right: none;
}

.Table--troubleshooting {
	border-collapse: collapse;
	border-bottom: 1px solid grey;
}

/* .Table--3col tr:FIRST-CHILD>td, .Basic-Table tr:FIRST-CHILD>td,
	.Table--2col tr:FIRST-CHILD>td, .Table-Landmark tr:FIRST-CHILD>td,
	.Table--4col tr:FIRST-CHILD>td, .Table-2row-merge tr:FIRST-CHILD>td,
	.Table--troubleshooting tr:FIRST-CHILD>td, .Table-service-center tr:FIRST-CHILD>td,
	.responsive tr:FIRST-CHILD>td, td.Trouble-Grey {
		border-top: 1px solid grey;
		border-bottom: 1px solid grey;
		padding: 10px;
} */

.Table--4col .Para-Pic-Center img, .Table-Landmark .Para-Pic-Center img
	{
	width: 30px;
}

.Table-5col {
	border: none;
}

.Table-5col tr {
	border-bottom: 1px solid grey;
}

td.x3col-L-Grey {
	background-color: #88d0c7;
	vertical-align: middle !important;
	width: 20%;
	text-align: center;
}

.navi td.x3col-L-Grey {
	width: 15%; /*lucy 1103*/
}

.Table--3col td.x3col-L, .x3col-L td.x3col-M {
	width: 10%;
}

td.x3col-Mid-Text {
	text-align: center;
}

td.x3col-R-Pic {
	text-align: right;
}

.responsive td p {
	text-align: center;
}

table.Table--3col-Locations {
	border-collapse: collapse;
}

.Table--3col-Locations td {
	width: 33%;
	border: 1px solid #666666;
	vertical-align: top;
	padding: 10px;
}

.Table--3col-Locations tr:FIRST-CHILD td {
	/* border: none; */
	padding: 10px;
}

.Para-Pic-Center img {
	margin: auto;
}

.Table--troubleshooting .x3col-L-Grey {
	width: 20%;
}

.Table--troubleshooting .x3col-Mid-Grey {
	width: 30%;
}

.Table--troubleshooting .x3col-R-Grey {
	width: 50%;
}

.Table-specification .x3col-L-Grey {
	width: 20%;
}

.Table-specification .Spec-Mid-text {
	width: 30%;
	word-break: break-all;
}

.Table-specification .Spec-R {
	width: 50%;
}

.Table--3col .x3col-L-Grey {
	width: 20%;
}

.Table--3col .x3col-Mid-Grey, .Table--4col .x3col-Mid-Grey, .Table--4col .x3col-R-Grey
	{
	width: 30%;
}

.navi td.x3col-Mid-Grey
	{
	width: 15%; /*lucy 1103*/
}

.Table--3col .x3col-R-Grey {
	width: 50%;
}

.Table--2col .x3col-L-Grey, .Table--2col td:FIRST-CHILD {
	width: 30%;
}

.Table--2col .x3col-R-Grey {
	width: 70%;
}

.Table--2col-Disc {
	border-collapse: collapse;
}

.Table--2col-Disc td {
	border: 1px solid grey;
	padding: 10px;
}

.Table-PL td:FIRST-CHILD {
	width: 25%;
}
/*
#keyword, #count {
	color: #dff0ea;
	font-family: "GenesisSansTextKRMedium";
}
*/
.resultcount p {
	margin: 0px 0 20px 0;
	padding: 0 0 0 20px;
	display: block;
	color: #000000;
	font-size: 20px;
}

.noResult {
	font-family: "SK_namuhx-Bold";
}

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

.noResult>span>span#searchResultContent3 {
	color: #f0dfdf;
	display: block;
}

.result_list {
	border-top: 1px solid #dadada;
	font-family: "SK_namuhx-Regular";
}
/*
.result_list a {
	text-decoration: none;
	color: #dff0ea;
	font-family: "GenesisSansTextKRMedium";
}
*/
.filename {
	padding-top: 20px;
	padding-left: 20px;
	padding-right:20px;
}

.filename p {
	/* font-size: 20px; */
	font-family: "SK_namuhx-Regular";
}

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

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

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

a.Hyperlink, .Cross-Reference {
	text-decoration: none; /*lucy*/
	color: black;
	word-wrap:break-word;
	font-style: italic;
}
/*lucy*/
a:hover {
	text-decoration:underline;
}

.fontChangeDiv {
	display: none;
}

@media screen and (max-width: 1280px) {

	.subHeader {
		top: 55px;
	}
	#backButton {
		background-size: 16px;
	}
	.chapterTitle {
		margin-left: 0px;
		line-height: 50px;
		font-weight: bold;
		font-size: 16px;
	}
	h1 {
		/* margin-top: 0px; */
		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%;
	}
}

@media screen and (max-width: 640px) {
	h2 {
		margin-top: 40px;
	}
	.subHeader {
		top: 40px;
	}
	.fontChangeDiv {
		position: absolute;
		margin-top: 5px;
		right: 5%;
		display: block;
	}
	.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%;
	}
	/* table img {
		width: 80% !important;
	} */
	table td {
		font-size: 14px;
		padding: 5px !important;
	}
	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; /*lucy*/
	}
	.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;
	}
	.responsive, .responsive tr, .responsive tbody {
		/* display: block; */
		width: 100%;
	}
	.responsive tr:FIRST-CHILD td:nth-child(3), .responsive tr:FIRST-CHILD td:nth-child(4),
		.responsive tr:FIRST-CHILD td:nth-child(5), .responsive tr:FIRST-CHILD td:nth-child(6),
		.responsive tr:FIRST-CHILD td:nth-child(7), .responsive tr:FIRST-CHILD td:nth-child(8)
		{
		/* display: none; */
	}
	.Table--4col-responsive td {
		/* display: inline-block; */
		min-width: 200px !important;
		height: auto;
	}
	.responsive td p {
		font-size: 16px;
		text-align: center;
	}
	.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-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"],  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: 15px; /*lucy*/
		word-break: break-all;
	}

		.Table-specification td p, .Table--3col-Locations td li, p.Para-Table-L-Sub,
		 p.Para-Table-L-Sub-Auto, p.Para-Table-L-center,
		 p.Para-Table-L, li.Para-Table-L-hyp-Sub, li.Para-Table-L-hyp-2Sub,
		 p.Para-Table-B-Sub,
		td p.Para-Table-L, p.Para-Table-B, p.Para-Table-L-Sub,
		li.Para-Table-L-hyp-Sub {
		font-size: 14px; /*ian 190529*/
		word-break: normal;
	}

		td p.Para-Table-L, p.Para-Table-B,  p.Para-Table-L-Sub, .Symbol-L li.Para-Table-L-hyp-Sub {
		font-size: 14px; /*ian 190529*/
		word-break: normal;
	}


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

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

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

		.big .Table-specification td p, .big .Table--3col-Locations td li, .big p.Para-Table-L-Sub,
		.big p.Para-Table-L-Sub-Auto, .big p.Para-Table-L-center,
		.big p.Para-Table-L, .big li.Para-Table-L-hyp-Sub,
		.big li.Para-Table-L-hyp-2Sub, .big li[class^="Para-Num"],
		.big p.Para-Box-Num, .big p.Para-Table-B-Sub, .big td p.Para-Table-L,
		.big p.Para-Table-B, .big p.Para-Circle-Num-Sub,
		.big p.Para-Table-B-Center, .big .Table--3col-ISO td p
		{
		font-size: 9px;
		word-break: normal; /*ian 190529*/
	}


p.Para-Table-L-center, p.Para-Table-B-Center { /*ian 190529*/
	font-size: 12px;
	text-align: center;
	word-break: normal;
}

	.big p.video_para, .big p.video_title, .big .resultItem p {
		font-size: 1.05em;
	}

	.big .resultItem p {
		font-size: 1.05em;
	}

	h1 {
		font-size: 1.2em;
		margin-top: 0px;
	}
	h2 {
		font-size: 1.1em;
	}
	.Heading-3 {
		font-size: 1em;
	}
	.content .text>ol li:BEFORE {
		font-size: 26px;
		/* top: 9px; */
	}
	.video {
		width: 95%;
	}
}




p.Para-Table-L {
  font-size: 15px;
}

li.Para-Table-L-bullet {
  list-style: none !important;
  display: flex;
  align-items: flex-start !important;
  gap: 4pt; /* 또는 gap: 0; margin-right: 로 블릿 간격 제어 */
  font-family: "Pretendard-Regular";
  font-size: 15px;
  line-height: 1.5;
  color: #333333;
}

li.Para-Table-L-bullet::before {
  content: "•";
  font-size: 15px;
  display: inline-block;
  min-width: 1em;   /* 블릿 점 크기 + 간격 고정 */
  margin-right: 4pt; /* 점과 텍스트 사이 간격 */
}














































		/* === PDF 기반 글꼴 속성 오버라이드 === */
		/* === SK A1 기준 === */
		/* (정렬·여백은 건드리지 않고, font-size / line-height / color / font-weight 만 조정) */

/* 안전 관련 본문 스타일 */
.Para-basic-L-Sefty {
  font-size: 15px;
  line-height: 1.7;
  margin-top: 15px;        /* 위 공백은 유지 */
  margin-bottom: 4px;      /* 아래 공백을 줄임 */
  font-family: "Pretendard-Regular" !important;
  font-weight: 500;
}

/* 같은 스타일이 연속될 때 위 간격을 더 넓게 */
.Para-basic-L-Sefty + .Para-basic-L-Sefty {
  margin-top: 20px;  /* 기본 10px 보다 넓게 */
}

/* 안전 관련 불릿 스타일 */
.Para-basic-L-bullet-Sefty {
  font-size: 14px;
  line-height: 1.2;
  margin: 6px 0 6px 16px; /* 불릿 들여쓰기 */
  list-style-type: disc;
  font-family: "Pretendard-Light" !important;
}

/* 화면 안내 스타일 */
.Para-screen-L {
  font-size: 13px;
  line-height: 1.5;
  color: #555;
  font-style: italic;
  margin: 4px 0;
}

.Para-Table-L-Heading {
  font-size: 18px;          /* 필요 시 크기 조정 */
  margin-bottom: 6px;       /* 아래 공백 */
  color: #333;              /* 기본 색 (필요 시 강조 색상으로 변경 가능) */
  font-family: "SK_namuhx-Bold" !important;
}






















		/* 노트 박스 (경고·주의) */
		.Para-Note-B-center {
			font-size: 18px !important;
			line-height: 1.5 !important;
			color: #333333 !important;
			font-weight: 600 !important;
		}
		/* 노트 기호(>·.) */
		.Para-Note-B-center .Symbol-Red {
			font-family: upsys_commonregular;
			font-size: 20pt !important;
			color: #D32F2F !important;
			font-weight: 700 !important;
			display: inline-block !important;
			position: relative !important; /* ::before 등 위치 조절용 */
			white-space: pre !important;   /* \A 개행을 해석하도록 */
			margin-top: -10pt !important;
		}

		.Para-Note-B-center .Symbol-Red::before {
			content: "";
			display: block;    /* 새로운 줄로 강제 개행 */
			height: 15pt;      /* 이 값을 pt 단위로 조정 */
		}

		/* Bold 텍스트 */
		.Bold,
		span.Bold {
			font-weight: 700 !important;
			color: #333333 !important;
		}

		.Para-Note-B-center {
			/* 1) 블록 전체를 flex 컨테이너로 전환 */
			display: flex !important;
			align-items: center !important;     /* 수직 가운데 */
			gap: 5pt !important;                /* 아이콘과 텍스트 사이 간격(원하는 pt로 조절) */

			/* 기존 배경·테두리·패딩 유지 */
			background: var(--color-note-bg) !important;
			border: 1px solid var(--color-note-border) !important;
			/* (text-align: center 은 flex 에선 필요 없습니다) */
		}


		/* 기호만 별도 스타일이 필요하면 남겨두세요 */
		.Para-Note-B-center .Symbol-Red {
			display: inline-block !important; /* flex 아이템으로 인식시키기 위해 */
			font-size: 20pt !important;       /* PDF 기준 pt 단위 */
			color: #D32F2F !important;
			font-weight: 700 !important;
			/* margin-right 대신 gap 으로 간격 제어 */
		}

		/* bullet 리스트(ul) 다음에 바로 나오는 Para-basic-L p에만 간격 추가 */
		.content .text ul + p.Para-basic-L {
			margin-top: 8pt !important;
		}

		.content .text p.Para-basic-L + p.Para-basic-L + p.Para-basic-L-bullet-Sub-2{
			margin-top: 8pt !important;  /* 원하는 pt 값으로 조절 */
		}

		/* 같은 Para-basic-L 단락이 연속될 때만 위쪽 여백 추가 */
		p.Para-basic-L + p.Para-basic-L {
  		margin-top: 10pt;  /* 필요에 따라 값 조정 */
		}



.Para-Note-B-center-Warning {
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5pt !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #ccc !important; /* 하단 구분선 */
}

.Para-Note-B-center-Warning .Symbol-Red {
  font-family: upsys_commonregular;
  font-size: 20pt !important;
  color: #856404 !important;  /* 경고 색상 */
  font-weight: 700 !important;
  display: inline-block !important;
}

.Para-Note-B-center-Caution {
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5pt !important;
  margin-top: 40px !important;  /* 위 공백 */
  padding-bottom: 8px !important; /* 구분선과의 간격 */
  border-bottom: 1px solid #ccc !important; /* 하단 구분선 */
}

.Para-Note-B-center-Caution .Symbol-Red {
  font-family: upsys_commonregular;
  font-size: 20pt !important;
  color: #721c24 !important;  /* 주의 색상 */
  font-weight: 700 !important;
  display: inline-block !important;
}


























		/* ---------------------------------------------------
		PDF 매뉴얼: 2단계 서브 불릿(Para-basic-L-bullet-Sub-2)
		아이콘 + 텍스트 한 줄 정렬, pt 단위 크기·간격 조정
		--------------------------------------------------- */
		.Para-basic-L-bullet-Sub-2 {
			display: flex;               /* 아이콘+텍스트를 한 줄에 */
			align-items: flex-start !important;         /* 수직 가운데 정렬 */
			gap: 8pt;                    /* 아이콘과 텍스트 사이 간격 */
			margin-top: 3pt;             /* 위쪽 여백 (pt 단위로 조절) */
			margin-bottom: 10pt;          /* 아래 여백 */
			font-size: 15px;             /* 본문 크기 */
			line-height: 1.7;            /* 본문 행간 */
			color: #333333;              /* 본문 텍스트 색 */
		}

		/* 아이콘(span.icon-1) 스타일 */
		.Para-basic-L-bullet-Sub-2 .icon-1{
			font-family: Pretendard-Regular; /* 심볼용 폰트 */
			font-size: 14pt;                 /* 아이콘 크기 */
			color: #3CB371;                  /* 초록색 아이콘 (원하는 색으로 변경) */
			display: inline-block;           /* flex 아이템으로 취급 */
			width: 10pt;                     /* 아이콘 영역 너비 */
			height: 14pt;                    /* 아이콘 영역 높이 */
			text-align: center;              /* 중앙에 기호 배치 */
		}

		/* 아이콘(span.icon-1) 스타일 */
		.Para-basic-L .icon-1 {
			font-family: "Pretendard-Regular", sans-serif;
			font-size: 14pt;
			color: #3CB371;
			display: inline-block;
			width: 10pt;
			height: 14pt;
			text-align: center;

			/* 아이콘과 텍스트 사이 공백 */
			margin-right: 4pt;
		}

		.Para-Table-L-Sub-Auto .icon-1 {
			font-family: "Pretendard-Regular", sans-serif;
			font-size: 14pt;
			color: #3CB371;
			display: inline-block;
			width: 10pt;
			height: 14pt;
			text-align: center;

			/* 아이콘과 텍스트 사이 공백 */
			margin-right: 4pt;
		}



		/* 테이블 #table-6 안의 Para-Note-B-center 마진 제거 */
		.Table-Symbol .Para-Note-B-center {
			margin: 0 !important;
		}

		/* Table-Symbol 내부 Para-basic-L은 볼드 해제 */
		.Table-Symbol p.Para-basic-L {
			font-family: 'Pretendard-Regular' !important;
		}



		/* — 아이콘 텍스트를 볼드 처리 — */
		.content .text .Para-Table-B-Center {
			font-family: 'SK_namuhx-Bold' !important;
		}

		/* — 설명 텍스트를 왼쪽 정렬 — */
		.content .text .Para-Table-B {
			text-align: left !important;
		}

		/* 모든 2열 테이블 안 Para-basic-L 단락 좌측 정렬 */
		.Table--2col td p.Para-basic-L {
			text-align: left !important;
		}



		/* 모든 트러블슈팅 테이블 첫 행 우측(x3col-Mid-text)만 흰 배경·검정 텍스트 */
		.Table--troubleshooting tr:first-child td.x3col-Mid-text {
			background-color: #fff !important;
			color: #000 !important;
			text-align: left !important;
		}


		/* 안에 <p>가 들어있다면 그 안쪽도 검정으로 */
		.Table--troubleshooting tr:first-child td.x3col-Mid-text p {
			color: #000 !important;
			text-align: left !important;
		}



		/* x3col-Mid-text 내부 Para-Table-L-Sub-Auto 앞에 공백(pt) 추가 */
		td.x3col-Mid-text p.Para-Table-L-Sub-Auto {
			margin-top: 8pt !important;  /* ← 이 값을 변경해서 빈 공간 높이를 조절하세요 */
		}

		/* 트러블슈팅 테이블 안의 하이픈 서브 리스트 들여쓰기 제거 */
		.Table--troubleshooting .Para-Table-L-hyp-Sub {
			margin-left: 0 !important;
  		}

		/* x3col-Mid-text 안에서 li.Para-Table-L-hyp-Sub가 들어 있는 ul 뒤 첫 p.Para-Table-L에 공백(pt) 추가 */
		.x3col-Mid-text ul + p.Para-Table-L {
			margin-top: 8pt !important;  /* ← 원하는 pt 값으로 조절하세요 */
		}


/* table#table-15 기본 스타일 */

.table-responsive {
  width: 100%;
  overflow-x: auto;                   /* 가로 스크롤 필요 시 활성화 */
  -webkit-overflow-scrolling: touch;  /* iOS 부드러운 스크롤 */
  touch-action: pan-y;                /* 세로 스크롤은 페이지에서 */
}

.table-responsive table {
  width: 100%;                        /* PC에서는 부모에 꽉 차도록 */
  border-collapse: collapse;
  table-layout: fixed;                /* 셀 균등 폭 */
}
#table-15 {
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
  border-collapse: collapse;
}
#table-16 {
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
  border-collapse: collapse;
}


#table-15.responsive td {
  border-bottom: 1px solid #949599;
  padding: 8px 6px;
  text-align: center;
  vertical-align: middle;
  font-family: "Pretendard-Regular", sans-serif;
  font-size: 14px;
  word-break: break-word;
  white-space: normal;
}

/* 헤더 셀 */
#table-15.responsive td.header-cell {
  background-color: #88d0c7;
  font-weight: 600;
  color: #333;
}

/* 색상 구분 셀 */
#table-15.responsive td.color-blue {
  background-color: #cce5ff;
}

#table-15.responsive td.color-green {
  background-color: #d4edda;
}

#table-15.responsive td.color-orange {
  background-color: #ffe5b4;
}

#table-15.responsive td.color-red {
  background-color: #f8d7da;
}

#table-15.responsive td.color-purple {
  background-color: #e2d6f9;
}

#table-15.responsive td.color-yellow {
  background-color: #fff3cd;
}

/* 단위 열 (마지막 열) */
#table-15.responsive td.x3col-R {
  text-align: right;
  padding-right: 10px;
}

/* p 태그 마진 제거 */
#table-15.responsive td p {
  margin: 0;
  font-size: 14px;
}

/* 반응형: 모바일 대응 */
@media (max-width: 768px) {
  #table-15.responsive {
    font-size: 12px;
  }

  #table-15.responsive td {
    padding: 6px 4px;
    font-size: 12px;
  }

  #table-15.responsive td p {
    font-size: 12px;
  }
}
/* 좁은 화면에서는 min-width 적용 (스크롤 유발) */
@media (max-width: 768px) {
  .table-responsive table {
    min-width: 1000px;                /* 부모보다 크게 → 스크롤 트리거 */
    table-layout: auto;               /* 내용 기반 폭 */
  }
}
/* 모바일 375px 이하에서 스크롤 유발 */
@media (max-width: 375px) {
  .table-responsive table {
    min-width: 1000px;                /* 부모보다 넓게 해서 스크롤 트리거 */
    table-layout: auto;               /* 내용 기반 열폭 */
  }
}





/* ─── Table--4col-Error 스타일 ─── */
.Table--4col-Error {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 24pt 0 16pt !important;
  border: none; /* 전체 바깥선 제거 */
}

/* 셀 경계: 가로 구분선만 */
.Table--4col-Error td,
.Table--4col-Error th {
  border: none;
  border-bottom: 1px solid #ccc;
}

/* 첫 줄 상단선 제거 */
.Table--4col-Error tr:first-child td,
.Table--4col-Error tr:first-child th {
  border-top: none;
}

/* 마지막 줄 하단선 제거 */
.Table--4col-Error tr:last-child td {
  border-bottom: none;
}

/* 헤더 */
.Table--4col-Error thead td {
  color: #000 !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 10pt 12pt !important;
}

/* 본문 셀 공통 */
.Table--4col-Error tbody td {
  background-color: transparent !important;
  vertical-align: middle !important;
  padding: 6pt 8pt !important;
  font-size: 14px !important;
}

/* 열 폭 (왼→오: 10%, 15%, 25%, 50%) */
.Table--4col-Error tbody td:nth-child(1),
.Table--4col-Error thead td:nth-child(1) {
  width: 10% !important;
}

.Table--4col-Error tbody td:nth-child(2),
.Table--4col-Error thead td:nth-child(2) {
  width: 15% !important;
}

.Table--4col-Error tbody td:nth-child(3),
.Table--4col-Error thead td:nth-child(3) {
  width: 25% !important;
}

.Table--4col-Error tbody td:nth-child(4),
.Table--4col-Error thead td:nth-child(4) {
  width: 50% !important;
}

/* 정렬 & 강조 */
.Table--4col-Error tbody td:nth-child(1),
.Table--4col-Error tbody td:nth-child(2) {
  text-align: center !important;
  font-weight: 700 !important;
}

.Table--4col-Error tbody td:nth-child(2) {
  font-size: 18pt !important;
}

.Table--4col-Error tbody td:nth-child(3) {
  text-align: center !important;
}

.Table--4col-Error tbody td:nth-child(4) {
  text-align: left !important;
}

/* 단락 내부 */
.Table--4col-Error td p {
  margin: 0 !important;
  line-height: 1.5 !important;
}

.Table--4col-Error p.Para-Table-L + p.Para-Table-L {
  margin-top: 4pt !important;
}

/* 모바일 (375 이하) 최적화 */
@media (max-width: 375px) {
  .Table--4col-Error p.Para-Table-B-Center {
    font-size: 14px !important; /* 9px 대신 14px 강제 */
  }

  .Table--4col-Error tbody td {
    padding: 4pt 6pt !important;
    font-size: 12px !important;
  }

  .Table--4col-Error p.Para-Table-L,
  .Table--4col-Error p.Para-Table-B,
  .Table--4col-Error p.Para-Table-L-Center {
    font-size: 12px !important;
  }


  .Table--4col-Error tbody td:nth-child(1),
  .Table--4col-Error thead td:nth-child(1) {
    width: 10% !important;
  }

  .Table--4col-Error tbody td:nth-child(2),
  .Table--4col-Error thead td:nth-child(2) {
    width: 15% !important;
  }

  .Table--4col-Error tbody td:nth-child(3),
  .Table--4col-Error thead td:nth-child(3) {
    width: 25% !important;
  }

  .Table--4col-Error tbody td:nth-child(4),
  .Table--4col-Error thead td:nth-child(4) {
    width: 50% !important;
  }
}





/* ————— 1단계 불릿 (Para-basic-L-bullet) ————— */
.Para-basic-L-bullet {
  list-style: none !important;      /* 기본 마커 숨기기 */
  display: flex;
  align-items: flex-start !important;
  gap: 8pt;

  margin-left: -10pt !important;       /* 왼쪽 공백 없이 */
  margin-top: 2pt !important;

  font-family: "Pretendard-Regular";
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}
.Para-basic-L-bullet::before {
  content: "•";
  font-family: "Pretendard-Regular";
  font-size: 15px;
  margin-right: 4pt;
}

/* ————— 2단계 불릿 (Para-basic-L-bullet-2) ————— */
.Para-basic-L-bullet-2 {
  list-style: none !important;
  display: flex;
  align-items: flex-start !important;
  gap: 8pt;

  margin-left: 30px;               /* 사용자 정의 들여쓰기 */
  margin-top: 2pt !important;

  font-family: "Pretendard-Regular";
  font-size: 15px;
  line-height: 1.5;
  color: #333333;
}
.Para-basic-L-bullet-2::before {
  content: "•";
  font-family: "Pretendard-Regular";
  font-size: 16px;
  margin-right: 4pt;
}

.Para-Table-L-Sub-Auto{
  list-style: none !important;
  display: flex;
  align-items: flex-start !important;
  gap: 8pt;
  margin-left: 48px;               /* 사용자 정의 들여쓰기 */
  margin-top: 2pt !important;
  font-family: "Pretendard-Regular";
  font-size: 15px;
  line-height: 1.5;
  color: #333333;
}


/* Table-Symbol 안 Para-basic-L 위쪽 여백 추가 */
.Table-Symbol .Para-basic-L {
  margin-top: 5pt !important;  /* 기존보다 조금 더 여백을 주고 싶을 때 */
  margin-left: 3pt;
}

.Para-Table-L-Heading {
  line-height: 1.25;
  font-weight: 500;
}
.Bold-color {
  color: #88d0c7;
}


.Table--3col-Key-Features tr p {

}
.Table--3col-Key-Features tr td {
  padding-top: 1rem;
}
.Table--3col-Key-Features tr:first-child td {
  padding-top: 0;
}
.Table--3col-Key-Features colgroup col:first-child {
  width: 30%;
}

.Table--3col-Key-Features colgroup col:last-child {
  width: 70%;
}
.Table--3col-Key-Features td.x3col-L-image {
  max-width: 220px;
  padding-right: 1rem;
}
.Table--3col-Key-Features td.x3col-R {
  position: relative;
  top: -.5rem;
  vertical-align: bottom;
  height: 100%;
  border-bottom: 1px solid #949599;
  padding-bottom: .5rem;
}

.Table--4col-Product-Appearance {
  border-spacing: 0;
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
}
.Table--4col-Product-Appearance tr td {
  border-bottom: 1px solid #949599;
}
.Table--4col-Product-Appearance tr:last-child td {
  border-bottom: none;

}
.Table--4col-Product-Appearance td.x3col-L {
  vertical-align: middle;
  padding: .5rem 1rem;
}
.Table--4col-Product-Appearance tr td.x3col-L:first-child {
  text-align: center;
}
.Table--4col-Product-Appearance td.x3col-L p.Para-Box-Num {
  margin: 0;
  font-family: "SK_namuhx-Bold";
}
.Table--4col-Product-Appearance td.x3col-L p.Para-Box-Num span {
  background-color: #88d0c7;
  color: white;
  width: 1.5rem;
  display: inline-block;
  text-align: center;
  border-radius: 8px;
}

.Table--4col-Accessories {
  table-layout: fixed;
  padding-bottom: 2rem;
}
.Table--4col-Accessories td.Pic-L {
  text-align: center;
  vertical-align: middle;
}







tr:last-child td.cell-style-override-16, tr:last-child td.cell-style-override-7 {
  border-bottom: 0;
}

table#table-16 {
  table-layout: fixed;
  margin-top: 1rem;
}

.Table--2col-Information, .Table--2col-Air-Sensor, .Table--2col-Voice, .Table--2col-Filter, .Table--troubleshooting, .Table--4col-Error, .Table--Specifications {
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
  border-spacing: 0;
  margin-bottom: 1rem;
}
.Table--2col-Information tr td:last-child, .Table--2col-Voice tr td:last-child {
  width: 70%;
}
.Table--2col-Voice tr td:first-child {
  width: 30%;
}
.Para-Table-L-Center {
  text-align: center;
}
.Table--2col-Information tr td:first-child {
  width: 30%;
  text-align: center;
}
.Table--2col-Information .Para-Note-B-center {
  display: block !important;
}
.Table--2col-Information td:first-child {
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;   /* 위 공백 */
  padding-bottom: 6px; /* 아래 공백 */
}

.Table--2col-Information td img {
  display: inline-block;
  padding-top: 4px;
}

.Table--2col-Air-Sensor td:first-child {
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;    /* 위 공백 */
  padding-bottom: 6px; /* 아래 공백 */
}

.Table--2col-Air-Sensor td img {
  display: inline-block;
  padding-top: 4px;
}

.Table--2col-Voice td {
  padding-top: 6px;    /* 위 공백 */
  padding-bottom: 6px; /* 아래 공백 */
  vertical-align: middle; /* 세로 중앙 정렬 (필요 시) */
}





/* 반응형: 모바일에서 글자 크기 축소 */
@media screen and (max-width: 768px) {
  .Table--4col-responsive table th,
  .Table--4col-responsive table td {
    padding: 6px;
    font-size: 14px;
  }
}


/* Table--2col-Information 표 공통 스타일 */
.Table--2col-Information {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--2col-Information td,
.Table--2col-Information th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
  border-bottom: 1px solid #949599;  /* 중간 구분선 */
}

/* 열 비율 (아이콘 / 내용) */
.Table--2col-Information td:nth-child(1),
.Table--2col-Information th:nth-child(1) {
  width: 30%;
  text-align: center;
}

.Table--2col-Information td:nth-child(2),
.Table--2col-Information th:nth-child(2) {
  width: 70%;
  text-align: left;
}

/* 마지막 행 하단선 제거 */
.Table--2col-Information tr:last-child td {
  border-bottom: none;
}

/* 반응형에서 table 구조 유지 */
@media (max-width: 768px) {
  .Table--2col-Information td,
  .Table--2col-Information th {
    display: table-cell;  /* block으로 깨지는 것 방지 */
    width: auto;
    padding: 8px 4px;
  }
}







/* Table--2col-Voice 표 공통 스타일 */
.Table--2col-Voice {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--2col-Voice td,
.Table--2col-Voice th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}

/* 열 비율 (필요 시 조정) */
.Table--2col-Voice td:nth-child(1),
.Table--2col-Voice th:nth-child(1) {
  width: 30%; /* 예: 아이콘 / 구분 열 */
}
.Table--2col-Voice td:nth-child(2),
.Table--2col-Voice th:nth-child(2) {
  width: 70%; /* 예: 내용 열 */
}

/* 모든 셀 하단 테두리 */
.Table--2col-Voice td {
  border-bottom: 1px solid #949599;
}

/* 마지막 행의 셀 하단 테두리 제거 */
.Table--2col-Voice tr:first-child td,
.Table--2col-Voice tr:last-child td {
  border-bottom: none;
}

@media (max-width: 375px) {
  /* Table--2col-Voice 헤더 폰트 크기 */
  .Table--2col-Voice thead td,
  .Table--2col-Voice thead th {
    font-size: 14px !important;
    padding: 6pt 8pt !important;
  }

  /* Table--2col-Voice 표 본문 폰트 */
  .Table--2col-Voice tbody td {
    font-size: 12px !important;
    padding: 4pt 6pt !important;
  }

  /* Table--2col-Voice 내 p 태그 */
  .Table--2col-Voice td p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}





/* Table--2col-Information 표 공통 스타일 */
.Table--2col-Information {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--2col-Information td,
.Table--2col-Information th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}

/* 열 비율 (예: 아이콘 / 내용) */
.Table--2col-Information td:nth-child(1),
.Table--2col-Information th:nth-child(1) {
  width: 30%; /* 아이콘 열 */
}

.Table--2col-Information td:nth-child(2),
.Table--2col-Information th:nth-child(2) {
  width: 70%; /* 내용 열 */
}

/* 모든 셀에 하단선 (중간 구분선) */
.Table--2col-Information td {
  border-bottom: 1px solid #949599;
}

/* 마지막 행의 하단선 제거 */
.Table--2col-Information tr:last-child td {
  border-bottom: none;
}




/* Table--2col-Air-Sensor 표 공통 스타일 */
.Table--2col-Air-Sensor {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--2col-Air-Sensor td,
.Table--2col-Air-Sensor th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}

/* 열 비율 (아이콘 / 설명) */
.Table--2col-Air-Sensor td:nth-child(1),
.Table--2col-Air-Sensor th:nth-child(1) {
  width: 30%; /* 아이콘 열 */
}

.Table--2col-Air-Sensor td:nth-child(2),
.Table--2col-Air-Sensor th:nth-child(2) {
  width: 70%; /* 설명 열 */
}

/* 모든 셀에 하단선 (중간 구분선) */
.Table--2col-Air-Sensor td {
  border-bottom: 1px solid #949599;
}

/* 마지막 행의 하단선 제거 */
.Table--2col-Air-Sensor tr:last-child td {
  border-bottom: none;
}










/* Table--2col-Filter 표 공통 스타일 */
.Table--2col-Filter {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--2col-Filter td,
.Table--2col-Filter th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}

/* 열 비율 (필요 시 조정) */
.Table--2col-Filter td:nth-child(1),
.Table--2col-Filter th:nth-child(1) {
  width: 25%;
}
.Table--2col-Filter td:nth-child(2),
.Table--2col-Filter th:nth-child(2) {
  width: 25%;
}
.Table--2col-Filter td:nth-child(3),
.Table--2col-Filter th:nth-child(3) {
  width: 25%;
}
.Table--2col-Filter td:nth-child(4),
.Table--2col-Filter th:nth-child(4) {
  width: 25%;
}

/* 모든 셀 하단 테두리 */
.Table--2col-Filter td {
  border-bottom: 1px solid #949599;
}

/* 마지막 행의 셀 하단 테두리 제거 */
.Table--2col-Filter tr:first-child td,
.Table--2col-Filter tr:last-child td {
  border-bottom: none;
}

@media (max-width: 375px) {
  /* Table--2col-Filter 헤더 폰트 크기 */
  .Table--2col-Filter thead td,
  .Table--2col-Filter thead th {
    font-size: 14px !important;
    padding: 6pt 8pt !important;
  }

  /* Table--2col-Filter 표 본문 폰트 */
  .Table--2col-Filter tbody td {
    font-size: 12px !important;
    padding: 4pt 6pt !important;
  }

  /* Table--2col-Filter 내 p 태그 */
  .Table--2col-Filter td p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}






/* Table--Specifications 표 전체 공통 스타일 */
.Table--Specifications {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* 공통 셀 스타일 */
.Table--Specifications td,
.Table--Specifications th {
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
}

/* 열 너비 비율 */
.Table--Specifications td:first-child,
.Table--Specifications th:first-child {
  width: 16%;
}
.Table--Specifications td:nth-child(2),
.Table--Specifications th:nth-child(2) {
  width: 42%;
}
.Table--Specifications td:nth-child(3),
.Table--Specifications th:nth-child(3) {
  width: 42%;
}

/* 모든 셀에 하단 테두리 */
.Table--Specifications td {
  border-bottom: 1px solid #949599;
}

/* 마지막 행의 셀만 하단 테두리 제거 */
.Table--Specifications tr:first-child td,
.Table--Specifications tr:last-child td {
  border-bottom: none;
}

@media (max-width: 375px) {
  /* Table--Specifications 헤더 폰트 크기 */
  .Table--Specifications thead td,
  .Table--Specifications thead th {
    font-size: 14px !important;  /* 필요 시 15~16px로 조정 가능 */
    padding: 6pt 8pt !important;
  }

  /* Table--Specifications 표 안 본문 폰트 */
  .Table--Specifications tbody td {
    font-size: 12px !important;  /* 본문 글씨 줄임 */
    padding: 4pt 6pt !important;
  }

  /* Table--Specifications 내 p 태그 */
  .Table--Specifications td p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}







td.cell-style-override-18, td.cell-style-override-20 {
  padding: 10px;
}
td.x3col-Mid-text, td.cell-style-override-22 {
  border-bottom: 1px solid #949599;
}
td.cell-style-override-20 {
  border-bottom: 1px solid #949599;
}

@media screen and (max-width: 768px) {
  .content #mainCar {
    /* 2:1 비율 유지 */
    width: 100%;
    aspect-ratio: 1920 / 960;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }

  .content #mainCar video {
    /* 절대위치 해제해서 자연스레 들어오게 */
    position: static;
    display: block;
    /* 컨테이너 폭에 맞추고, 높이는 자동으로 */
    width: 100%;
    height: auto;
    /* 잘라도 안 보고 전체를 보여줌 */
    object-fit: contain;
    object-position: center;
    /* 더 이상 이동시키지 않음 */
    transform: none;
  }
  /* mainCar 바로 아래에 오는 버튼 메뉴를 위로 80px 당겨올 때 */
	.content #buttonMenu {
	/* 방법 1: 마진으로 당기기 */
	margin-top: -180px;

	/* 방법 2: 상대 위치로 당기기 */
	/* position: relative;
		top: -80px; */
	}
}

@media screen and (max-width: 480px) {
  .content #mainCar {
    width: 100%;
    height: auto;              /* 비율 제한 제거 */
    aspect-ratio: unset;       /* 자동 높이로 변경 */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 0;
  }

  .content #mainCar video {
    width: 100%;
    height: auto;
    object-fit: cover;         /* 여백 제거 */
    display: block;
  }

  .content #buttonMenu {
    margin-top: 0 !important;
    padding-top: 8px;          /* 필요 최소한만 */
    position: relative;
    z-index: 2;
  }
}









/* 컬럼 배경색 */
td.header-cell, th.header-cell {
  background-color: #88d0c7;
}

td.color-blue, th.color-blue {
  background-color: #d3edf9;
}

td.color-green, th.color-green {
  background-color: #d9ead3;
}

td.color-orange, th.color-orange {
  background-color: #fce5cd;
}

td.color-red, th.color-red {
  background-color: #f4cccc;
}

td.color-purple, th.color-purple {
  background-color: #e4d7f5;
}

td.color-yellow, th.color-yellow {
  background-color: #fff2cc;
}

td.color-teal, th.color-teal {
  background-color: #b7dce6;
}



/* 8열 테이블: 세로선 없음, 검정 글자, 반응형 */
.Table--8col-air-web-1,
.Table--8col-air-web-1 td,
.Table--8col-air-web-1 th {
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  color: #000 !important;  /* 💥 글자색 강제 고정 */
}


.Table--8col-air-web-1 th {
  font-weight: bold;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
  .Table--8col-air-web-1 {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}




/* ---------- Table--2col: 2열 왼쪽 정렬 기본 테이블 ---------- */
.Table--2col,
.Table--2col td,
.Table--2col th {
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 12px 16px;
  text-align: left;
  font-size: 15px;
  vertical-align: middle;
  color: #000 !important;
}

.Table--2col th {
  font-weight: bold;
  background-color: #f7f7f7;
}

/* 반응형 대응 */
@media screen and (max-width: 768px) {
  .Table--2col {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* Table--2col 내부 문단의 이중 라인 제거 */
.Table--2col td p,
.Table--2col th p {
  border: none !important;
}

/* .Table--2col 테이블 안 모든 요소의 테두리 제거 */
.Table--2col * {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
}






/* ---------- Table--4col: 4열 설명용 테이블 스타일 ---------- */
.Table--4col {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
}

.Table--4col th,
.Table--4col td {
  border: none;
  padding: 12px 16px;
  font-size: 15px;
  color: #000;
  text-align: center;
  vertical-align: middle;
  line-height: 1.6;
  word-break: break-word;
}

/* Table--4col 테이블 내 bullet 문단 왼쪽 정렬 */
.Table--4col .Para-Table-L-bullet {
  text-align: left !important;
}


/* 헤더(첫 줄) 배경 컬러 지정 */
.Table--4col thead th {
  background-color: #88d0c7;
  font-weight: bold;
  color: #fff; /* 글자색 흰색으로 하고 싶다면 */
}

/* 반응형 대응 */
@media screen and (max-width: 768px) {
  .Table--4col {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.Table--troubleshooting tr:first-child td.x3col-Mid-text p.Para-Table-L-Center {
  text-align: center !important;
}

/* ─── Table--4col-air (무선 모델용, 전용 스타일) ─── */
.Table--4col-air {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
  margin-bottom: 1rem;
  font-family: "Pretendard-Regular", sans-serif;
}

/* 기본 셀 */
.Table--4col-air td,
.Table--4col-air th {
  padding: 6px 8px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #949599;
  word-break: break-word;
}

/* 헤더 셀 (첫 행) */
.Table--4col-air tr:first-child td,
.Table--4col-air tr:first-child th {
  background-color: #88d0c7;
  color: #000;
  text-align: center !important;
  font-size: 15px !important;   /* ✅ 본문보다 크게, 강제 적용 */
  padding: 10px 8px;            /* ✅ 여백 넉넉히 */
}

/* 마지막 행 하단선 제거 */
.Table--4col-air tr:last-child td {
  border-bottom: none;
}

/* 불릿 설명 텍스트는 왼쪽 정렬 */
.Table--4col-air td .Para-basic-L-bullet,
.Table--4col-air td ul,
.Table--4col-air td li {
  text-align: left !important;
}

/* PC 기본 → 균등 4등분 */
.Table--4col-air colgroup col {
  width: 25%;
}

/* 모바일 (<=768px) → 오른쪽 열 넓게 */
@media (max-width: 768px) {
  .Table--4col-air colgroup col:nth-child(1) { width: 10%; }
  .Table--4col-air colgroup col:nth-child(2) { width: 10%; }
  .Table--4col-air colgroup col:nth-child(3) { width: 30%; }
  .Table--4col-air colgroup col:nth-child(4) { width: 50%; }
}

/* 더 작은 화면 (<=375px) */
@media (max-width: 375px) {
  .Table--4col-air td,
  .Table--4col-air th {
    font-size: 12px !important;   /* ✅ 본문 축소 */
    padding: 4pt 6pt !important;
  }

  .Table--4col-air tr:first-child td,
  .Table--4col-air tr:first-child th {
    font-size: 13px !important;   /* ✅ 헤더는 본문보다 크게 */
    padding: 8px 6px !important;
  }

  .Table--4col-air td p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}





/* ─── Table--4col-ai2 (전역 적용) ─── */
.Table--4col-ai2 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: 2px solid #88d0c7;
  border-bottom: 2px solid #88d0c7;
  margin-bottom: 1rem;
  font-family: "Pretendard-Regular", sans-serif;
}

/* 기본 셀 */
.Table--4col-ai2 td,
.Table--4col-ai2 th {
  padding: 6px 8px;   /* 헤더 기본 여백 유지 */
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  word-break: break-word;
}

/* 데이터 행 (헤더 제외, 3행부터) */
.Table--4col-ai2 tr:nth-child(n+3) td {
  padding: 12px 8px;             /* ✅ 데이터 행 여백 넓게 */
  border-top: 1px solid #d9d9d9; /* ✅ 가로선 */
}

/* 마지막 행은 하단선 제거 */
.Table--4col-ai2 tr:last-child td {
  border-bottom: none;
}

/* 반응형 대응 */
@media (max-width: 375px) {
  .Table--4col-ai2 td,
  .Table--4col-ai2 th {
    font-size: 12px !important;
    padding: 6px !important;
  }

  .Table--4col-ai2 tr:nth-child(n+3) td {
    padding: 10px 6px !important;
  }

  .Table--4col-ai2 td p {
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}