@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#talent .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  }
#talent .flex1 .item{   width:47%;  }
#talent .flex1 .item .tit {font-family: 'GmarketSansMedium'; font-weight:600; font-size:45px;  line-height:60px; margin-bottom:30px}
#talent .flex1 .item .txt {font-size:18px; line-height:28px;}

#talent .talent {padding-top:200px; position:relative}
#talent .talent:before {content:""; width:1px; height:100px; background:#ccc; position:absolute; left:50%; top:65px;   transform:rotate(25deg);}
#talent .talent:nth-of-type(1) {padding-top: 0;}
#talent .talent:nth-of-type(1):before {display: none;}

#talent h3 {font-size:45px; font-weight:600; text-align:center; font-family: 'GmarketSansMedium'; }
#talent h3 span{position: relative; padding:0 16px;}
#talent h3 span:before { content: "";  width: 10px; height: 10px; background-color:#2F88EF ;  position: absolute; 
right: 0; bottom: 12px;   border-radius: 50%;}

#talent img {vertical-align:top; max-width:100%;}
#talent .flex2{display:flex; flex-wrap: wrap;  justify-content: center; align-items: center; margin-top:50px; grid-gap: 30px; }
#talent .flex2 .item{  width:180px;  text-align:center; margin-bottom: 50px;}
#talent .flex2 .ico {border:1px dashed #aaa; height:180px; width:180px; margin:0 auto; border-radius:50%; 
background-position:center 22%; background-repeat:no-repeat; background-size:45px; }
#talent .flex2 .ico1 {background-image:url(../img/ico1.png);}
#talent .flex2 .ico2 {background-image:url(../img/ico2.png);}
#talent .flex2 .ico3 {background-image:url(../img/ico3.png);}
#talent .flex2 .ico4 {background-image:url(../img/ico4.png);}
#talent .flex2 .ico5 {background-image:url(../img/ico5.png);}
#talent .flex2 .tit {background-color:#333; border-radius:50px ; color:#fff; padding:7px 7px 8px 7px; width:130px; margin:-90px auto 10px auto; font-size: 15px;}
#talent .flex2 .txt { font-size:20px; }
#talent .flex2 .txt2 { font-size:18px; font-weight:500; margin-top:50px;}
#talent .flex2 .plus {position:relative}
#talent .flex2 .plus:before {content:""; width:30px; height:30px;  background:url(../img/plus.jpg)no-repeat  center;
position:absolute; top:45%; right:-23%; z-index: 9; display: none;}

#talent .small_tit {border-bottom: 1px solid #ddd; padding: 10px 0;}
#talent .small_tit p {font-size: 22px; font-weight: 600; line-height: 30px;}
#talent .small_tit a {font-size: 18px; font-weight: 300; line-height: 30px; color: #5f5f5f;}

#talent .tit1 {font-size:20px; text-align:center;  padding:20px; margin-top: -80px;}
#talent  .flex3 {display:flex; justify-content: center;  margin-top:40px; text-align:center; column-gap: 40px; }
#talent  .flex3 .item {width:22%; border:1px solid #cecece; font-size:25px; font-weight:600; padding:70px 0; border-radius:0; background-color: #f9f9f9; }
#talent .flex3 .item span {display:block; font-size:18px; font-weight:400;  padding-top:15px; color:#5e5e5e ;}
#talent .flex3 .item img {max-width:15%; margin-bottom: 10px;}
#talent .diagram img {height: 620px;}

#talent .cont2 {background:#f5f5f5; overflow:hidden; padding:70px 80px; margin-top:40px; }
#talent  .flex4 {display:flex; justify-content: space-between; align-items: center;   padding:10px 0;   }
#talent  .flex4 .item { font-size:25px;line-height:30px;  padding:30px 0px; border-radius:0px; }
#talent  .flex4 .item:first-child {width:300px; font-weight:600; }
#talent  .flex4 .item:last-child {width:calc(100% - 300px); border:1px solid #dfdfdf; background:#fff; 
text-align:center;  font-size:20px; line-height:30px; font-weight:500 }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#talent h3 {font-size:25px;  }
#talent h3 span{ padding:0 12px;}
#talent h3 span:before { content: "";  width: 6px; height: 6px;   position: absolute; 
right: 0; bottom: 7px;   border-radius: 50%;}

#talent .flex1{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  }
#talent .flex1 .item{   width:100%;  }
#talent .flex1 .item .tit {font-family: 'GmarketSansBold'; font-size:25px;  line-height:32px; margin:20px 0}
#talent .flex1 .item .txt {font-size:15px; line-height:22px;}

#talent .talent {padding-top:150px; position:relative}
#talent .talent:before { height:80px;  top:35px;   transform:rotate(25deg);}

#talent .flex2{align-items: start;}
#talent .flex2 .item{text-align:center;}
#talent .flex2 .tit {padding:5px;  font-size:14px; width:70%; margin:-90px auto 10px auto; font-weight:500; line-height:20px;}
#talent .flex2 .txt { font-size:16px; font-weight:500 ; line-height:20px;}
#talent .flex2 .txt2 { font-size:15px;  font-weight:500; margin-top:30px;}
#talent .flex2 .plus:before {display:none;}

#talent .small_tit {padding: 10px;}
#talent .small_tit p {font-size: 18px; line-height: 20px;}
#talent .small_tit a {font-size: 14px;}

#talent .tit1 {font-size:16px; text-align:center;  padding:10px; margin-top: -30px;}
#talent  .flex3 {  margin-top:10px; flex-direction: column;}
#talent  .flex3 .item {width:100%; font-size:20px;padding:20px 10px; margin-top:10px; }
#talent .flex3 .item span {font-size:13px; padding-top:5px;}
#talent .flex3 .item img {max-width:9% !important;}
#talent .diagram img {height: 357px;}

#talent .cont2 {overflow:hidden; padding:30px 20px 35px 20px; margin-top:30px; }
#talent  .flex4 {flex-direction: column;  padding:10px 0;   }
#talent  .flex4 .item { font-size:20px;line-height:25px;  padding:10px 0px; text-align:center; }
#talent  .flex4 .item:first-child {width:100%; padding:0px 0px 10px 0; }
#talent  .flex4 .item:last-child {width:calc(100% - 0px);  font-size:15px; line-height:22px;}

@media (max-width: 768px) {
  #talent .flex2 .ico {height:150px; width:150px; background-size:35px;}
  #talent .flex2 .tit {margin: -80px auto 10px auto; width: 80%;}
  #talent .flex2 .item {width: 150px; margin-bottom: 20px;}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

}