@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&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ******************  Layout.css ********************** */
* {font-family: "Noto Sans SC", "Pretendard", serif !important; word-break: break-word; white-space: normal;}

/********** 헤더 **********/
html[lang="ja"] #gnb > ul {width: 40%;}
.location li:before {background: center / cover no-repeat url("/essential/images/common/vaisual_location_dot.png")}
.header-lang > ul > li:last-child {padding-top: 0;}

/********** 푸터 **********/
.footer-address-list dl dt.width-90 {width: 13rem;}
.footer-address-list dl dt.width-90 + dd {width: calc(100% - 13rem);}
.footer-address-list02.margin-left-90 {margin-left: 13rem;}

/* ******************  Main.css ********************** */
html[lang="ja"] .main-visual-txt .txt02 {font-size: 3rem;}
html[lang="ja"] .main-visual-txt .txt03 {font-size: 1.6rem;}

html[lang="ja"] .main-tit-box .main-sub-tit {font-size: 5.5rem;}
html[lang="ja"] .main-security-item a {font-size: 2.1rem;}
html[lang="ja"] .main-security-item a em {top: 0;}
html[lang="ja"] .main-news-txt .category .word {top: 0;}
.main-security-title02 {text-wrap: inherit;}

/* ********************** 메인컨텐츠 5 (Customer) ********************** */
.main-customer-item{width: calc(50% - 0.5rem);}
.main-customer-txt p {word-break: break-word;}
.main-visual-txt .txt02 {font-size: 4rem;}

@media all and (max-width: 800px) {
	html[lang="ja"] .main-customer-item a {height: auto;}
	html[lang="ja"] .main-customer-item .btn-svg-box .btn-svg {height: 135%;}

	.main-customer-item {width: calc(100% - 0.5rem);}
}


/* ******************  Content.css ********************** */
/********** 공통**********/
.custom-tab-list-style ul li a em {font-size: 2rem;}

/* -------- Company :: CEO인사말 -------- */
@media all and (max-width:800px){
	/* html[lang="ko"] 사용하면 css우선순위가 높아집니다. */
}

/********** 제품 :: 제품 뷰 **********/
.product-tab-con .des-list-box .des-list strong {width: 8rem;}
.product-tab-con .des-list-box .des-list p {width: calc(100% - 11.5rem);}

/********** 회사소개 :: 회사소개 **********/
html[lang="ja"] .intro-map-con .intro-cm-txt-box {left: 42.5%;}
html[lang="ja"] .intro-content .result-list-box .result-list .txt-box h5 {font-size: 2.2rem;}
.intro-map-con .map-pin:nth-child(7) {left: 23.4%;}