.section{
    width: 1095px;
    margin: 0 auto;
    position: relative;
}

.section:not(:last-child)::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1189px;
    height: 1px;
    background-color: #DDDDDD;
}

.title_wrap{
    margin-bottom: 40px;
}

.title_wrap .title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
    text-align: left;
}

.title_wrap .title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 22px;
    height: 3px;
    background-color: #D50E62;
}

.title_wrap .sub_title{
    color: #ACACAC;
    font-size: 15px;
}

.section1{
    padding-top: 76px;
}

.section .main_title
{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 95px;
}

.section .text{
    font-size: 15px;
    line-height: 25px;
}

/* ------------------------talent---------------------- */

/* section1 */
.talent .title_wrap{
  margin-bottom: 0;
}
.talent .title_wrap .title{
  margin-bottom: 40px;
}
.talent .section.section1{
    margin: 0;
    width: 100%;
    padding-bottom: 90px;
}

.talent .section1 .title_wrap .title::after{
  display: none;
}
.talent .section1::after{
  display: none;
}
.talent .section1{
  background: #FAFAFA;
}

.talent .section1_inner{
  width: 1095px;
  margin: 0 auto;
}
.talent .section1_inner .title{
  font-size: 38px;
  font-weight: 500;
  color: #2E2E2E;
  text-align: left;
  line-height: 1.3;
}
.talent .section1 .title_inner{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.talent .section1 .title_inner span{
  width: 60px;
  height: 3px;
  background: #D50E62;
  display: block;
  margin: 0 20px;
}

.talent .section1 .text_title{
    font-size: 18px;
    font-weight: 600;
    color: #D50E62;
    margin-bottom: 15px;
}

/* section2 */

.talent .section2{
    padding: 91px 0 130px;
}
.talent .section2 .title{
  font-size: 34px;
  font-weight: 700;
}

.talent .section2 .title_wrap .title::after{
  display: none;
}
.talent .section2::after{
    bottom: -110px;
}

.talent .section2 .text_wrap .text_con,
.talent .section3 .text_wrap .text_con
{
    display: flex;
    justify-content: space-between;
}

.talent .section2 .text_wrap .text_con .text,
.talent .section3 .text_wrap .text_con .text
{
    padding: 50px 40px 40px;
    width: 50%;
    position: relative;
    border: 1px solid #DDD;
}

.talent .section2 .text_wrap .text_con .text:last-of-type{
  margin-left: 10px;
}
/* .talent .section2 .text_wrap .text_con .text_icon,
.talent .section3 .text_wrap .text_con .text_icon
{
    position: absolute;
    width: 227px;
    height: 187px;
    bottom: 0;
    right: 73px;
    z-index: -1;
} */

.talent .section2 .text_wrap .text_con .text_icon1{

  position: absolute;
  width: 172px;
  height: 163px;
  top: 35px;
  right: 35px;
  z-index: -1;
}
.talent .section2 .text_wrap .text_con .text_icon2{

  position: absolute;
  width: 163px;
  height: 163px;
  top: 35px;
  right: 35px;
  z-index: -1;
}
.talent .section2 .text_wrap .sub_title,
.talent .section3 .text_wrap .sub_title
{
    color: #D50E62;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.talent .section2 .text_wrap .title_info{
  font-size: 15px;
  font-weight: 400;
  color: #2E2E2E;
}
/* section3 */

.talent .section3{
    margin-bottom: 180px;
}

/* ------------------------system---------------------- */
.system .section1{
    margin-bottom: 240px;
}

.system .section1::after{
    bottom: -120px;
}

.system .section1 .main_title
{
    margin-bottom: 121px;
}

.system .section1 .img_con{
    position: relative;
    width: 891px;
    margin: 0 auto;
}

.system .section1 .img_con .pink_text{
    color: #D50E62;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: -50px;
}

.system .section1 .img_con .pink_text:first-of-type{
    left: 0;
}

.system .section1 .img_con .pink_text:nth-of-type(2){
    left: 50%;
    transform: translateX(-50%);
}

.system .section1 .img_con .pink_text:last-of-type{
    right: 0;
}

/* section2 */
.system .section2{
    margin-bottom: 243px;
}

.system .section2::after{
    bottom: -122px;
}

.system .section2 .main_title
{
    margin-bottom: 63px;
}

.system .section2 .img_con{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.system .section2 .img_wrap{
    position: relative;
}

.system .section2 .img_wrap:first-child{
    width: 177px;
}

.system .section2 .img_wrap:nth-of-type(2){
    width: 382px;
    margin-bottom: 29px;
}

.system .section2 .img_wrap:last-child{
    width: 248px;
    margin-bottom: 18px;
}

.system .section2 .img_wrap:not(:last-child){
    margin-right: 110px;
}

.system .section2 .img_wrap:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -112px;
    width: 78px;
    height: 1px;
    background: url("../img/icon/system_reward_line.svg") no-repeat center / contain;
}

.system .section2 .img_wrap:first-child::after{
    top: 133px;
    transform: translateY(0%);
}

.system .section2 .text{
    position: absolute;
    left: 30%;
    width: 372px;
    text-align: center;
}

/* section3 */

.system .section3{
    margin-bottom: 162px;
}

.system .section3 .img_con{
    width: 958px;
    margin: 0 auto;
}

.system .section3 .swiper-wrapper{
    display: flex;
    justify-content: space-between;
}

.system .section3 .img_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 22px;
    border: 1px solid #E4E4E4;
    min-height: 406px;
    flex-shrink: 1;
}

