/* ―――――――――――――― 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;  flex-wrap: wrap;  row-gap: 113px;}
.overlap-container {position:relative;  display: flex; justify-content: center;align-items: center;}
.overlap-container:nth-child(1)::after{content:''; position:absolute; width:166px; height:166px; background:url('/en/assets/img/company/values/img_plus.png')no-repeat; background-size:100%; bottom: -138px; z-index: 2; left: 50%;transform: translate(-50%, 0%);}
.text-block {width:1300px; display:flex; align-items:center;text-align: left; padding-left:228px; margin-left:150px; height:315px; background-color: #f9f8f8;border-radius: 0 157px 157px 0; font-size:18px; line-height:2;}
.text-block2 {width:1300px; display:flex; align-items:center;text-align: left; padding-left:228px; margin-left:150px; height:315px; background-color: #f9f8f8;border-radius: 0 157px 157px 0; font-size:18px; line-height:2;}

.circle1 {position: absolute; left:0; width:315px; height:315px; background:url('/en/assets/img/company/values/img_en_values1.png')no-repeat; background-size:100%;}

.circle2 {position: absolute; left:0; width:315px; height:315px; background:url('/en/assets/img/company/values/img_en_values2.png')no-repeat; background-size:100%;}

.values__inner .inner_text{margin-top:200px; font-size: 34px; text-align: center; line-height: 1.588;; font-weight: 700;}


/* ―――――――――――――― 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: 65px;  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; font-size: 18px; font-weight: 400; color: #000; line-height: 2; margin-top: 25px; letter-spacing: -0.025em;}

.esg__inner .block .highlight_txt{color:#3d712e; font-weight: 500;}
.esg__inner .block .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: 30px;} 

.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: 10px;}



.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;}