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

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

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

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

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

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

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

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

/* 우측 문의하기 */
html[lang="ja"] .cm-quick-menu a .txt {font-size: 2rem;}
html[lang="ja"] .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="ja"] .recruit-view-page .view-btn-box .btn-inner > a {width: 34rem;}

@media (min-width:801px) and (max-width:1280px){
	.process-step-content .top-step-list .top-step-txt {font-size: 1.8rem;}
	.benefit-list-box .benefit-list .icon-box {min-height: 12rem;}
}

/***** esg *****/
html[lang="ja"] .catalogs-list-con02 .catalogs-list-item .item-info .info-list-box .info-tit {width: 7rem;}
html[lang="ja"] .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="ja"] .esg-conflict-wrapper .esg-border-img-con .inner-img-box {bottom: -17.5rem;}
}

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