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

/* ******************  Layout.css ********************** */
body, table, th, td, button, select, input,textarea {
	font-family: 'Play', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

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

html[lang="es"] #gnb.open #gnbBg {height: calc(var(--header-height) + 37rem);}
html[lang="es"] #gnb.open > ul > li .gnb-2dep {height:37rem;}

html[lang="es"] .footer-left-con {width: calc(100% - 42rem);}
html[lang="es"] .footer-right-con {width: 42rem;}

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

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

@media all and (max-width:800px){
	html[lang="es"] .footer-left-con, html[lang="es"] .footer-right-con {width: 100%;}
	html[lang="es"] .foot-menu {gap: 0 3rem;}
	html[lang="es"] .foot-menu li {padding-left: 0;}
}

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

@media all and (max-width:800px){
	html[lang="es"] .main-customer-form-item .tit {width: 13.5rem; padding-right: 2rem; display: inline-block;}
	html[lang="es"] .main-customer-form-item .form {width: calc(100% - 13.5rem);}
	html[lang="es"] .main-customer-form-item:not(.flex-start):nth-child(even) .tit {width: 13.5rem; padding-right: 2rem;}
	html[lang="es"] .main-customer-form-item:not(.flex-start):nth-child(even) .form {width: calc(100% - 13.5rem)}
}

/* 우측 문의하기 */
html[lang="es"] .cm-quick-menu a .txt {font-size: 2rem;}
html[lang="es"] .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="es"] .cm-flex-con .cm-flex-tit {word-break: break-word;}

/***** careers *****/
/* 채용절차 */
html[lang="es"] .process-step-content .bottom-step-list .bottom-step-tit {width: 15rem; min-width: auto; padding-right: 4%; word-break: break-word;}
html[lang="es"] .process-step-content .top-step-list::before {width: 5.2rem;}

@media (min-width: 801px) and (max-width:1280px){
	html[lang="es"] .process-step-content .top-step-list .top-step-txt {font-size: 1.8rem; word-break: break-all;}
}

@media all and (max-width:800px){
	html[lang="es"] .process-step-content .bottom-step-list .tit-box {width: 50%; padding-right: 2%;}
	html[lang="es"] .process-step-content .bottom-step-list .txt-box {width: 50%;}
	html[lang="es"] .process-step-content .email-box .email-tit {font-size: 1.6rem; padding-right: 2rem;}
	html[lang="es"] .process-step-content .email-box .email-txt {font-size: 1.6rem; padding-left: 2rem;}
}

@media all and (max-width:640px){
	html[lang="es"] .process-step-content .bottom-step-list .tit-box {width: 60%; padding-right: 2%;}
	html[lang="es"] .process-step-content .bottom-step-list .txt-box {width: 40%;}
	html[lang="es"] .process-step-content .bottom-step-list .bottom-step-num::before {right: 14%;}
}

@media all and (max-width:480px){
	html[lang="es"] .process-step-content .bottom-step-list .tit-box {width: 100%; padding-right: 0;}
	html[lang="es"] .process-step-content .bottom-step-list .bottom-step-tit {padding-right: 0; width: auto;}
	html[lang="es"] .process-step-content .bottom-step-list .txt-box {width: 100%;}
	html[lang="es"] .process-step-content .bottom-step-list .bottom-step-num::before {right: 17%;}
	html[lang="es"] .process-step-content .email-box .email-tit {font-size: 1.5rem; padding-right: 2rem;}
	html[lang="es"] .process-step-content .email-box .email-txt {font-size: 1.5rem; padding-left: 2rem;}
}

/* 채용공고 */
html[lang="es"] .recruit-view-wrapper .view-info-list-box .view-info-list > p {min-width: 17rem !important;}

/*채용공고 뷰 */
html[lang="es"] .recruit-view-page .view-btn-box .btn-inner > a {width: 37rem;}
@media all and (max-width:1280px){
	html[lang="es"] .recruit-view-page .view-btn-box {width: 95%;}
}

@media all and (max-width:800px){
	html[lang="es"] .recruit-view-page .view-btn-box {width: 100%;}
}

/* 문의하기 */
@media all and (max-width:800px){
	html[lang="es"] .inquiry-style10 .bbs-write-tbl td .people-num {min-width: 6.6rem;}	
}

/* 복리후생 */

/***** esg *****/
html[lang="es"] .esg-about-img-con .bg-box .bg-txt-box {width: 86%;}
html[lang="es"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-tit {width: 15rem;}
html[lang="es"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-txt {width: calc(100% - 17rem)}

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

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