/**/
.crew_wrap.inner{max-width:auto; width:1200px;}

/**/
.crew_tit{font-size:24px; line-height:26px; padding-left:20px; margin-bottom:30px; background:url("../images/youth_icon.png") no-repeat left 3px;}

/**/
.crew_btn{width:100%; margin-top:40px; display:flex; justify-content:center;}
.crew_btn a{width:170px; height:55px; line-height:55px; font-size:18px; margin-left:30px; text-align:center; background:#ef5000; color:white;}
.crew_btn a:nth-child(1){margin-left:0;}
.crew_btn a.orange{background:#ef5000; color:white;}
.crew_btn a.gray{background:#333; color:white;}

/**/
.crew_box{width:100%;}
.crew_box .box{width:100%; margin-top:100px;}

/**/
.crew_img{width:100%;}
.crew_img li{width:100%; margin-top:25px;}
.crew_img li:nth-child(1){margin-top:0;}
.crew_img li img{width:100%; height:auto;}

/**/
.crew_history{width:100%;}
.crew_history .list{width:100%; border-radius:20px; margin-top:25px; display:flex; border:1px solid black;}
.crew_history .list:nth-child(1){margin-top:0;}
.crew_history .list div{font-size:18px; line-height:24px; height:110px; display:flex; justify-content:center; align-items:center; color:#333;}
.crew_history .list div:nth-child(1){width:20%;}
.crew_history .list div:nth-child(2){width:30%;}
.crew_history .list div:nth-child(3){width:30%;}
.crew_history .list div:nth-child(4){width:20%;}
.crew_history .list div a{display:inline-block; width:100px; height:34px; line-height:32px; border-radius:17px; text-align:center; background:#ef5000; color:white;}
.crew_history .list div a.black{background:black;}
.crew_history .list div span{display:inline-block; width:100px; height:34px; line-height:32px; border-radius:17px; text-align:center; background:black; color:#868686;}

/**/
.crew_att{width:100%; border-top:2px solid black;}
.crew_att table{width:100%; letter-spacing:-0.8px; font-size:18px;}
.crew_att table thead tr{border-bottom:1px solid #e5e5e5;}
.crew_att table thead tr th{color:black; height:70px; text-align:center; vertical-align:middle; font-weight:normal;}
.crew_att table tbody tr{border-bottom:1px solid #e5e5e5;}
.crew_att table tbody tr td{text-align:center; vertical-align:middle; padding:18px 0; color:#333; font-size:16px;}

.crew_att table thead tr th:nth-child(1),.crew_att table tbody tr td:nth-child(1){width:30%;}
.crew_att table thead tr th:nth-child(2),.crew_att table tbody tr td:nth-child(2){width:40%;}
.crew_att table thead tr th:nth-child(3),.crew_att table tbody tr td:nth-child(3){width:30%;}

@media screen and (min-width:1024px) and (max-width:1199px){
	/**/
	.crew_wrap.inner{width:1024px; padding-left:0; padding-right:0;}
	
	/**/
	.crew_tit{font-size:22px; line-height:24px; padding-left:15px; margin-bottom:25px; background:url("../images/youth_icon.png") no-repeat left 2px;}
	
	/**/
	.crew_btn{margin-top:30px;}
	.crew_btn a{width:150px; height:50px; line-height:50px; font-size:16px; margin-left:20px;}

	/**/
	.crew_box .box{margin-top:80px;}

	/**/
	.crew_img li{margin-top:20px;}

	/**/
	.crew_history .list{border-radius:18px; margin-top:20px;}
	.crew_history .list div{font-size:16px; line-height:22px; height:90px;}
	.crew_history .list div:nth-child(1){width:20%;}
	.crew_history .list div:nth-child(2){width:30%;}
	.crew_history .list div:nth-child(3){width:30%;}
	.crew_history .list div:nth-child(4){width:20%;}
	.crew_history .list div a{width:85px; height:32px; line-height:30px; border-radius:16px;}
	.crew_history .list div span{width:85px; height:32px; line-height:30px; border-radius:16px;}

	/**/
	.crew_att table{font-size:16px;}
	.crew_att table thead tr th{height:60px;}
	.crew_att table tbody tr td{padding:13px 0; font-size:14px;}
	.crew_att table tbody tr td img{width:auto; height:48px;}

	.crew_att table thead tr th:nth-child(1),.crew_att table tbody tr td:nth-child(1){width:30%;}
	.crew_att table thead tr th:nth-child(2),.crew_att table tbody tr td:nth-child(2){width:40%;}
	.crew_att table thead tr th:nth-child(3),.crew_att table tbody tr td:nth-child(3){width:30%;}
}

@media screen and (min-width:720px) and (max-width:1023px){
	/**/
	.crew_wrap.inner{width:720px; padding-left:0; padding-right:0;}

	/**/
	.crew_box .box{margin-top:60px;}
	
	/**/
	.crew_btn{margin-top:25px;}
	.crew_btn a{width:130px; height:45px; line-height:45px; font-size:15px; margin-left:15px;}

	/**/
	.crew_tit{font-size:20px; line-height:22px; padding-left:12px; margin-bottom:20px; background:url("../images/youth_icon.png") no-repeat left 3px / 3px 16px;}

	/**/
	.crew_img li{margin-top:15px;}

	/**/
	.crew_history .list{border-radius:16px; margin-top:15px;}
	.crew_history .list div{font-size:14px; line-height:20px; height:70px;}
	.crew_history .list div:nth-child(1){width:20%;}
	.crew_history .list div:nth-child(2){width:30%;}
	.crew_history .list div:nth-child(3){width:30%;}
	.crew_history .list div:nth-child(4){width:20%;}
	.crew_history .list div a{width:80px; height:30px; line-height:28px; border-radius:15px;}
	.crew_history .list div span{width:80px; height:30px; line-height:28px; border-radius:15px;}

	/**/
	.crew_att table{font-size:14px; line-height:18px;}
	.crew_att table thead tr th{height:55px;}
	.crew_att table tbody tr td{padding:12px 0; font-size:13px;}
	.crew_att table tbody tr td img{width:auto; height:42px;}

	.crew_att table thead tr th:nth-child(1),.crew_att table tbody tr td:nth-child(1){width:30%;}
	.crew_att table thead tr th:nth-child(2),.crew_att table tbody tr td:nth-child(2){width:40%;}
	.crew_att table thead tr th:nth-child(3),.crew_att table tbody tr td:nth-child(3){width:30%;}
}
@media screen and (max-width:767px){
	.inner{padding:0 5px;}
}

@media screen and (max-width:719px){
	/**/
	.crew_wrap.inner{width:100%; padding-bottom:60px;}

	/**/
	.crew_tit{font-size:18px; line-height:20px; padding-left:10px; margin-bottom:15px; background:url("../images/youth_icon.png") no-repeat left 3px / 3px 14px;}
	
	/**/
	.crew_btn{margin-top:20px;}
	.crew_btn a{width:110px; height:40px; line-height:40px; font-size:14px; margin-left:12px;}

	/**/
	.crew_box .box{margin-top:40px;}

	/**/
	.crew_img li{margin-top:10px;}

	/**/
	.crew_history .list{border-radius:14px; margin-top:12px;}
	.crew_history .list div{font-size:13px; line-height:18px; height:55px;}
	.crew_history .list div:nth-child(1){width:15%;}
	.crew_history .list div:nth-child(2){width:35%;}
	.crew_history .list div:nth-child(3){width:27%;}
	.crew_history .list div:nth-child(4){width:23%;}
	.crew_history .list div a{width:70px; height:28px; line-height:26px; border-radius:14px;}
	.crew_history .list div span{width:70px; height:28px; line-height:26px; border-radius:14px;}

	/**/
	.crew_att table{font-size:13px; line-height:18px;}
	.crew_att table thead tr th{height:45px;}
	.crew_att table tbody tr td{padding:8px 0; font-size:12px;}
	.crew_att table tbody tr td img{width:auto; height:35px;}

	.crew_att table thead tr th:nth-child(1),.crew_att table tbody tr td:nth-child(1){width:30%;}
	.crew_att table thead tr th:nth-child(2),.crew_att table tbody tr td:nth-child(2){width:40%;}
	.crew_att table thead tr th:nth-child(3),.crew_att table tbody tr td:nth-child(3){width:30%;}
}