@charset "utf-8";

#atc03{}
#atc03 .inner{max-width:140rem;width:100%;margin:0 auto;padding:13rem 0;text-align:center}
#atc03 .tit{margin-bottom:3rem;padding-bottom:2rem;font-size:4.8rem;font-weight:700;line-height:100%;color:#000;position:relative;font-family:'Poppins';}
#atc03 .tit:before{content:'';width:3.3rem;height:2px;background:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

#atc03 .team_cont{position:relative}
#atc03 .team_cont:before{content:'';width:1px;height:100%;background:#ccc;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-10}

/*ceo,고문 공통*/
#atc03 .team_cont .team_box{padding:4.5rem 4rem;border:.5rem solid #000;border-radius:1rem;background:#fff;position:relative}
#atc03 .team_cont .team_box:before{content:'';width:1.2rem;height:1.2rem;border:3px solid #000;border-radius:1.2rem;background:#fff;position:absolute;z-index:10}
#atc03 .team_cont .team_box .s_tit{font-size:1.8rem;font-weight:700;color:#939393;font-family:'Poppins'}
#atc03 .team_cont .team_box .name{margin-bottom:1rem;padding-bottom:1rem;font-size:2.6rem;font-weight:700;color:#000;position:relative}
#atc03 .team_cont .team_box .name:before{content:'';width:2.4rem;height:2px;background:#000;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
#atc03 .team_cont .team_box .info li{font-size:1.6rem;line-height:150%;color:#666}
#atc03 .team_cont .team_box .info li + li{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #ddd}

/*ceo,고문 개별*/
#atc03 .team_cont .team_box.ceo{max-width:42rem;width:100%;margin:0 auto 3.5rem}
#atc03 .team_cont .team_box.ceo:before{bottom:-.9rem;left:50%;transform:translateX(-50%)}
#atc03 .team_cont .team_box.right:before, #atc03 .team_cont .team_box.left:before{top:50%;transform:translateY(-50%)}
#atc03 .team_cont .team_box.right:before{left:-.9rem}
#atc03 .team_cont .team_box.left:before{right:-.9rem}

#atc03 .team_cont .team_box.advisor_box:after{content:'';width:12%;height:1px;background:#ccc;position:absolute;top:50%;transform:translateY(-50%)}
#atc03 .team_cont .team_box.advisor_box.right:after{left:-12.6%}
#atc03 .team_cont .team_box.advisor_box.left:after{right:-12.6%}

#atc03 .team_cont .team_box.advisor_box_one{width:45%}
/*고문 리스트*/
#atc03 .team_cont .advisor_list{max-width:92rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;justify-content:center;gap:10%}
#atc03 .team_cont .advisor{width:45%}

#atc03 .team_cont .advisor .team_box + .team_box {margin-top:1.5rem}

/*팀 리스트*/
#atc03 .team_cont .team_list{margin-top:7rem;padding-top:5rem;display:flex;gap:4%;position:relative}
#atc03 .team_cont .team_list:before{content:'';width:69.5%;height:1px;background:#ccc;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:10}
#atc03 .team_cont .team_list li{width:100%;padding:3rem 2rem;border:.5rem solid #ccc;border-radius:1rem;background:#fff;font-size:2.2rem;font-weight:700;color:#000;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}
#atc03 .team_cont .team_list li:before{content:'';width:1.2rem;height:1.2rem;border:3px solid #000;border-radius:1.2rem;background:#fff;position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);z-index:10}
#atc03 .team_cont .team_list li:after{content:'';width:1px;height:5rem;background:#ccc;position:absolute;left:50%;top:-5.5rem;transform:translateX(-50%)}
#atc03 .team_cont .team_list li:nth-child(2):after{display:none}

@media(max-width:1400px){
	#atc03 .inner{padding:10rem 2rem}
}
@media(max-width:1280px){
	#atc03 .inner{padding:9rem 2rem}
	#atc03 .tit{font-size:4.5rem}
}
@media(max-width:1024px){
	#atc03 .inner{padding:8rem 2rem}
	#atc03 .tit{font-size:4.2rem}
	
	#atc03 .team_cont .team_box{padding:3rem 1rem}
	#atc03 .team_cont .team_box .name{font-size:2.3rem}
}

@media(max-width:767px){
	#atc03 .inner{padding:7rem 2rem}
	#atc03 .tit{font-size:3.9rem}
	#atc03 .team_cont .team_list{max-width:50rem;width:100%;margin:5rem auto 0;padding-top:0}
	#atc03 .team_cont .team_list{flex-wrap:wrap;gap:3rem}
	#atc03 .team_cont .team_list:before{display:none}
	#atc03 .team_cont .team_list li{font-size:1.9rem}
	#atc03 .team_cont .team_list li:after{display:none}
	
}
@media(max-width:480px){
	#atc03 .inner{padding:6rem 2rem}
	#atc03 .tit{font-size:3.6rem}
	
	#atc03 .team_cont .team_box{border:2px solid #000}
	#atc03 .team_cont .team_list li{border:2px solid #ccc}
}
@media(max-width:320px){
	#atc03 .inner{padding:6rem 1.5rem}
	#atc03 .tit{font-size:3.3rem}
}

