@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 국문  CSS
 * date : 2020-11-24
******************************************************** */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root{
	--font-family-jp: "Poppins", "Noto Sans JP", "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	--font-family1: var(--font-family-jp);
	--font-family2: var(--font-family-jp);
	--font-family3: var(--font-family-jp);
	--font-family4: var(--font-family-jp);
}

/* ******************  Layout.css ********************** */
html[lang="ja"] body * {letter-spacing: -0.02em !important;}

/********** 사이트맵 **********/
html[lang="ja"] .sitemap-modal-tit-con-08 .sitemap-tit-box .tit {font-size: 5.4rem; word-break: break-word;}

@media all and (max-width: 1280px) {
	html[lang="ja"] .sitemap-modal-tit-con-08 .sitemap-tit-box .tit br {display: none;}
}

/********** 푸터 **********/
@media all and (min-width: 801px) {
	html[lang="ja"] .footer-address-info-box {width: 37.3%;}
}

/********** 서브 공통 **********/
html[lang="ja"] .cm-sub-txt,
html[lang="ja"] .cm-sub-tit,
html[lang="ja"] .cm-sub-st,
html[lang="ja"] .cm-sub-st02 {word-break: break-word;}

/* ******************  Main.css ********************** */
html[lang="ja"] .main-overview-btn-box a .txt-box p {letter-spacing: -0.04em !important; word-break: break-word;}
html[lang="ja"] .main-overview-btn-box a {padding: 2.6rem 2.1rem;}

html[lang="ja"] .main-esg-list li a .inner dl dd {word-break: break-word;}

/* ******************  Content.css ********************** */
/********** COMPANY :: 회사개요 **********/
html[lang="ja"] .overview-value-list .value-list-item .list-item-txt,
html[lang="ja"] .overview-vision-item .txt-box .overview-vision-txt,
html[lang="ja"] .business-char-box .business-char-txt,
html[lang="ja"] .overview-business-txt-list {word-break: break-word;}

@media all and (min-width: 801px) {
	html[lang="ja"] .overview-value-list .value-list-item {padding: 5rem 2.8rem 3rem 2.8rem;}
}

@media all and (min-width: 481px) {
	html[lang="ja"] .overview-value-list .value-list-item .list-item-txt {min-height: 6.4rem;}
}

/********** COMPANY :: 회사연혁 **********/
html[lang="ja"] .history-tab-wrap .history-tab-con-txt {word-break: break-word; letter-spacing: -0.06em;}
html[lang="ja"] .history-list .inner-list .inner-list-txt {word-break: break-word;}

@media all and (min-width: 1281px) {
	html[lang="ja"] .history-tab-wrap .txt-area {padding: 5.7rem 26% 21.422rem 26%;}
	html[lang="ja"] .history-tab-wrap .sub-tab-wrapper-style {padding: 0 24% 0 26%;}
}

/********** PRODUCT **********/
html[lang="ja"] .product-slide-con .txt-area .product-slide-tit,
html[lang="ja"] .product-slide-con .txt-area .product-slide-txt {word-break: break-word;}
html[lang="ja"] .product-spec-con .spec-table th, html[lang="ja"] .product-spec-con .spec-table td {font-family: var(--font-family1);}
html[lang="ja"] .product-banner-txt,
html[lang="ja"] .product-banner-st,
html[lang="ja"] .product-cm-tit,
html[lang="ja"] .product-cm-txt {word-break: break-word;}

/********** ESG :: 공통 **********/
html[lang="ja"] .esg-con-tit {word-break: break-word;}

html[lang="ja"] .esg-cm-active-list .active-list-item .esg-active-list-txt,
html[lang="ja"] .esg-cm-active-list .active-list-item .esg-active-list-tit {word-break: break-word;}
html[lang="ja"] .esg-cm-active-list.threeItem .active-list-item {padding: 3.5rem 3.3rem;}

/********** ESG :: 환경안전 **********/
html[lang="ja"] .environment-point-list .point-list-item .point-list-item-tit,
html[lang="ja"] .environment-point-list .point-list-item .point-list-item-txt {word-break: break-word;}

html[lang="ja"] .esg-activity-slide-wrap .enviro-activity-slide-tit,
html[lang="ja"] .esg-activity-slide-wrap .enviro-activity-slide-txt {word-break: break-word;}

html[lang="ja"] .environment-system-txt-box .environment-system-tit,
html[lang="ja"] .environment-system-txt-box .environment-system-txt {word-break: break-word;}

html[lang="ja"] .environment-system-txt-list .txt-list-item:last-child {padding-bottom: 4.5rem;}
html[lang="ja"] .environment-system-txt-list .txt-list-item .list-item-tit,
html[lang="ja"] .environment-system-txt-list .txt-list-item .list-item-txt {word-break: break-word;}

html[lang="ja"] .environment-manage-con .environment-manage-tit,
html[lang="ja"] .environment-manage-con .environment-manage-txt {word-break: break-word;}

html[lang="ja"] .esg-activity-slide-wrap .enviro-activity-slide-txt {letter-spacing: -0.04em !important;}

@media all and (min-width: 801px) {
	.environment-system-txt-list {padding: 1rem 4rem 2rem 4rem;}
}

/********** ESG :: 사회공헌 **********/
html[lang="ja"] .social-commit-item .social-commit-tit {width: 10rem;}
html[lang="ja"] .social-commit-item .social-commit-txt {word-break: break-word; width: calc(100% - 14.5rem);}

@media all and (max-width: 1280px) {
	html[lang="ja"] .esg-cm-active-list.threeItem .active-list-item {min-height: 45rem;}
}

@media all and (max-width: 480px) {
	html[lang="ja"] .esg-cm-active-list.threeItem .active-list-item {min-height: 33rem;}
}

/********** ESG :: 윤리경영 **********/
html[lang="ja"] .governance-content .esg-cm-active-list.threeItem .active-list-item {min-height: 32rem;}
html[lang="ja"] .governance-principle-item .principle-item-txt {word-break: break-word;}

@media all and (max-width: 800px) {
	html[lang="ja"] .governance-content .esg-cm-active-list.threeItem .active-list-item {min-height: 26rem;}
}

@media all and (max-width: 480px) {
	html[lang="ja"] .governance-content .esg-cm-active-list.threeItem .active-list-item {min-height: 30rem;}
}