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

/* ******************  Layout.css ********************** */
html[lang="ko"]{}

html[lang="en"] .process-wrapper .sub-tab-wrapper-style {top: -9.55%; margin-bottom: 0;}
@media all and (max-width:1280px){
	html[lang="en"] .process-wrapper .sub-tab-wrapper-style {top: -8.4%;}
}

@media all and (max-width:800px){
	html[lang="en"] .process-wrapper .sub-tab-wrapper-style {top: -16.2rem !important;}
}

html[lang="en"] #gnb.total-menu > ul > li .gnb-2dep ul li a {letter-spacing: -0.025em;}

:root{
--font-family1: 'Play', 'SUIT', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
--font-family2: 'Play', 'SUIT', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; 

}

/* ******************  Main.css ********************** */
html[lang="en"] .main-customer-left {width: 45%;}
html[lang="en"] .main-customer-right {width: 50%; max-width: none; padding-left: 5%;}
html[lang="en"] .main-customer-form-item {align-items: center;}
html[lang="en"] .main-customer-form-item .tit br {display: block;}
html[lang="en"] .main-customer-form-item .tit, .main-customer-form-item:not(.flex-start):nth-child(even) .tit {width: 14rem !important;}
html[lang="en"] .main-customer-form-item .form, .main-customer-form-item:not(.flex-start):nth-child(even) .form {width: calc(100% - 14rem) !important}
html[lang="en"] .main-customer-form-item .tit {height: auto; display: inline-block;}
html[lang="en"] #mainCustomerCon .ps-txt, html[lang="en"] .main-customer-agree {padding-left: 14rem;}

/* 자간 조정 */
html[lang="en"] .main-product-txt .txt {letter-spacing: -0.025em;}

@media all and (max-width:1280px){
	html[lang="en"] .main-customer-left {width: 100%;}
	html[lang="en"] .main-customer-right {width: 100%; max-width: none; padding-left: 0;}
}

@media all and (max-width:800px){
	html[lang="en"] .main-customer-form-item .tit {padding-right: 2rem !important;}
}

/* 우측 문의하기 */
html[lang="en"] .cm-quick-menu a .txt {font-size: 2.3rem;}
html[lang="en"] .cm-quick-menu a .txt b {display: inline-block; padding-bottom: 0.5rem;}


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

/***** 연혁 *****/
html[lang="en"] .company-history-info .history-txt, html[lang="en"] .company-history-info .history-txt > em  {letter-spacing: -0.025em;}

/***** 오시는 길 *****/
html[lang="en"] .location-info-box .info-box .txt {letter-spacing: -0.025em;}

/***** 제품 *****/
html[lang="en"] .product-intro-txt-con .product-intro-tit {width: 30%;}
html[lang="en"] .product-intro-txt-con .product-intro-txt-box {width: 75%;}

@media (max-width: 800px) {    .prd-modal-content .prd-pop-tit .tit { font-size: 2.6rem;   }
   }
/***** R&D *****/
html[lang="en"] .rnd-intro-wrapper .about-tech-con .tect-list-inner-box li, html[lang="en"] .rnd-page .img-grid-list-box .img-box-tit, html[lang="en"] .research-develop-list-wrap .develop-list, html[lang="en"] .research-develop-table td {letter-spacing: -0.025em;}

/***** 문의하기 *****/
html[lang="en"] .inquiry-style10 .inquiry-con-wrap table.bbs-write-tbl colgroup col:first-child {width: 19rem !important;}
html[lang="en"] .inquiry-page .inquiry-essential-txt {letter-spacing: -0.025em;}

@media all and (max-width:800px){
	html[lang="en"] .inquiry-style10 .bbs-write-tbl td .people-num {min-width: 6rem;}
}

/***** careers *****/
html[lang="en"] .process-step-content .top-step-list .txt-box {min-width: none; width: calc(100% - 6.1rem - 12%);}
html[lang="en"] .process-step-content .top-step-list::before {width: 5rem;}
html[lang="en"] .process-step-content .bottom-step-list .tit-box {width: 40%;}
html[lang="en"] .process-step-content .bottom-step-list .txt-box {width: 60%;}
html[lang="en"] .benefit-list-box .benefit-list .benefit-txt, html[lang="en"] .recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list select, html[lang="en"] .recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-reset-btn > span, html[lang="en"] .gallery-con20-list-con .info-list-box .d-day, html[lang="en"] .gallery-con20-list-con .info-list-box .info-txt, html[lang="en"] .process-step-content .top-step-list .top-step-txt {letter-spacing: -0.025em;}

