/*********** List *************/
.team_list{display: flex; flex-wrap: wrap; gap:50px 30px;}
.team_list .list{position: relative; width: calc((100% - 60px)/3);}
.team_list .list .checkbox{display: inline-block; position: absolute; left: 5px; top:5px; z-index: 2;}
.team_list .list a{display: block;}
.team_list .list .thumb{position: relative; overflow: hidden; border-radius: var(--borderR20);}
.team_list .list .thumb .img{aspect-ratio: 500/690; background: var(--teamBg); transition: all .3s;}
.team_list .list.noimg .thumb .img{background: var(--white);}
.team_list .list .thumb .img::after{content: ''; display: block; width: 70%; aspect-ratio: 1; border-radius: 50%; background: var(--white); filter: blur(75px); position: absolute; left: 50%; top:15%; transform: translateX(-50%);} 
.team_list .list .thumb .img img{display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; position: relative; z-index: 2; mix-blend-mode:luminosity;  transition: all .3s;}
.team_list .list .thumb .education-txt{position:absolute; left:0; bottom:0; z-index:3; display:flex; flex-direction:column; align-items:flex-start; width:100%; padding:40px; box-sizing:border-box; background:rgba(195,208,203,0.9); border-radius: var(--borderR20); transform: translateY(100%);  transition: all .3s;}
.team_list .list .thumb .education-txt ul{display:flex; flex-direction:column; gap:2px; width:100%;}
.team_list .list .thumb .education-txt ul li{position:relative; padding-left:8px; width:100%; box-sizing:border-box; font-family:var(--eng); font-size:1rem; font-weight:400; line-height:166.67%; letter-spacing:0; color:var(--black); opacity:0.7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.team_list .list .thumb .education-txt ul li:nth-child(n+4){display:none;}
.team_list .list .thumb .education-txt ul li::before{content:''; display:block; width:3px; height:3px; border-radius:5px; background:var(--black); position:absolute; left:0; top:13px;}
.team_list .list .desc{display: flex; flex-direction: column; gap:5px; padding: 25px 40px 0; box-sizing: border-box;}
.team_list .list .desc h4{font-size:1.889rem; line-height: 130%; letter-spacing: var(--letter-spacing-default); font-weight: 700; color: var(--black); display: flex; gap:10px; align-items: flex-end;}
.team_list .list .desc h4 small{display: inline-block; font-size:1rem; line-height: 130%; letter-spacing: var(--letter-spacing-default); font-weight: 600; color: var(--black);}
.team_list .list .desc p{color: var(--basic);}

.team_list .list:hover .thumb .img{background: var(--greenBg); transition: background .4s linear;}
.team_list .list:hover .thumb .img img{mix-blend-mode:normal; opacity:1; transition:opacity .5s linear, filter .5s linear;}
.team_list .list:hover .thumb .education-txt{transform: translateY(0); transition: transform .3s ease;}



/* 팝업 */
body.team_layer_open{overflow:hidden;}
.team_layer{display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:var(--z-modal); visibility:hidden; opacity:0; pointer-events:none; transition:opacity .4s ease, visibility .4s ease;}
.team_layer.is-open{visibility:visible; opacity:1; pointer-events:auto;}
.team_layer_dim{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.team_layer_box{position:absolute; left:50%; top:50%; transform:translate(-50%, calc(-50% + 20px)); width:90%; max-width:1230px; padding-top:80px; box-sizing:border-box; opacity:0; transition:opacity .4s ease .05s, transform .4s cubic-bezier(0.22, 0.61, 0.36, 1) .05s;}
.team_layer.is-open .team_layer_box{opacity:1; transform:translate(-50%,-50%);}
@media (prefers-reduced-motion:reduce){.team_layer,.team_layer_box{transition:none;}}

.team_layer_close{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:rgba(161,119,85,0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:none; cursor:pointer; position:absolute; right:0; top:0; z-index:2; transition: all .3s;}
.team_layer_close:hover{background: var(--sub);}
.team_layer_close::before{content:'\e5cd'; display:block; font-family:var(--icon); font-size:24px; line-height:1; color:var(--white); font-weight:400;}

.team_layer_panel{width:100%; height:690px; border-radius:var(--borderR20); background:var(--white); overflow:hidden;}
.team_layer_inner{display:flex; width:100%; height:100%;}
.team_layer_pic{flex-shrink:0; width:500px; aspect-ratio: 500/600; background:var(--greenBg); overflow:hidden;}
.team_layer_pic img{display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom;}
.team_layer_info{flex:1; min-width:0; height:100%; padding:60px 30px 60px 60px; box-sizing:border-box; }
.team_layer_info_in{width: 100%; height:100%; box-sizing: border-box; padding: 0 30px 0 0; overflow-y:auto;}
.team_layer_info_in::-webkit-scrollbar{width:3px;}
.team_layer_info_in::-webkit-scrollbar-track{background:var(--border);}
.team_layer_info_in::-webkit-scrollbar-thumb{background:var(--main); border-radius:10px;}
.team_layer_head{padding-bottom:30px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.team_layer_group{color:var(--main);}
.team_layer_name{display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; margin-top:5px;}
.team_layer_name h4{color:var(--black); word-break:keep-all;}
.team_layer_role{display: flex; align-items: center; gap:4px; color:var(--black); word-break:keep-all;}
.team_layer_body{display:flex; flex-direction:column; gap:30px; padding-bottom:60px; margin-top:30px; box-sizing:border-box;}
.team_layer_quote{font-size:1rem; font-weight:600; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--black); word-break:keep-all;}
.team_layer_quote small{font-size:1rem; font-weight:400; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--black); word-break:keep-all;}
.team_layer_section{display:flex; flex-direction:column; gap:5px; width:100%;}
.team_layer_tit{display:flex; align-items:center; gap:5px; color:var(--black);}
.team_layer_tit::before{content:'\e52d'; display:block; width:20px; height:20px; font-family:var(--icon); font-size:20px; line-height:20px; color:var(--main); font-weight:400; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;}
.team_layer_tit_kor{font-family:var(--kor); font-size:1rem; font-weight:600; line-height:166.67%; letter-spacing:var(--letter-spacing-default);}
.team_layer_cont{width:100%; font-size:0.889rem; line-height:162.5%; letter-spacing:var(--letter-spacing-default); color:var(--basic); word-break:keep-all;}
.team_layer_cont ul{display:flex; flex-direction:column; gap:5px; width:100%;}
.team_layer_cont ul li{position:relative; padding-left:8px; word-break:keep-all;}
.team_layer_cont ul li::before{content:''; display:block; width:3px; height:3px; border-radius:5px; background:var(--basic); position:absolute; left:0; top:11px;}
.team_layer_cont img{max-width:100%; height:auto !important;}





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



/*********** List *************/
.team_list .list .desc{padding: 25px 10px 0;}
.team_list .list .thumb .education-txt{padding:30px;}


/* 팝업 */
.team_layer_panel{height:60vh;}
.team_layer_pic{width:45%;}
.team_layer_info{padding:50px 30px 30px 50px;}
.team_layer_info_in{padding: 0 20px 0 0;}
.team_layer_head{padding-bottom:20px;}


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


/*********** List *************/
.team_list{gap:40px 20px;}
.team_list .list{width: calc((100% - 20px)/2);}
.team_list .list .thumb .education-txt{padding:25px;}
.team_list .list .thumb .education-txt ul li::before{top:12px;}
.team_list .list .desc{gap:5px; padding: 20px 10px 0;}


/* 팝업 */
.team_layer_box{padding-top:60px;}

.team_layer_close{width:50px; height:50px;}
.team_layer_close::before{font-size:20px;}

.team_layer_panel{height:50vh;}
.team_layer_pic{width:45%;}
.team_layer_info{padding:30px 10px 20px 30px;}
.team_layer_info_in{padding: 0 15px 0 0;}
.team_layer_head{padding-bottom:15px;}
.team_layer_body{gap:20px; padding-bottom:40px; margin-top:20px;}


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



/*********** List *************/
.team_list{gap:30px 10px;}
.team_list .list{width: calc((100% - 10px)/2);}
.team_list .list .thumb{border-radius: var(--borderR10);}
.team_list .list .thumb .education-txt{padding:20px; border-radius: var(--borderR10);}
.team_list .list .thumb .education-txt ul li::before{top:9px;}
.team_list .list .desc{gap:3px; padding: 15px 0 0;}


/* 팝업 */
.team_layer_box{padding-top:50px;}

.team_layer_close{width:40px; height:40px;}
.team_layer_close::before{font-size:16px;}

.team_layer_panel{height:calc(100vh - 100px);}
.team_layer_inner{flex-wrap: wrap; overflow-y: auto;}
.team_layer_inner::-webkit-scrollbar{width:3px;}
.team_layer_inner::-webkit-scrollbar-track{background:var(--border);}
.team_layer_inner::-webkit-scrollbar-thumb{background:var(--main); border-radius:10px;}
.team_layer_pic{width:100%; aspect-ratio: 3/2;}
.team_layer_info{padding:20px; flex: auto; height: auto;}
.team_layer_info_in{padding: 0; overflow: visible; height: auto;}
.team_layer_head{padding-bottom:12px;}
.team_layer_body{gap:15px; padding-bottom:30px; margin-top:15px;}
.team_layer_tit::before{width:16px; height:16px; font-size:16px; line-height:16px;}
.team_layer_cont ul li::before{top:8px;}


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

/*********** List *************/
.team_list{gap:20px;}
.team_list .list{width: 100%;}

}