@charset "utf-8";
/* *******************************************************
 * filename : language.css
 * description : 국문  CSS
 * date : 2020-11-24
******************************************************** */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500');
/* ****************** layout ********************** */
*{-ms-word-break: normal; word-break: normal !important;}
body, table, th, td, button, select, input,textarea {
	font-family: 'Play', 'Microsoft YaHei', 'Noto Sans SC', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

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

html[lang="zh"] #gnb > ul > li.gnb2 .gnb-2dep ul li a {padding: 1rem 3rem;}

html[lang="zh"] .process-wrapper .sub-tab-wrapper-style {top: -10.82%; margin-bottom: 0;}

@media all and (max-width:1280px){
	html[lang="zh"] .process-wrapper .sub-tab-wrapper-style {top: -10.48%;}
}

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

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

/* ******************  Main.css ********************** */
html[lang="zh"] .main-customer-form-item .tit {width: 12rem;}
html[lang="zh"] .main-customer-form-item .form {width: calc(100% - 12rem);}
html[lang="zh"] .main-customer-form-item:not(.flex-start):nth-child(even) .tit {width: 9rem;}
html[lang="zh"] .main-customer-form-item:not(.flex-start):nth-child(even) .form {width: calc(100% - 9rem);}
html[lang="zh"] #mainCustomerCon .ps-txt, html[lang="zh"] .main-customer-agree {padding-left: 12rem;}

@media all and (max-width:800px){
	html[lang="zh"] .main-customer-form-item:not(.flex-start):nth-child(even) .tit {width: 12rem;}
	html[lang="zh"] .main-customer-form-item:not(.flex-start):nth-child(even) .form {width: calc(100% - 12rem);}
	html[lang="zh"] .main-customer-form-item.flex-start .tit + .form {padding-top: 0;}
}

/* 우측 문의하기 */
html[lang="zh"] .cm-quick-menu a .txt {font-size: 2rem;}
html[lang="zh"] .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우선순위가 높아집니다. */
}

/***** careers *****/
html[lang="zh"] .recruit-view-page .view-btn-box .btn-inner > a {width: 34rem;}
html[lang="zh"] .recruit-view-page .view-btn-box .btn-inner > a > span {padding-left: 2rem;}

@media (min-width:801px) and (max-width:1280px){
	html[lang="zh"] .process-step-content .top-step-list .top-step-txt {font-size: 1.8rem;}
	html[lang="zh"] .benefit-list-box .benefit-list .icon-box {min-height: 9rem;}
}



/***** esg *****/
html[lang="zh"] .esg-border-img-con .gray-border-box .box-inner {width: 63%;}
html[lang="zh"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-tit {width: 7rem;}
html[lang="zh"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-txt {width: calc(100% - 9rem);}

@media all and (max-width:1280px){
html[lang="zh"] .esg-border-img-con .gray-border-box .box-inner {width: 80%;}
}
@media all and (max-width:800px){
html[lang="zh"] .esg-border-img-con .gray-border-box .box-inner {width: 100%;}
}