/* ―――――――――――――― values  ―――――――――――――― */
.top_values_text {position: relative; text-align: center; padding: 100px 0;}
.top_values_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_values_text p span {position: relative; opacity: 0; top: -20px;}
.top_values_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_values_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_values_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_values_text p span:nth-child(4) {transition: all 800ms 0.4s;}
.top_values_text p span:nth-child(5) {transition: all 800ms 0.5s;}
.top_values_text.active p span {opacity: 1; top: 0;}


.overlap-container:nth-child(1){padding-top:100px}
.overlap-container{position: relative; padding: 0 15px; }
.circle1 {position:absolute;top: -20px; left: 50%; transform: translate(-50%, 0%);width:200px; height:200px; text-indent:-9999px; background:url('/en/assets/img/company/hansolbio/img_values1.png')no-repeat; background-size:100%;}
.text-block{background: #f9f8f8; padding:115px 0 30px; border-radius: 0 0 25px 25px; font-size:15px; text-align: center;}
.text-block p{line-height:1.5}

.overlap-container:nth-child(2){position: relative; margin-top:260px}
.overlap-container:nth-child(2)::after{content:''; position: absolute; width:83px; height:83px; background:url('/en/assets/img/company/hansolbio/img_plus.png')no-repeat; background-size:100%; left: 51%;top: -65%;transform: translate(-50%, 0%);}
.circle2 {position:absolute; top: -110px;  left: 50%;transform: translate(-50%, 0%); width:200px; height:200px; text-indent:-9999px;  background:url('/en/assets/img/company/hansolbio/img_values2.png')no-repeat; background-size:100%;}
.text-block2{background: #f9f8f8;  padding:115px 0 30px; border-radius: 0 0 25px 25px; font-size:15px; text-align: center;}
.text-block2 p{line-height:1.5}
.inner_text{    font-size: 17px;color: #000; line-height: 1.588; font-weight: 700; margin-top:100px; text-align: center;}

/* ―――――――――――――― social  ―――――――――――――― */
.top_social_text {position: relative; text-align: center; padding: 100px 0;}
.top_social_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_social_text p span {position: relative; opacity: 0; top: -20px;}
.top_social_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_social_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_social_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_social_text p span:nth-child(4) {transition: all 800ms 0.4s;}
.top_social_text.active p span {opacity: 1; top: 0;}

.board{margin-bottom:50px;}
.social__inner .social__contents ul{padding:0 15px;}
.social__inner .register_date{display:block;margin:15px 0 38px; font-size:12px; font-weight: 500; color:#888;}
.social__inner .tit{font-size:15px; font-weight: 500;  display: inline; line-height:1.4;}
/* .social__inner .tit{font-size:15px; font-weight: 500;  display: inline; line-height:1.7;overflow: hidden; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; max-width: 100%; min-height:35px;word-break: keep-all} */

.thumb{margin-bottom: 20px; display: block;}
.thumb img{width:100%;}


.social__inner .board-detail{padding:0px;}
.social__inner .article-view{padding:0;}
.social__inner .article-view__title{font-size:17.5px; font-weight: bold;}
.social__inner .article-view__register-ymdt{display:block; font-size:15px; color:#888; font-weight: 500; margin-top:17.5px;}
.social__inner .board__head{border-top:2px solid #000; padding:22.5px 15px; border-bottom:1px solid #e5e5e5;}
.social__inner .article-view__content{border-top:none; }
.social__inner .article-view__content{padding:50px 15px 0 15px; border-bottom: 1px solid #e5e5e5;}
.social__inner .article-view__btns{margin-top:50px;}

/* ―――――――――――――― esg  ―――――――――――――― */
.top_esg_text {position: relative; text-align: center; padding: 100px 0;}
.top_esg_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_esg_text p span {position: relative; opacity: 0; top: -20px;}
.top_esg_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_esg_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_esg_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_esg_text p span:nth-child(4) {transition: all 800ms 0.4s;}
.top_esg_text.active p span {opacity: 1; top: 0;}

.esg__inner .box{position:absolute;  background: #fff;; padding: 38px 47.5px 0px 15px; width: calc(100% - 75px);  margin-top: -70px;}
.esg__inner .box strong{font-size:30px; font-weight: bold; margin-bottom: 40px; line-height: 1; display: block;} 
.esg__inner .box p{font-size: 15px; line-height:1.8;}
.highlight_txt{color:#3d712e; font-weight: bold;}


.box01{margin-bottom: 313px;}
.box02{margin-bottom: 370px;}
.box03{margin-bottom: 423px;}

.esg__inner .box.box_inner2{padding: 38px 0px 0px 15px;}
.esg__inner .box.box_inner3{padding: 38px 0px 0px 15px;}

.image img{width:100%;}

@media screen and (max-width:640px) {
    .esg__inner .block .image img{width:100%;}
    .esg__inner .box{  background: #fff;; padding: 10.1333vw 0 0.0000vw 4.0000vw; width: calc(100% - 6.0000vw);  margin-top: -18.6667vw;}
    .esg__inner .box strong{font-size:7.0000vw;  margin-bottom: 10.6667vw; line-height: 1; } 
    .esg__inner .box p{font-size: 4.0000vw; line-height:1.8;}

    .box01{margin-bottom: 110.4667vw;}
    .box02{margin-bottom: 130.6667vw;}
    .box03{margin-bottom: 156.8000vw;}
}