@import url('sub.css'); 



/**** S:: ÀÎÀç»ó ****/
.talent_list{display: flex;}
.talent_list dl{flex:1; text-align:center; position: relative; padding:0 30px; box-sizing:border-box;}
.talent_list dl::after{content:'\e145'; display: block; width: 30px; height:30px; line-height:30px; font-size:30px; font-family:var(--icon); position: absolute; right: -15px; top:25%; color:var(--white);}
.talent_list dl:last-child::after{display: none;}
.talent_list dl dt{max-width:300px; margin: 0 auto; position: relative;}
.talent_list dl dt .up{position: absolute; left:0; top:0;}
.talent_list dl dt .up::before{content:''; display:block; width:100%; height:100%; transform:scale(0.7); position: absolute; left:0; top:0; background:rgba(0,0,0,.2); filter: blur(20px); z-index: 3; border-radius:50%;}
.talent_list dl dt .up img{z-index: 4;}
.talent_list dl dt img{width: 100%; height: auto; position: relative; z-index: 2;}
.talent_list dl dd{padding:40px 0 0;}
.talent_list dl dd .fs18{font-weight:700; font-family:var(--eng); letter-spacing: 0; color:var(--sub); line-height: 120%; padding: 0 0 10px;}
.talent_list dl dd .fs30{color:var(--white);}
.talent_list dl dd .fs20{color:var(--white); padding:15px 0 0;}
/**** E:: ÀÎÀç»ó ****/






/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



/**** S:: ÀÎÀç»ó ****/
.talent_list{}
.talent_list dl dt{max-width:250px;}
/**** E:: ÀÎÀç»ó ****/



}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){



/**** S:: ÀÎÀç»ó ****/
.talent_list{}
.talent_list dl{padding:0 20px;}
.talent_list dl::after{top:16%;}
.talent_list dl dt{max-width:200px;}
.talent_list dl dd{padding:30px 0 0;}
.talent_list dl dd .fs18{padding: 0 0 6px;}
.talent_list dl dd .fs20{padding:10px 0 0;}
/**** E:: ÀÎÀç»ó ****/




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S:: ÀÎÀç»ó ****/
.talent_list{flex-direction: column; gap:40px;}
.talent_list dl{flex:1; padding:0; display: flex;}
.talent_list dl::after{width: 24px; height:24px; line-height:24px; font-size:24px; right: auto; left: 50px; top:auto; bottom: -32px;}
.talent_list dl dt{max-width:120px;}
.talent_list dl dt img{transform:rotate(-90deg);}
.talent_list dl dt .up img{transform:rotate(0);}
.talent_list dl dd{padding:0 0 0 20px; box-sizing:border-box; width: calc(100% - 120px); text-align:left; display: flex; flex-direction: column; justify-content: center;}
.talent_list dl dd .fs18{padding: 0 0 3px;}
.talent_list dl dd .fs20{padding:6px 0 0;}
/**** E:: ÀÎÀç»ó ****/


}