/* RTL */

:not([dir="rtl"])[outputclass="eu"][lang^="ar"] .headerInner {
  flex-direction: row-reverse;
}

[outputclass="eu"][lang^="ar"] #headerLogo {
  width: 17%;
}

[outputclass="eu"][lang^="ar"] .languageDiv div {
  left: 25px;
}

:not([dir="rtl"])[outputclass="eu"][lang^="ar"] .languageDiv {
  width: 71%;
}

[outputclass="eu"][lang^="ar"] .content #naviText {
	position: absolute;
	right: 5% !important;
    bottom: 9%;
    font-family: "GenesisSansTextKRRegular";
    color: #ffffff;
    /* font-weight: bold;    */
}

[outputclass="eu"][lang^="ar"] .content #naviText span {
	font-size: 30px;
    display: block;
    width: 100% !important;
    text-align: right;
}

[outputclass="eu"][lang^="ar"] #languageSelect {
  margin-left: 24px;
}

[outputclass="eu"][lang^="ar"] #mainCarPc {
  content: url(../image/carImagePc.png)
}

[outputclass="eu"][lang^="ar"] .content #buttonMenu>a {
  float: right;
}

[outputclass="eu"][lang^="ar"] .content #buttonMenu>a>div>span {
  direction: rtl;
}

[outputclass="eu"][lang^="ar"] #bottomText {
  direction: rtl;
}

[outputclass="eu"][lang^="ar"] .figure_title  {
text-align: right;
}

@media screen and (max-width: 800px) {
	[outputclass="eu"][lang^="ar"] .content #naviText {
		bottom: 11%;
		width: 30%;
}
	
[outputclass="eu"][lang^="ar"] .content #naviText span {
		font-size: 17px;	
	}

  [outputclass="eu"][lang^="ar"] #headerLogo {
    width: 17%;
  }

  [outputclass="eu"][lang^="ar"] .languageDiv {
    width: 65% !important;
  }

  [outputclass="eu"][lang^="ar"] #languageSelect {
    margin-left: -16px;
  }

  [outputclass="eu"][lang^="ar"] .languageDiv div {
    left: -16px;
  }

  [outputclass="eu"][lang^="ar"] #mainCarPhone {
    content: url(../image/carImagePc.png)
  }
}

@media screen and (max-width: 480px) {
  [outputclass="eu"][lang^="ar"] .content #naviText {
		/* right: 2%; */
		bottom: 14%;
		width: 45%;
	}

	[outputclass="eu"][lang^="ar"] .content #naviText span {
		font-size: 11px;		
	}

  [outputclass="eu"][lang^="ar"] #headerLogo {
    width: 29%;
  }
}

[lang^="ar"] #headerLogo2 {
  font-size: 0px;
  color: transparent;
  width: 29%;
  height: 55px;
  margin-left: 5%;
  background-image: url(icon/K/Logo_H_v2.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 115px;
}

[lang^="ar"] ol.callout>li>p:FIRST-CHILD {
  margin-right: 30px;
}

[lang^="ar"] .text ol ul,
[lang^="ar"] .text ul ol {
  margin-right: 20px;
}

[lang^="ar"] .text ul ul {
  margin-right: 20px;
}

[lang^="ar"] ol>li {
  margin-right: 15px;
}

ol>li::before {
  margin-right: -15px;
}

[lang^="ar"] ol>li>p {
  margin-right: 25px;
}

[lang^="ar"] ol.callout>li {
  margin-right: -15px;
}

[lang^="ar"] ol.callout>li::before {

  margin-right: 9px;
}


[lang^="ar"] ol>li.callout::before {
  margin-right: 9px;
}


[lang^="ar"] ol.callout>li>p:FIRST-CHILD {
  margin-right: 45px;
}

[lang^="ar"] ol.callout>li>p {
  margin-right: 50px;
}

/* 202505 띄어쓰기 추가 수정 */
[lang^="ar"] ol.callout>li>ul {
  margin-right: 40px;
}
[lang^="ar"] ol.callout>li>ul>li>ul {
  margin-right: 0px;
}

/* [lang^="ar"] .text ul {
  margin-right: 20px;
} */

[lang^="ar"] .text ul>li {
  margin-right: 20px;
}

[lang^="ar"] div.note li {
  margin-right: 20px;
}

/* [lang^="ar"] div.note p {
  margin-right: 20px;
} */

