@charset "utf-8";
body[class*="ds-body-mid-intro_staff_"] .ds-ct h3 {}

.ds-staff ul {display:flex; flex-wrap:wrap; padding:0; list-style:none;}
.ds-staff li {text-align:center; border:1px solid #ddd;}
.ds-staff li>div>div>* {display:block;}

.ds-staff li>* {height:100%;display:flex; flex-direction:column; align-items:stretch;}
.ds-staff li>*>div:nth-of-type(1){font-size:0;}
.ds-staff li>*>div:nth-of-type(2){flex-grow:1; flex-direction:column; display:flex; align-items:center; justify-content:flex-start; /*이름표 세로 정렬*/}

.ds-staff li small{color:steelblue;}
.ds-staff li img{max-width:100%; height:auto; margin:0 auto;}

.ds-staff-flex {display:flex; flex-wrap:wrap;}

/* 회장 */
.ds-staff-width-100 {width:100%;}
.ds-ct *.ds-staff-margin-top0 {margin-top:0;}

/* TREE */
.ds-ct-tree-v li>*>div:nth-of-type(1) {font-size:0;}
.ds-ct-tree-v img {height:auto; margin:0 auto;}

.ds-ct-tree-v small {color:steelblue;}
.ds-ct-tree-v span {letter-spacing:0.5em; padding-left:0.6em;}

@media all and (min-width:768px) {
	
	/* TREE */
	.ds-ct-tree-v li>*>div:nth-of-type(2){font-size:1.1em; line-height:1.5; padding:0.5em 0 0.3em 0;}
	.ds-ct-tree-v img {width:8rem;}

	.ds-ct-tree-v span {letter-spacing:0.5em; padding-left:0.6em;}
	
	/* STAFF */
	.ds-staff ul {margin:-1em;}
	.ds-staff li {margin:1em; width:8em;}
	.ds-staff li>*>div:nth-of-type(2){font-size:1.2em; line-height:1.5; padding:0.8em 0;}
	
	.ds-staff li small{font-size:0.7em;}
	.ds-staff li span{letter-spacing:0.5em; padding-left:0.6em;}
	.ds-staff-test-c li span {letter-spacing:0; padding-left:0;}
	
	.ds-staff-flex {margin:0 -4em;}
	.ds-staff-flex >div{margin:0 4em;}
	
	.ds-staff-large li {width:12em;}
}
@media all and (max-width:767px) {
	/* TREE */
	.ds-ct-tree-v {font-size:0.9em;}
	.ds-ct-tree-v li>*>div:nth-of-type(2){line-height:1.4; padding:0.3em 0 0.2em 0;}
	.ds-ct-tree-v img {width:4rem;}

	.ds-ct-tree-v span {letter-spacing:0.1em; padding-left:0.1em;}
	
	/* STAFF */
	.ds-staff {font-size:0.9em}
	.ds-staff ul {margin:-0.1em;}
	.ds-staff li {margin:0.1em; width:5.5em;}
	.ds-staff li>*>div:nth-of-type(2){line-height:1.4; padding:0.4em 0;}
	
	.ds-staff li small{letter-spacing:-0.1px; font-size:0.7em;}
	.ds-staff li span{letter-spacing:0.1em; padding-left:0.1em;}
	
	.ds-staff-flex {display:block; margin:0;}
	.ds-staff-flex >div{margin:0}
}