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

/* ******************  Layout.css ********************** */
html[lang="ko"]{}
/* 
#content:not(.wide){padding:100px var(--area-padding) 150px;}
#content.wide{padding:100px var(--area-padding) 0;} */

/* ******************  Main.css ********************** */
.main-visual-item .main-visual-img {transform: scale(1.2, 1.2); transition: transform 8000ms ease-in-out}
#mainVisual.active-item .main-visual-item .main-visual-img {transform: scale(1.0, 1.0)}
.sub-menu-logo {height: 1.5rem; margin-left: 0.5rem; margin-bottom: 0.3rem;}

@media all and (min-width: 801px) {
	.business-cover-list.active-wrap-03 .list-item a .item-bg {background-image: url('/images/main_test/main_business_active_bg03.jpg?ver=251208') !important;}
}

@media all and (max-width: 1280px) {
	.business-cover-list .list-item:nth-child(3) a .item-bg {background-image: url('/images/main_test/main_business_active_bg03.jpg?ver=251208') !important;}
}


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

/* ******************  251120 :: 수정 ********************** */
.cm-top-intro .intro-txt-box .intro-tit {line-height: 1.35;}
.cm-top-intro.animated .intro-txt-box .intro-tit {color: #fff;}

.ideology-con01 .txt-box {width: calc(100% - var(--area-padding) * 2);}
.ideology-con01 .ideology-cm-txt:nth-child(3) {margin-right: 0;}

@media all and (min-width: 801px) {
	.ideology-con01 .ideology-cm-txt {font-size: 6rem; font-weight: 700;}
}

@media all and (max-width: 800px) {
	.ideology-con01 {width: 100%;}
	.ideology-con01 .txt-box {width: 100%;}
	.ideology-con01 .ideology-cm-txt:not(:nth-child(2)) {font-size: 4.2rem;}
}

@media all and (max-width: 480px) {
	.ideology-con01 .ideology-cm-txt:nth-child(2) {font-size: 2.8rem;}
}

/* @media all and (min-width: 801px) {
	.prd-list-wrap {display: flex; flex-direction: column; gap: 4rem; align-items: center;}
	.prd-row {display: flex; justify-content: center; gap: 4rem; width: 100%;}
	.prd-list-wrap .prd-item {width: calc(25% - 4rem); margin: 0;}
} */

.esg-down-btn-box {flex-wrap: wrap; gap: 1rem;}
.esg-down-btn-box .cm-btn {padding: 0 2rem 0 2.5rem; border-radius: 1rem;}
.esg-down-btn-box .cm-btn span {font-size: 1.5rem; line-height: 1.35;}

@media all and (min-width: 801px) {
	.esg-down-btn-box .cm-btn {width: calc(33.333% - 0.666rem);}
}

/* ******************  251125 :: 수정 ********************** */
.greeting-con01 .greeting-con01-img-box {width: 38.485%; margin-right: 12rem;}
.greeting-con01 .greeting-con01-txt-box.box01 {top: -7rem;}
.greeting-con01 .greeting-con01-txt-box.box02 {bottom: -10%; right: -1rem;}
.greeting-con01 .greeting-con01-img-box {transform: translate(0, -20%);}

.ideology-con01 {margin-top: 10rem; margin-bottom: 30rem;}
.ideology-con01 .txt-box {position: relative;}
.ideology-con01 .img-box {position: absolute;}
.ideology-con01 .img-box .img01 {position: relative !important; left: 50% !important; width: 100% !important;}

@media all and (max-width: 800px) {
	.greeting-con01 .greeting-con01-img-box {width: 70%; margin-right: auto;}
	
	.ideology-con01 {margin-top: 0; margin-bottom: 10rem;}
	.ideology-con01 .txt-box {position: absolute; top: 0; width: calc(100% - var(--area-padding) * 2);}
	.ideology-con01 .img-box {position: relative;}
}