[lang^="ar"] div.note ol>li {
  margin-right: 15px;
}

[lang^="ar"] .text ol figure,
[lang^="ar"] .text ul figure {
  margin-right: 25px;
}

[lang^="ar"] table ul>li {
  margin-right: 0px !important;
}
[lang^="ar"] thead p {
  margin-right: 0px !important;
  float: right;
}

[lang^="ar"] td>ul {
  margin-right: 20px;
}

[lang^="ar"] .searchDiv .right {
  position: relative;
}

[lang^="ar"] #searchButton {
  background: url(icon/K/search_K--2.png) white;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-size: 20px;
  padding: 8px;
  border: none;
  position: absolute;
  right: -60%;
  top: 3px;
}

/* TOC */

[lang^="ar"] .rightMenu {
  left: 0;
  right: inherit;
}

[lang^="ar"] .search {
  float: right;
}

[lang^="ar"] .close {
  float: left;
}

[lang^="he"] figure>p {
  text-align: right;
}


[lang^="ar"] .u-vmenu>ul>li>a {
  background-position: 4% 50%;
}

[lang^="ar"] .u-vmenu a {
  padding-left: 52px;
  direction: rtl;
  text-align: right;
}

/* PAGE TURN ARROW */

[lang^="ar"] #nextBtn {
  background-image: url('icon/common/btn_main_right_rtl.png');
  left: 10px;
  right: inherit;
}

[lang^="ar"] #prevBtn {
  background-image: url('icon/common/btn_main_left_rtl.png');
  right: 10px;
  left: inherit;
}

[lang^="ar"] #search-page {
  direction: rtl;
}




/* 1280px */
@media screen and (max-width: 1280px) {
  [dir="rtl"][lang^="ar"] #searchButton {
    right: -75%;
    top: 3px;
  }
}

/* 640px */
@media screen and (max-width: 640px) {
  [dir="rtl"][lang^="ar"] #searchButton {
    right: -100%;
    top: 21px;
  }
}

/* 4200px */
@media screen and (max-width: 420px) {
  [dir="rtl"][lang^="ar"] #searchButton {
    right: -115%;
    top: 21px;
  }
}

/* 360px */
@media screen and (max-width: 360px) {
  [dir="rtl"][lang^="ar"] #searchButton {
    right: -115%;
    top: 40px;
  }
}

/* 280px */
@media screen and (max-width: 280px) {
  [dir="rtl"][lang^="ar"] #searchButton {
    right: -175%;
    top: 40px;
  }
}

/* RTL 히브리어 */

:not([dir="rtl"])[outputclass="eu"][lang^="he"] .headerInner {
  flex-direction: row-reverse;
}

[outputclass="eu"][lang^="he"] #headerLogo {
  width: 17%;
}

:not([dir="rtl"])[outputclass="eu"][lang^="he"] .languageDiv {
  width: 71%;
}

[outputclass="eu"][lang^="he"] .content #naviText {
	position: absolute;
	right: 5% !important;
    bottom: 9%;
    font-family: "GenesisSansTextKRRegular";
    color: #ffffff;
    /* font-weight: bold;    */
}

[outputclass="eu"][lang^="he"] .content #naviText span {
	font-size: 30px;
    display: block;
    width: 100% !important;
    text-align: right;
}

[outputclass="eu"][lang^="he"] .languageDiv div {
  left: 25px;
}

[outputclass="eu"][lang^="he"] #languageSelect {
  margin-left: 24px;
}

[outputclass="eu"][lang^="he"] #mainCarPc {
  content: url(../image/carImagePc.png)
}

[outputclass="eu"][lang^="he"] .content #buttonMenu>a {
  float: right;
}

[outputclass="eu"][lang^="he"] .content #buttonMenu>a>div>span {
  direction: rtl;
}

[outputclass="eu"][lang^="he"] #bottomText {
  direction: rtl;
}

[outputclass="eu"][lang^="he"] .figure_title  {
  text-align: right;
  }

@media screen and (max-width: 768px) {
  [outputclass="eu"][lang^="he"] #headerLogo {
    width: 17%;
  }

  [outputclass="eu"][lang^="he"] .languageDiv {
    width: 65% !important;
  }

  [outputclass="eu"][lang^="he"] #languageSelect {
    margin-left: -16px;
  }

  [outputclass="eu"][lang^="he"] .languageDiv div {
    left: -16px;
  }

  [outputclass="eu"][lang^="he"] #mainCarPhone {
    content: url(../image/carImagePc.png)
  }
}