@media all and (max-width:1280px){
	html[lang="en"] .process-step-content .bottom-step-list .tit-box {width: 47%;}
	html[lang="en"] .process-step-content .bottom-step-list .txt-box {width: 53%;}

	html[lang="en"] .process-step-content .top-step-list-box {gap: 0 4rem;}
	html[lang="en"] .process-step-content .top-step-list {padding: 2.5rem 0 2.5rem 2rem;}
	html[lang="en"] .process-step-content .top-step-list:last-child {padding-right: 3.5rem;}
	html[lang="en"] .process-step-content .top-step-list .txt-box {width: calc(100% - 7.1rem - 10%); padding-right: 25%;}
	html[lang="en"] .process-step-content .top-step-list .top-step-txt {font-size: 1.9rem;}
}

@media (min-width:801px) and (max-width:1280px){
	html[lang="en"] .benefit-list-box .benefit-list .icon-box {min-height: 12rem;}
}

@media all and (max-width:800px){
	html[lang="en"] .process-step-content .top-step-list {padding: 2.5rem !important;}
	html[lang="en"] .process-step-content .top-step-list::before {top: 56%;}
	html[lang="en"] .process-step-content .top-step-list .txt-box {padding-right: 12%;}

	html[lang="en"] .process-step-content .bottom-step-list .bottom-step-num {padding-right: 8%;}
	html[lang="en"] .process-step-content .bottom-step-list {flex-direction: column; align-items: flex-start;}
	html[lang="en"] .process-step-content .bottom-step-list .tit-box {width: 100%;}
	html[lang="en"] .process-step-content .bottom-step-list .txt-box {width: 100%; margin-top: 2rem}

	html[lang="en"] .process-step-content .email-box .email-tit {font-size: 1.6rem; padding-right: 2rem;}
	html[lang="en"] .process-step-content .email-box .email-txt {font-size: 1.6rem; padding-left: 2rem;}
}

@media all and (max-width:480px){
	html[lang="en"] .process-step-content .bottom-step-list .bottom-step-num {padding-right: 19%;}
}

/***** 채용공고 뷰 *****/
html[lang="en"] .recruit-view-wrapper .view-info-list-box {gap: 2rem;}
html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list {width: calc(33.333% - 1.333rem); padding: 0;}
html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list > p {min-width: 16.5rem;}
html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list > span {width: 100%;}
html[lang="en"] .recruit-view-page .view-btn-box .return-btn {padding: 0 3rem;}

@media all and (max-width:1280px){
	html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list {width: calc(50% - 1.333rem);}
	html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list > p {min-width: 13rem; padding-right: 1.5rem;}
}

@media all and (max-width:800px){
	html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list {width: 100%;}
	html[lang="en"] .recruit-view-wrapper .view-info-list-box .view-info-list > p {min-width: 15rem;}
}

/***** esg *****/
html[lang="en"] .esg-about-img-con .esg-about-img-txt > span {font-size: 1.8rem;}
html[lang="en"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-tit {width: 13rem;}
html[lang="en"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-txt {width: calc(100% - 15rem); letter-spacing: -0.025em;}
html[lang="en"] .esg-about-img-con .esg-about-txt, html[lang="en"] .esg-border-img-con .gray-border-box .gray-border-txt, .esg-gray-bg-list-con .gray-bg-list-box .gray-bg-list, html[lang="en"] .governance-num-list-box .inner-list-box .inner-list, html[lang="en"] .cerfiti-top-txt-box .cerfiti-top-txt, html[lang="en"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-tit {letter-spacing: -0.025em;}

@media all and (max-width:1280px){
	html[lang="en"] .esg-about-img-con .esg-about-img-txt {font-size: 2.4rem;}
	html[lang="en"] .esg-about-img-con .esg-about-img-txt > span {font-size: 1.4rem;}

}

@media all and (max-width:800px){
	html[lang="en"] .esg-about-img-con .esg-about-img-txt > span {padding-left: 2rem;}
}

@media all and (max-width:480px){
	html[lang="en"] .esg-about-img-con .esg-about-img-txt > span {display: inline-block; padding-left: 0; padding-top: 1.5rem;}
}

/***** 푸터 *****/
html[lang="en"] .footer-address p, html[lang="en"] .foot-menu li a {letter-spacing: -0.025em;}