.system .section3 .img_wrap:not(:last-child){
    margin-right: 14px;
}

.system .section3 .img_wrap img {
    height: 75px;
}

.system .section3 .img_title{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 46px 0 32px;
    position: relative;
    color: #D50E62;
}

/* .system .section3 .img_title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    width: 102px;
    height: 3px;
    background-color: #E4E4E4;
} */


@media (max-width: 1350px){

    .section{
        width: 100%;
        padding: 0 calc(100vw * (25/1350));
    }

    .section:not(:last-child)::after{
        width: calc(100vw * (1189 / 1350));
    }
    
    .title_wrap{
        margin-bottom: calc(100vw * (40 / 1350));
    }
    
    .title_wrap .title{
        font-size: calc(100vw * (20 / 1350));
        margin-bottom: calc(100vw * (24 / 1350));
    }
    
    .title_wrap .title::after{
        bottom: calc(100vw * (-13 / 1350));
        width: calc(100vw * (22 / 1350));
        height: calc(100vw * (3 / 1350));
    }
    
    .title_wrap .sub_title{
        font-size: calc(100vw * (15 / 1350));
    }

    .section1{
        padding-top: calc(100vw * (76 / 1350));
    }
    
    .section .main_title
    {
        font-size: calc(100vw * (18 / 1350));
        line-height: calc(100vw * (24 / 1350));
        margin-bottom: calc(100vw * (95 / 1350));
    }
    
    .section .text{
        font-size: calc(100vw * (15 / 1350));
        line-height: calc(100vw * (25 / 1350));
    }
    
    
    /* ------------------------talent---------------------- */
    .talent .title_wrap{
      margin-bottom: 0;
    }
    .talent .title_wrap .title{
      margin-bottom: calc(100vw * (40/1350));
    }
    .talent .section.section1{
      padding-bottom: calc(100vw * (90/1350));
  }
    
    /* section1 */
    .talent .section1_inner .title{
      font-size: calc(100vw * (38/1350));
    }
    
    .talent .section1 .title_inner span{
      width: calc(100vw * (60/1350));
      height: calc(100vw * (3/1350));
      margin: 0 calc(100vw * (20/1350));
    }
    
    .talent .section1 .text_title{
        font-size: calc(100vw * (18/1350));
        margin-bottom: calc(100vw * (15/1350));
    }

    /* section2 */

    .talent .section2{
      padding: calc(100vw * (91/1350)) calc(100vw * (25/1350)) calc(100vw * (130/1350));
    }
    .talent .section2 .title{
      font-size: calc(100vw * (34/1350));
    }
    .talent .section2::after{
        bottom: calc(100vw * (-110 / 1350));
    }
    .talent .section2 .text_wrap .text_con .text,
    .talent .section3 .text_wrap .text_con .text
    {
        padding: calc(100vw * (50/1350)) calc(100vw * (40/1350)) calc(100vw * (40/1350));
    }
    .talent .section2 .text_wrap .text_con .text:last-of-type{
      margin-left: calc(100vw * (10/1350));
    }
    /* .talent .section2 .text_wrap .text_con .text_icon,
    .talent .section3 .text_wrap .text_con .text_icon
    {
        width: calc(100vw * (227 / 1350));
        height: calc(100vw * (187 / 1350));
        right: calc(100vw * (73 / 1350));
    } */
    .talent .section2 .text_wrap .text_con .text_icon1{

      width: calc(100vw * (172/1350));
      height: calc(100vw * (163/1350));
      top: calc(100vw * (35/1350));
      right: calc(100vw * (35/1350));
    }
    .talent .section2 .text_wrap .text_con .text_icon2{
    
      width: calc(100vw * (163/1350));
      height: calc(100vw * (163/1350));
      top: calc(100vw * (35/1350));
      right: calc(100vw * (35/1350));
    }
    
    .talent .section2 .text_wrap .sub_title,
    .talent .section3 .text_wrap .sub_title
    {
        font-size: calc(100vw * (20/ 1350));
        margin-bottom: calc(100vw * (20/ 1350));
    }
    .talent .section2 .text_wrap .title_info{
      font-size: calc(100vw * (15/1350));
    }
    /* section3 */
    
    .talent .section3{
        margin-bottom: calc(100vw * (180 / 1350));
    }

    /* ------------------------system---------------------- */
    .system .section1{
        margin-bottom: calc(100vw * (240 / 1350));
    }

    .system .section1::after{
        bottom: calc(100vw * (-120 / 1350));
    }

    .system .section1 .main_title
    {
        margin-bottom: calc(100vw * (121 / 1350));
    }

    .system .section1 .img_con{
        width: calc(100vw * (891 / 1350));
    }

    .system .section1 .img_con .pink_text{
        font-size: calc(100vw * (15 / 1350));
        top: calc(100vw * (-50 / 1350));
    }

    /* section2 */
    .system .section2{
        margin-bottom: calc(100vw * (243 / 1350));
    }

    .system .section2::after{
        bottom: calc(100vw * (-122 / 1350));
    }

    .system .section2 .main_title
    {
        margin-bottom: calc(100vw * (63 / 1350));
    }

    .system .section2 .img_wrap:first-child{
        width: calc(100vw * (177 / 1350));
    }

    .system .section2 .img_wrap:nth-of-type(2){
        width: calc(100vw * (382 / 1350));
        margin-bottom: calc(100vw * (29 / 1350));
    }

    .system .section2 .img_wrap:last-child{
        width: calc(100vw * (248 / 1350));
        margin-bottom: calc(100vw * (18 / 1350));
    }

    .system .section2 .img_wrap:not(:last-child){
        margin-right: calc(100vw * (110 / 1350));
    }

    .system .section2 .img_wrap:not(:last-child)::after{
        right: calc(100vw * (-112 / 1350));
        width: calc(100vw * (78 / 1350));
    }

    .system .section2 .img_wrap:first-child::after{
        top: calc(100vw * (133 / 1350));
    }

    .system .section2 .text{
        left: 33%;
        width: calc(100vw * (372 / 1350));
    }

    /* section3 */

    .system .section3{
        margin-bottom: calc(100vw * (162 / 1350));
    }

    .system .section3 .img_con{
        width: calc(100vw * (958 / 1350));
    }

    .system .section3 .img_wrap{
        padding: calc(100vw * (24 / 1350)) calc(100vw * (22 / 1350));
        min-height: calc(100vw * (406 / 1350));
    }

    .system .section3 .img_wrap:not(:last-child){
        margin-right: calc(100vw * (14 / 1350));
    }

    .system .section3 .img_wrap img {
        height: calc(100vw * (75 / 1350));
    }

    .system .section3 .img_title{
        font-size: calc(100vw * (20 / 1350));
        margin: calc(100vw * (46 / 1350)) 0 calc(100vw * (32 / 1350));
    }

    .system .section3 .img_title::after{
        bottom: calc(100vw * (-15 / 1350));
        width: calc(100vw * (102 / 1350));
        height: calc(100vw * (3 / 1350));
    }

}