@media screen and (max-width: 576px) {
  [outputclass="eu"][lang^="he"] #headerLogo {
    width: 29%;
  }
}

[lang^="he"] #headerLogo2 {
  font-size: 0px;
  color: transparent;
  width: 29%;
  height: 55px;
  margin-left: 5%;
  background-image: url(icon/K/Logo_H_v2.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 115px;
}

[lang^="he"] ol.callout>li>p:FIRST-CHILD {
  margin-right: 30px;
}

[lang^="he"] .text ol ul,
[lang^="he"] .text ul ol {
  margin-right: 20px;
}
[lang^="he"] .text ul ul {
  margin-right: 20px;
}

[lang^="he"] ol>li {
  margin-right: 15px;
}

ol>li::before {
  margin-right: -15px;
}

[lang^="he"] ol>li>p {
  margin-right: 25px;
}

[lang^="he"] ol.callout>li {
  margin-right: -15px;
}

[lang^="he"] ol.callout>li::before {

  margin-right: 9px;
}


[lang^="he"] ol>li.callout::before {
  margin-right: 9px;
}


[lang^="he"] ol.callout>li>p:FIRST-CHILD {
  margin-right: 45px;
}

[lang^="he"] ol.callout>li>p {
  margin-right: 50px;
}

/* 202505 띄어쓰기 추가 수정 */
[lang^="he"] ol.callout>li>ul {
  margin-right: 40px;
}
[lang^="he"] ol.callout>li>ul>li>ul {
  margin-right: 0px;
}

/* 241120 삭제
[lang^="he"] .text ul {
  margin-right: 20px;
} */

[lang^="he"] .text ul>li {
  margin-right: 20px;
}

[lang^="he"] div.note li {
  margin-right: 20px;
}

/* 241120 삭제 
[lang^="he"] div.note p {
  margin-right: 20px;
} */

[lang^="he"] div.note ol>li {
  margin-right: 15px;
}

[lang^="he"] .text ol figure,
[lang^="he"] .text ul figure {
  margin-right: 25px;
}

[lang^="he"] table ul>li {
  margin-right: 0px !important;
}
[lang^="he"] thead p {
  margin-right: 0px !important;
  float: right;
}

[lang^="he"] td>ul {
  margin-right: 20px;
}

[lang^="he"] .searchDiv .right {
  position: relative;
}

[lang^="he"] #searchButton {
  background: url(icon/K/search_K--2.png) white;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-size: 20px;
  padding: 8px;
  border: none;
  position: absolute;
  right: -60%;
  top: 3px;
}

/* TOC */

[lang^="he"] .rightMenu {
  left: 0;
  right: inherit;
}

[lang^="he"] .search {
  float: right;
}

[lang^="he"] .close {
  float: left;
}

[lang^="he"] figure>p {
  text-align: right;
}

[lang^="he"] .u-vmenu>ul>li>a {
  background-position: 4% 50%;
}

[lang^="he"] .u-vmenu a {
  padding-left: 52px;
  direction: rtl;
  text-align: right;
}

/* PAGE TURN ARROW */

[lang^="he"] #nextBtn {
  background-image: url('icon/common/btn_main_right_rtl.png');
  left: 10px;
  right: inherit;
}

[lang^="he"] #prevBtn {
  background-image: url('icon/common/btn_main_left_rtl.png');
  right: 10px;
  left: inherit;
}

[lang^="he"] #search-page {
  direction: rtl;
}




/* 1280px */
@media screen and (max-width: 1280px) {
  [dir="rtl"][lang^="he"] #searchButton {
    right: -75%;
    top: 3px;
  }
}

/* 640px */
@media screen and (max-width: 640px) {
  [dir="rtl"][lang^="he"] #searchButton {
    right: -100%;
    top: 21px;
  }
}

/* 4200px */
@media screen and (max-width: 420px) {
  [dir="rtl"][lang^="he"] #searchButton {
    right: -115%;
    top: 21px;
  }
}

/* 360px */
@media screen and (max-width: 360px) {
  [dir="rtl"][lang^="he"] #searchButton {
    right: -115%;
    top: 40px;
  }
}

/* 280px */
@media screen and (max-width: 280px) {
  [dir="rtl"][lang^="he"] #searchButton {
    right: -175%;
    top: 40px;
  }
}