@charset "utf-8";
/* ==========================================================================
   영문 사이트 전용 CSS
   ==========================================================================
   ● 이 파일에 쓴 내용은 "영문 사이트에만" 적용됩니다. 국문은 바뀌지 않아요.
   ● 국문 CSS(style.css, main.css 등)는 수정하지 마세요. 국문 화면도 같이 바뀝니다.

   [작성 방법]
   1. 영문 페이지에서 F12(개발자도구) → 바꿀 부분 클릭 → 클래스명 확인
   2. 클래스명 앞에 html[lang="en"] 를 붙여서 작성
   3. 저장 후 새로고침하면 바로 반영됩니다. (캐시 걱정 X)

   [예시]
       국문 CSS에 있는 것  →  .sub-visual h2 { font-size: 50px; }
       여기에 이렇게 작성  →  html[lang="en"] .sub-visual h2 { font-size: 44px; }

   [적용이 안 될 때]
   기존 CSS에 !important 가 걸려 있으면 똑같이 !important 를 붙여 주세요.
       html[lang="en"] .sub-visual h2 { font-size: 36px !important; }

   [모바일/태블릿]
   맨 아래 "반응형" 구간의 해당 크기 안에 작성하면 그 화면 크기에서만 적용됩니다.
   ========================================================================== */


/* ===== 공통 : 헤더 / 상단 메뉴 ===== */
/* 예) 상단 메뉴 글자 크기
html[lang="en"] .gnb > li > a { font-size: 16px; }
*/
.mainPage header, .subPage #header {}
header .headerRight .gnb > li > a {width: auto; min-width:140px; padding: 0 20px;}


/* ===== 공통 : 푸터 ===== */


/* ===== 메인 ===== */
/* 예) 메인 사업소개 설명 글 줄간격
html[lang="en"] .mainPage .sec03 .techTxt p { line-height: 1.5; }
*/


/* ===== 서브 공통 : 상단 큰 제목 / 위치표시 / 탭 ===== */
/* 예) 서브 상단 큰 제목 (About Us 등)
html[lang="en"] .sub-visual h2 { font-size: 44px; }
*/
.overview-compe h4 {line-height:1;}
.overview-compe ul li h5 {width: 260px; height: 260px;}
.overview-compe h5:before {margin: 20px 0 10px;}


/* ===== 회사소개 ===== */
/* CEO Message: 영문 카피가 짧아 mb200 하단 여백이 과하게 보임 */
.ceo.mb200 { margin-bottom: 80px; }
.ceo > div:last-child { margin-bottom: 0; }

/* 가치체계 */
.PRIDE > div{width: 1060px;}
.PRIDE .vision02_1 {background: url("/en/images/company/vision02_1.svg") no-repeat center 0;}
.PRIDE .vision02_2{background: url("/en/images/company/vision02_2.svg") no-repeat center 0;}
.PRIDE .vision02_3{background: url("/en/images/company/vision02_3.svg") no-repeat center 0;}
.PRIDE .vision02_4{background: url("/en/images/company/vision02_4.svg") no-repeat center 0;}
.PRIDE .vision02_5{background: url("/en/images/company/vision02_5.svg") no-repeat center 0;}
.PRIDE .txt2{left:15%;}

/* ===== 사업소개 ===== */


/* ===== 연구개발 ===== */


/* ===== ESG ===== */


/* ===== 홍보센터 ===== */


/* ===== 투자정보 ===== */


/* ===== 인재채용 ===== */


/* ===== 반응형 (화면 크기별) ===== */
@media all and (max-width: 1499px) {	/* 작은 PC */

}
@media all and (max-width: 1200px) {	/* 노트북 / 태블릿 가로 */

}
@media all and (max-width: 1000px) {	/* 태블릿 */

}
@media all and (max-width: 768px) {		/* 태블릿 세로 / 큰 모바일 */
	/* 예) 모바일 서브 상단 제목
	html[lang="en"] .sub-visual h2 { font-size: 32px !important; }
	*/
}
@media all and (max-width: 568px) {		/* 모바일 */

}
@media all and (max-width: 480px) {		/* 작은 모바일 */

}