@media (max-width: 1024px){

    .section{
        width: 100%;
        padding: 0 calc(100vw * (25 / 428));
    }
    
    .title_wrap{
        margin-bottom: calc(100vw * (40 / 428));
    }
    
    .title_wrap .title{
        font-size: calc(100vw * (17 / 428));
        margin-bottom: calc(100vw * (20 / 428));
    }
    
    .title_wrap .title::after{
        bottom: calc(100vw * (-11 / 428) );
        width: calc(100vw * (22 / 428));
        height: calc(100vw * (3 / 428));
    }
    
    .title_wrap .sub_title{
        font-size: calc(100vw * (15 / 428));
    }

    .section1{
        padding-top: calc(100vw * (50 / 428));
        margin-bottom: calc(100vw * (90 / 428));
    }
    
    .section .main_title
    {
        font-size: calc(100vw * (16 / 428));
        line-height: calc(100vw * (35 / 428)); 
        margin-bottom: calc(100vw * (45 / 428));
    }
    
    .section .text{
        font-size: calc(100vw * (15 / 428));
        line-height: calc(100vw * (25 / 428));
    }
    
    /* ------------------------talent---------------------- */
    
    /* section1 */

    .talent .title_wrap{
      margin-bottom: 0;
    }
    .talent .section1 .title_wrap .title{
      margin-bottom: calc(100vw * (35/428));
    }
    .talent .section2 .title_wrap .title{
      margin-bottom: calc(100vw * (25/428));
    }
    .talent .section.section1 .section1_inner{
      padding-bottom: calc(100vw * (60/428));
      width: calc(100vw * (378/428));
  }
    
    .talent .section1_inner .title{
      font-size: calc(100vw * (27/428));
    }
    
    .talent .section1 .title_inner span{
      width: calc(100vw * (35/428));
      height: calc(100vw * (2/428));
      margin: 0 calc(100vw * (15/428));
    }
    
    .talent .section1 .text_title{
        font-size: calc(100vw * (16/428));
        margin-bottom: calc(100vw * (15/428));
    }
    
    .talent .section1 .text br{
      display: none;
    }
    /* section2 */
    .talent .section2{
      padding: calc(100vw * (60/428)) calc(100vw * (25/428)) calc(100vw * (80/428));
    }
    .section2 .title{
      font-size: calc(100vw * (23/428));
    }
    .talent .section2 .text_wrap .text_con,
    .talent .section3 .text_wrap .text_con
    {
        display: block;
    }
    .talent .section2 .text_wrap .text_con .text,
    .talent .section3 .text_wrap .text_con .text
    {
        display: block;
        width: 100%;
        padding: calc(100vw * (32/428)) calc(100vw * (22/428)) calc(100vw * (42/428));
    }
    .talent .section2 .text_wrap .text_con .text:first-of-type{
      margin-bottom: calc(100vw * (15/428));
    }
    .talent .section2 .text_wrap .text_con .text:last-of-type{
      margin-left: 0;
    }
    /* .talent .section2 .text_wrap .text_con .text_icon,
    .talent .section3 .text_wrap .text_con .text_icon
    { 
        width: calc(100vw * (227 / 1350));
        height: calc(100vw * (187 / 1350));
        right: calc(100vw * (73 / 1350));
    } */
    .talent .section2 .text_wrap .text_con .text_icon1{

      width: calc(100vw * (158/428));
      height: calc(100vw * (150/428));
      top: calc(100vw * (35/428));
      right: calc(100vw * (23/428));
    }
    .talent .section2 .text_wrap .text_con .text_icon2{
    
      width: calc(100vw * (148/428));
      height: calc(100vw * (148/428));
      top: calc(100vw * (45/428));
      right: calc(100vw * (23/428));
    }
    
    .talent .section2 .text_wrap .sub_title,
    .talent .section3 .text_wrap .sub_title
    {
        font-size: calc(100vw * (15/428));
        margin-bottom: calc(100vw * (10/428));
    }
    .talent .section2 .text_wrap .title_info{
      font-size: calc(100vw * (15/428));
    }
    
    /* section3 */
    .talent .section3{
        margin-bottom: calc(100vw * (100 / 428));
    }

    /* ------------------------system---------------------- */
    .system .section::after{
        display: none;
    }

    .system .section1{
        margin-bottom: calc(100vw * (100 / 428));
    }

    .system .main_title
    {
        font-size: calc(100vw * (20 / 428));
        line-height: calc(100vw * (26 / 428));
        font-weight: bold;
    }

    .system .section1 .main_title{
        margin-bottom: calc(100vw * (86 / 428));
    }

    .system .section1 .img_con{
        width: 100%;
    }

    .system .section1 .img_con .img_wrap{
        width: calc(100vw * (340 / 428));
        margin: 0 auto;
    }

    .system .section1 .img_con .pink_text{
        font-size: calc(100vw * (15 / 428));
        top: calc(100vw * (-35 / 428));
    }

    /* section2 */
    .system .section2{
        margin-bottom: calc(100vw * (90 / 428));
    }

    .system .section2 .main_title
    {
        margin-bottom: calc(100vw * (70 / 428));
    }

    .system .section2 .img_con{
        flex-direction: column;
        align-items: center;
    }

    .system .section2 .img_wrap:first-child{
        width: calc(100vw * (177 / 428));
        margin-bottom: calc(100vw * (111 / 428));
    }

    .system .section2 .img_wrap:nth-of-type(2){
        width: 100%;
        margin-bottom: calc(100vw * (111 / 428));
    }

    .system .section2 .img_wrap:last-child{
        width: calc(100vw * (248 / 428));
        margin-bottom: 0;
    }

    .system .section2 .img_wrap:not(:last-child){
        margin-right: 0;
    }

    .system .section2 .img_wrap:not(:last-child)::after{
        top: auto;
        right: 50%;
        bottom: calc(100vw * (-118 / 428));
        transform: translate(0% , -50%);
        width: 1px;
        height: calc(100vw * (60 / 428));
        background: url("../img/icon/system_reward_line_mb.svg") no-repeat center / cover;
    }

    .system .section2 .img_wrap:first-child::after{
        top: auto;
    }

    .system .section2 .text{
        display: none;
    }

    /* section3 */


    .system .section3{
        margin-bottom: calc(100vw * (100 / 428));
    }

    .system .section3 .main_title{
        margin-bottom: calc(100vw * (80 / 428));
    }

    .system .section3 .img_con{
        width: 100%;
    }
    .system .section3 .swiper-wrapper{
      display: flex;
      /* flex-direction: column; */
      /* justify-content: center; */
  }
    .system .section3 .img_wrap{
        padding: calc(100vw * (24 / 428)) calc(100vw * (22 / 428));
        min-height: calc(100vw * (406 / 428));
        flex-shrink: 0;
    }

    .system .section3 .img_wrap:not(:last-child){
        margin-right: 0;
        margin-bottom: calc(100vw * (10 / 428));
    }

    .system .section3 .img_wrap img {
        height: calc(100vw * (76 / 428));
    }

    .system .section3 .img_title{
        font-size: calc(100vw * (20 / 428));
        margin: calc(100vw * (46 / 428)) 0 calc(100vw * (32 / 428));
    }

    .system .section3 .img_title::after{
        bottom: calc(100vw * (-15 / 428));
        width: calc(100vw * (102 / 428));
        height: calc(100vw * (3 / 428));
    }

}