/* ―――――――――――――― PHILOSOPHY  ―――――――――――――― */
.content.philosophy {padding-bottom: 200px;}

/* 상단 텍스트 */
.top_philosophy_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1490px; height: 438px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_philosophy_text p {display: block; font-size: 34px; font-weight: 700; color: #000; line-height: 1.588; text-align: center;}
.top_philosophy_text p span {position: relative; opacity: 0; top: -50px;}
.top_philosophy_text p span:nth-child(1) {transition: all 700ms;}
.top_philosophy_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_philosophy_text p span:nth-child(3) {transition: all 700ms 0.2s;}
.top_philosophy_text p span:nth-child(4) {transition: all 700ms 0.3s;}
.top_philosophy_text p span:nth-child(5) {transition: all 700ms 0.4s;}
.top_philosophy_text p span:nth-child(6) {transition: all 700ms 0.5s;}
.top_philosophy_text p span:nth-child(7) {transition: all 700ms 0.6s;}
.top_philosophy_text.active p span {opacity: 1; top: 0;}
.lang-body-en .top_philosophy_text {height: 500px;}

/* ë‚´ìš© */
.philosophy__inner {position: relative; width: 1490px; margin: 0 auto; padding: 0 20px 0 20px;}
.philosophy__inner .block {position: relative; display: flex; width: 100%;}
.philosophy__inner .block > div {width: 50%;}

.philosophy__inner .block .image {font-size: 0; overflow: hidden;}
.philosophy__inner .block .image img {display: block; width: 100%;}

.philosophy__inner .block > div:not(.image) {display: flex; align-items: center; padding-left: 150px;}
.philosophy__inner .block.box02 > div:first-child {padding-left: 100px;}

.philosophy__inner .block > div strong {display: block; font-size: 50px; color: #000; line-height: 1.32; font-weight: 700;}
.philosophy__inner .block > div p {display: block; font-size: 26px; font-weight: 300; color: #000; line-height: 1.769; margin-top: 40px;}


.philosophy__inner .block.box02 > div:first-child {padding-bottom: 100px;}
.philosophy__inner .block.box02 > div:first-child p {margin-top: 26px;} 

.philosophy__inner .block.box03 .image {margin-top: -100px;}
.philosophy__inner .block.box03 .image > div {position: relative; display: block; overflow: hidden; width: 525px; margin: 0 auto;}
.philosophy__inner .block.box03 > div:not(.image) {padding-top: 189px;}


.philosophy__inner .block .image img {transform: scale(1.3); transition: all 700ms;}
.philosophy__inner .block.active .image img {transform: scale(1); transition: all 700ms;}
.philosophy__inner .block strong {position: relative; transition: all 700ms 0.3s; opacity: 0; top: -70px;}
.philosophy__inner .block p {position: relative; transition: all 700ms 0.5s; opacity: 0; top: -70px;}
.philosophy__inner .block.active strong {opacity: 1; top: 0;}
.philosophy__inner .block.active p {opacity: 1; top: 0;}

/* ―――――――――――――― VALUES ―――――――――――――― */
.values__inner {position: relative; width: 1452px; margin: 60px auto 260px;}
.top_values_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1490px; height:386px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_values_text.active p span {opacity: 1; top: 0;}
.top_values_text p {display: block; font-size: 34px; font-weight: 700; color: #000; line-height: 1.588; text-align: center;}
.top_values_text p span {position: relative; opacity: 0; top: -50px;}
.top_values_text p span:nth-child(1) {transition: all 700ms;}
.top_values_text p span:nth-child(2) {transition: all 700ms 0.1s;}

.container { display: flex;justify-content: center; align-items: center;}
.overlap-container {width:50%; position:relative;  display: flex; justify-content: center;align-items: center;}
.text-block {flex:1; display:flex; align-items:center;   text-align: right;  padding-left:97px; height:196px; background-color: #f9f8f8;border-radius: 98px; font-size:18px; line-height:2;}
.text-block2 {flex:1; display:flex; align-items:center; justify-content: flex-end; text-align: left; padding-right:97px;  height:196px; background-color: #f9f8f8;border-radius: 98px; font-size:18px; line-height:2;}

.circle1 {position:absolute; right:0; z-index:1; width:315px; height:315px; background:url('../../../images/home/company/values/img_values1.png')no-repeat; background-size:100%;}
.circle1 > p{font-size:50px;font-weight: 700; color:#fff; position: absolute; top: 65%;  left: 50%;  transform: translate(-50%, -50%);}


.circle2 {position:absolute; left:-31px; width:315px; height:315px; background:url('../../../images/home/company/values/img_values2.png')no-repeat; background-size:100%;}
.circle2 > p{font-size:50px;font-weight: 700; color:#fff; position: absolute; top: 65%;  left: 50%;  transform: translate(-50%, -50%);}

/* ―――――――――――――― ESG ―――――――――――――― */

/* 상단 텍스트 */
.top_esg_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1450px; height: 492px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_esg_text p {display: block; font-size: 34px; font-weight: 700; color: #000; line-height: 1.588; text-align: center;}
.top_esg_text p span {position: relative; opacity: 0; top: -50px;}
.top_esg_text p span:nth-child(1) {transition: all 700ms;}
.top_esg_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_esg_text p span:nth-child(3) {transition: all 700ms 0.2s;}
.top_esg_text p span:nth-child(4) {transition: all 700ms 0.3s;}
.top_esg_text.active p span {opacity: 1; top: 0;}

/* ë‚´ìš© */
.esg__inner {position: relative; width: 1450px; margin: 0 auto 200px; padding: 0 20px 0 20px;}
.esg__inner .block {position: relative; display: flex; width: 100%;}
.esg__inner .block ~ .block{margin-top:150px;}
.esg__inner .block > div {width: 50%;}

.esg__inner .block .image {font-size: 0; overflow: hidden;}
.esg__inner .block .image img {display: block; width: 100%;}
.esg__inner .block.box01 .text01{background: #fff;position: absolute;left: 46%;  padding-left: 78px;  height: 405px;bottom: 0; padding-top: 90px;}

.esg__inner .block > div:not(.image) {display: flex; align-items: center; padding-left: 150px;}
.esg__inner .block.box02 > div:first-child {padding-left: 100px;}
.esg__inner .block.box02 .text02{background: #fff;position: absolute;right: 46%; height: 405px; bottom: 0; padding-top: 90px;  z-index: 1; text-align: right;padding-right: 74px;}


.esg__inner .block > div strong {display: block; font-size: 50px; color: #000; line-height: 1; font-weight: 700;}
.esg__inner .block > div p {display: block; cursor: default; font-size: 18px; font-weight: 400; color: #000; line-height: 2; margin-top: 40px; letter-spacing: -0.025em;}

.esg__inner .block .highlight_txt{color:#3d712e; font-weight: 500;}
.highlight_txt:hover{text-decoration: underline;}

.esg__inner .block.box02 > div:first-child {padding-bottom: 100px;}
.esg__inner .block.box02 > div:first-child p {margin-top: 50x;} 

.esg__inner .block.box03 .image > div {position: relative; display: block; overflow: hidden;  margin: 0 auto;}
.esg__inner .block.box03 .text03{background: #fff;position: absolute;left: 46%;  padding-left: 78px;  height: 405px;bottom: 0; padding-top: 90px;}



.esg__inner .block .image img {transform: scale(1.3); transition: all 700ms;}
.esg__inner .block.active .image img {transform: scale(1); transition: all 700ms;}
.esg__inner .block strong {position: relative; transition: all 700ms 0.3s; opacity: 0; top: -70px;}
.esg__inner .block p {position: relative; transition: all 700ms 0.5s; opacity: 0; top: -70px;}
.esg__inner .block.active strong {opacity: 1; top: 0;}
.esg__inner .block.active p {opacity: 1; top: 0; }



/* ―――――――――――――― social ―――――――――――――― */

/* 상단 텍스트 */
.top_social_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1450px; height: 494px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_social_text p {display: block; font-size: 34px; font-weight: 700; color: #000; line-height: 1.588; text-align: center;}
.top_social_text p span {position: relative; opacity: 0; top: -50px;}
.top_social_text p span:nth-child(1) {transition: all 700ms;}
.top_social_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_social_text p span:nth-child(3) {transition: all 700ms 0.2s;}
.top_social_text p span:nth-child(4) {transition: all 700ms 0.3s;}
.top_social_text.active p span {opacity: 1; top: 0;}

.social__contents ul{display: grid;     grid-template-columns: repeat(3, 1fr); gap:40px; row-gap: 80px;}
.social__contents ul .thumb{display:block; margin-bottom:30px;}
.social__contents ul .tit{font-size:18px; font-weight: 500;}
.article-list__item-new-icon{background-color:#3e712d;}

.social__inner .board{margin-bottom:100px;}
.social__inner .pagination{margin-top:100px;}

.social__inner .article-view{width:1450px;}
.social__inner .article-view__table.title-row{height:100px; border-bottom:1px solid #e5e5e5;}
.social__inner .article-view__table.cell-title{font-size:30px; font-weight: bold; text-align: left;}
.social__inner .article-view__table.cell.cell-date{color:#888; text-align: right; font-size:16px; font-weight: 500;}

.social__inner .article-view__content{padding:80px 0; border-bottom:1px solid #e5e5e5; margin-bottom:100px;}
.social__inner .article-view__content img{display: inline-block;}

.social__inner .article-view__btns .btn{width:217px; height:65px; background:#3e712d;  border:1px solid #3e712d; color:#fff; font-size:20px; font-weight: 400; margin:0px auto 100px;}

.notice--full { min-height: 50vh;}

.pagination {align-items: center;}
.pagination__link {font-family: 'Lato'; color: #bbb;}
.pagination__link.is-current { background-color: transparent; color: #000; font-weight: bold;}
.pagination a {display: flex; align-items: center;  height: 32px;}
.pagination__btn--double-lt {width: 16px;height: 16px; background: url('/assets/images/icons/ico_paging.png')no-repeat 0 2px;}
.pagination__btn--double-rt { width: 16px; height: 16px;background: url('/assets/images/icons/ico_paging.png')no-repeat 0 0;margin-inline-start: 20px;}
.pagination__btn--lt { width: 16px; height: 16px; background: url('/assets/images/icons/ico_paging.png')no-repeat -43px 2px; margin-inline-start: 20px;}
.pagination__btn--rt { width: 16px;height: 16px;  background: url('/assets/images/icons/ico_paging.png')no-repeat -43px 0px;}