@charset "utf-8";

.section_main{ margin-bottom: 100px;  }
.section_main > .inr-c{ border-bottom: 1px solid #dbe4ef; padding-bottom: 100px;  }
.section_main.first{margin-top: 180px;}
.section_main.last{ margin-bottom: 0; }
.section_main.last > .inr-c{ padding-bottom: 0; border-bottom: 0; }
@media screen and (max-width: 840px){
 .section_main{ margin-bottom: 12vw;  }
 .section_main > .inr-c{ padding-bottom: 12vw;  }
 .section_main.first{margin-top: 15vw;}
}

.tit_main{font-size: 50px;line-height: 1.2;font-weight: 700;color: #000;margin-bottom: 48px;}
.tit_main .st{ margin-top: 15px; font-size: 23px; display: block; font-weight: 500;  }
@media screen and (max-width: 840px){
 .tit_main{font-size: 7vw; margin-bottom: 7vw;}
 .tit_main .st{ margin-top: 2vw; font-size: 4vw;}
}

.head-main{ display: flex; align-items: center; justify-content: space-between; }
.head-main .lft{}
.head-main .rgh{}

.wrap_business1_main{ margin-top: 35px; }
.wrap_business1_main .img_top{ text-align: center; }
.wrap_business1_main .lst{ margin-top: 80px; display: flex; flex-wrap: wrap; }
.wrap_business1_main .lst .item{ width: 33.3332%; box-sizing: border-box; text-align: center; }
.wrap_business1_main .lst .item .thumb{ position: relative; min-height: 80px; }
.wrap_business1_main .lst .item .thumb:after{position:absolute;left:0; top:0; width:1px; height:70px; background:#dbe4ef; content:"";}
.wrap_business1_main .lst .item:first-child .thumb:after{ display:none; }

.wrap_business1_main .lst .item .t1{ margin-top:25px; font-size:25px; font-weight:700; color:#000;}
.wrap_business1_main .lst .item .lst_dot{ margin-top:16px; display:inline-block;}
.wrap_business1_main .lst .item .lst_dot li{ display:flex; margin-top:5px;}
.wrap_business1_main .lst .item .lst_dot li .dot{ min-width:15px;}

@media screen and (max-width: 840px){
 .wrap_business1_main{ margin-top: 10vw; }
 .wrap_business1_main .img_top img{ width:70vw; }
 .wrap_business1_main .lst{margin-top: 0;}
 .wrap_business1_main .lst .item:nth-child(1n+1){ width: 50%; margin-top:10vw; }
 .wrap_business1_main .lst .item .thumb{position: relative;min-height: 22vw;display:flex;justify-content: center;align-items: center;}
 .wrap_business1_main .lst .item .thumb img{width: 16vw;}
 .wrap_business1_main .lst .item .thumb:after{position:absolute;left:0;top: 5vw;width:1px;height:15vw;}
 .wrap_business1_main .lst .item:first-child .thumb:after,
 .wrap_business1_main .lst .item:nth-child(3) .thumb:after{ display:none; }
 
 .wrap_business1_main .lst .item .t1{margin-top: 4vw;font-size:4.6vw;}
 .wrap_business1_main .lst .item .lst_dot{margin-top:5vw;text-align:left;font-size: 3.8vw;}
 .wrap_business1_main .lst .item .lst_dot li{ display:flex; margin-top:1.5vw;}
  .wrap_business1_main .lst .item .lst_dot li .dot{ min-width:3vw;}
}

.section_main.emarket .lst-col,
.section_main.esg .lst-col{justify-content: space-between;}
.section_main.emarket .lst-col .item,
.section_main.esg .lst-col .item{ margin-left:0; }
.section_main.emarket .lst-col .thumb,
.section_main.esg .lst-col .thumb{ min-width: 600px; max-width: 600px; }
.section_main.emarket .lst-col .cont,
.section_main.esg .lst-col .cont{ width: calc(100% - 660px) ; }

.section_main.emarket .t1,
.section_main.esg .t1{color:#000;font-weight: 700;font-size: 32px;line-height: 1.5;}
.section_main.emarket .t2,
.section_main.esg .t2{margin-top: 30px;font-weight: 400;line-height: 1.5;}
.section_main.emarket .t1 .c2{color: #4281e8;}
.section_main.esg .t1 .c2{color: #2aa61d;}

.section_main.emarket .btn_more_main,
.section_main.esg  .btn_more_main{margin-top:70px;}


.section_main.esg .lst-col{display: flex;flex-direction: row-reverse;align-items: center;}
.section_main.esg .lst-col .cont{}

.wrap_slide1_main{}
.wrap_slide1_main .thumb{ position: relative; height: 270px; border-radius: 20px; overflow: hidden; }
.wrap_slide1_main .thumb .ico{ position: absolute; right: 20px; top: 20px; }
.wrap_slide1_main .cont{ margin-top: 30px; }
.wrap_slide1_main .cont .t1{font-size: 20px; color: #000; line-height: 1.5; font-weight: 700;  overflow: hidden;
display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.wrap_slide1_main .cont .data{ color: #8fa6ca; font-size: 16px;margin-top: 10px; font-weight: 500; }
.wrap_slide1_main .swiper-pagination{position: relative; margin-top: 30px;}
.wrap_slide1_main  .swiper-pagination-bullet-active{ background-color: #000;  }
@media screen and (max-width: 840px){
   .wrap_slide1_main .thumb{ height: 55vw; border-radius: 3vw; }
   .wrap_slide1_main .thumb .ico{right: 4vw; top: 4vw; }
   .wrap_slide1_main .thumb .ico img{ width:12vw; height:auto; }
   .wrap_slide1_main .cont{ margin-top: 5vw; }
   .wrap_slide1_main .cont .t1{font-size: 4vw;}
   .wrap_slide1_main .cont .data{ font-size: 3.6vw; margin-top: 2vw;}
   .wrap_slide1_main .swiper-pagination{ margin-top: 10vw;}
}
.btn_more_main{ text-align: right; }
.btn_more_main a{ padding: 15px 40px; border: 2px solid #dbe4ef; border-radius: 300px; color: #000; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; line-height: 1; 
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.btn_more_main a i{ margin-left: 5px; }
.btn_more_main a:hover{ background-color: #dbe4ef; }

@media screen and (max-width: 840px){
    .btn_more_main{text-align: right;margin-top: 0;}
    .btn_more_main a{padding: 2vw 4vw;font-size:3.2vw;border-width: 1px;}
    .btn_more_main a i{ margin-left: 2vw; }
 }


.esg_type2{}
.esg_type2 .btn_more_main{ display: none; }
.esg_type2 .txt_top{ margin-top: 30px; font-size: 20px; font-weight: 600; position: relative; }
.esg_type2 .txt_top .t1{ position: absolute;
  opacity:0;   
  transition: all 500ms cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  transition-timing-function: cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
    /*-webkit-filter: blur(5px);
           filter: blur(5px);*/
}

.esg_type2 .lst-col.num2{ margin-top: 40px; }
.esg_type2 .lst-col.num2 > .item.cont{ width: 430px; }
.esg_type2 .lst-col.num2 > .item.thumb{position: relative; height: 300px;}
.esg_type2 .lst-col.num2 > .item.thumb .img{ position: absolute;    opacity:0;   
  transition: all 500ms cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  transition-timing-function: cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
 }
.esg_type2 .lst-col{ margin-top: 30px; }
.esg_type2 .lst-col .tab{position: relative; margin-top:30px;}
.esg_type2 .lst-col .tab ul{display: flex;}
.esg_type2 .lst-col .tab ul li{ position:relative; margin-left: 20px; padding-left: 20px; }
.esg_type2 .lst-col .tab ul li:after{ position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background:#dbe4ef; content:""; }
.esg_type2 .lst-col .tab ul li:first-child{ margin-left:0; padding-left:0; }
.esg_type2 .lst-col .tab ul li:first-child:after{ display:none;}
.esg_type2 .lst-col .tab ul li a{ font-weight:700; font-size:25px; color:#a1b3c3; display:inline-block; position:relative;}
.esg_type2 .lst-col .tab ul li i{ 
   position:absolute; left:calc(50% - 10px); top:-30px; font-size:30px; color:#1dd0ac; opacity:0;
   transition: all 500ms cubic-bezier(0.980, 0.000, 0.035, 0.990); /* custom */
   transition-timing-function: cubic-bezier(0.980, 0.000, 0.035, 0.990); /* custom */
}
.esg_type2 .lst-col .tab ul li.on{}
.esg_type2 .lst-col .tab ul li.on a{ color:#000;}
.esg_type2 .lst-col .tab ul li.on i{ opacity:1; top:-25px;}
.esg_type2 .lst_area{
  opacity:0; height: 0; overflow: hidden;
  transition: all 500ms cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  transition-timing-function: cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.esg_type2 .lst{
   display: flex;
   flex-wrap: wrap;
   margin-top: 40px;
}
.esg_type2 .lst li{
   display: flex;
   width: 47%;
   margin-top: 40px;
   margin-right: 3%;
}
.esg_type2 .lst li .ico{
   min-width: 60px;
   margin-right: 20px;
}
.esg_type2 .lst li .txt{
   margin-top: -2px;
   line-height: 1.5;
}
.esg_type2 .lst li .txt .t1{
   font-size: 20px;
   color: #000;
   font-weight: 700;
}
.esg_type2 .lst li .txt .t2{
   font-size: 19px;
   margin-top: 2px;
}

.esg_type2[data-active='1'] .btn_more_main.tab1,
.esg_type2[data-active='2'] .btn_more_main.tab2{display: block;}

.esg_type2[data-active='1'] .lst_area.tab1,
.esg_type2[data-active='2'] .lst_area.tab2,
.esg_type2[data-active='1'] .lst-col.num2 > .item.thumb .tab1,
.esg_type2[data-active='2'] .lst-col.num2 > .item.thumb .tab2,
.esg_type2[data-active='1']  .txt_top .tab1,
.esg_type2[data-active='2']  .txt_top .tab2{ opacity:1; height: auto;
  -moz-transform: translateX(0px) translateY(0px);
  -webkit-transform: translateX(0px) translateY(0px);
  -o-transform: translateX(0px) translateY(0px);
  -ms-transform: translateX(0px) translateY(0px);
  transform: translateX(0px) translateY(0px);
  /*-webkit-filter: blur(0);
           filter: blur(0);*/

}


@media screen and (max-width: 840px){
  .esg_type2 .txt_top{ margin-top: 7vw; font-size: 4vw; }
  .esg_type2 .txt_top .t1{ 
   -moz-transform: translateY(5vw);
   -webkit-transform: translateY(5vw);
   -o-transform: translateY(5vw);
   -ms-transform: translateY(5vw);
   transform: translateY(5vw);
  }
  
  .esg_type2 .lst-col.num2{ margin-top: 7vw; }
  .esg_type2 .lst-col.num2 > .item.cont{ width: 100%; }
  .esg_type2 .lst-col.num2 > .item.thumb{position: relative;height: 70vw;margin-top: 35vw;}
  .esg_type2 .lst-col.num2 > .item.thumb .img{
   width:75vw; margin-left:10vw;
   position: absolute;
   opacity:0;
   transition: all 500ms cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
   transition-timing-function: cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
   -moz-transform: translateX(5vw);
   -webkit-transform: translateX(5vw);
   -o-transform: translateX(5vw);
   -ms-transform: translateX(5vw);
   transform: translateX(5vw);
   font-size: 0;
  }
  .esg_type2 .lst-col{ margin-top: 5vw; }
  .esg_type2 .lst-col .tab{position: relative; margin-top:5vw;}
  .esg_type2 .lst-col .tab ul li{ position:relative; margin-left: 3vw; padding-left: 3vw; }
  .esg_type2 .lst-col .tab ul li:after{ top:calc(50% - 2.5vw); height:5vw; }
  .esg_type2 .lst-col .tab ul li a{ font-size:4vw; }
  .esg_type2 .lst-col .tab ul li i{ left:calc(50% - 3vw); top:-3vw; font-size:6vw; }
  .esg_type2 .lst-col .tab ul li.on i{ top:-5vw;}
  .esg_type2 .lst_area{
   opacity:0; height: 0; overflow: hidden;
   transition: all 500ms cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
   transition-timing-function: cubic-bezier(0.450, 0.015, 0.015, 0.990); /* custom */
   -moz-transform: translateY(5vw);
   -webkit-transform: translateY(5vw);
   -o-transform: translateY(5vw);
   -ms-transform: translateY(5vw);
   transform: translateY(5vw);
  }
 .esg_type2 .lst{ display: flex; flex-wrap: wrap; margin-top: 0; flex-direction: column; }
 .esg_type2 .lst li{width: 100%;margin-top: 2vw;margin-right: 3%;}
 .esg_type2 .lst li .ico img{ width:15vw; } 
 .esg_type2 .lst li .ico{ min-width: 15vw; margin-right: 5vw; }
  .esg_type2 .lst li .txt{ margin-top: -2px; line-height: 1.5; }
  .esg_type2 .lst li .txt .t1{ font-size: 4vw; }
  .esg_type2 .lst li .txt .t2{ font-size: 3.6vw; margin-top: 2px; }
  
  .esg_type2[data-active='1'] .lst_area.tab1,
  .esg_type2[data-active='2'] .lst_area.tab2,
  .esg_type2[data-active='1'] .lst-col.num2 > .item.thumb .tab1,
  .esg_type2[data-active='2'] .lst-col.num2 > .item.thumb .tab2,
  .esg_type2[data-active='1']  .txt_top .tab1,
  .esg_type2[data-active='2']  .txt_top .tab2{ opacity:1; height: auto;
   -moz-transform: translateX(0px) translateY(0px);
   -webkit-transform: translateX(0px) translateY(0px);
   -o-transform: translateX(0px) translateY(0px);
   -ms-transform: translateX(0px) translateY(0px);
   transform: translateX(0px) translateY(0px);
   /*-webkit-filter: blur(0);
            filter: blur(0);*/
  
  }
}