@charset "UTF-8";
/* hanbom.com _ BE ONE TEAM _ KimJuYeon _ 20240104 */

/*
	team layout
*/
#content.team #snb > .pack-down			{gap: 64px;}
#content.team .team-content.pack-down	{/*overflow: hidden; */gap: 64px;}
#content.team .fix.fix-in				{top: 104px;}
.scroll-down #content.team .fix.fix-in	{top: 44px;}
#content.team .fix.fix-out				{bottom: 80px;}

@media all and (min-width: 1441px) {
	#content.team {
		--snb : 384px;
		--snbgap : 50px;
	}
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
	#content.team {
		--snb : 304px;
		--snbgap : 32px;
	}
}


@media all and (min-width: 1281px) {
	#content.team					{max-width: 1520px;}
	#content.team > #snb			{float: left; width: var(--snb);}
	#content.team > .show-min-1281	{position: absolute; left: calc(var(--snb) + var(--snbgap) + var(--gutter)); height: calc(100% - 160px);}
	#content.team > .team-content	{float: right; position: relative; width:calc(100% - var(--snb) - var(--snbgap) - var(--snbgap) - 1px); min-height: var(--vh100)}
	#content.team #snb .menu .btn	{height: 56px; padding: 0 16px; gap: 12px;  border-radius: 4px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04); background-color: var(--bk-100);}
	#content.team .show-min-1281 .line-86	{width: 1px; height: 100%; margin: 0 auto;}
}
@media all and (max-width: 1280px) {
	#content.team	{gap: 64px;
		display: -webkit-flex; display: flex;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: stretch; align-items: stretch;
	}
	#content.team #snb.fix-element		{float: none;}
	#content.team #snb.fix-element		{position: sticky; top: var(--header); padding-top: 20px; padding-bottom: 8px; z-index: 2; background-color: var(--bk-97);}
	.scroll-down #content.team #snb.fix-element		{top: 0;}
}
@media all and (min-width: 769px) and (max-width: 1280px) {
	#content.team				{max-width: calc(956px + 40px);}
	#content.team #snb > .pack-down	{gap: 16px; width: 100%;
		-webkit-flex-direction: row; flex-direction: row;
		-webkit-justify-content: space-between; justify-content: space-between;
	}
	#content.team > .team-content	{max-width: 956px;}
}
@media all and (max-width: 768px) {
	#content.team				{padding-bottom: calc(120px - 56px); gap: 48px;}
	#content.team #snb > .pack-down			{gap: 8px;}
	#content.team .team-content.pack-down	{gap: 48px;}
}

/*
	team layout > snb
*/
#content #snb .menu .btn	{width: 100%; height: 56px; padding: 0 16px; gap: 12px; border-radius: 4px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04); background-color: var(--bk-100);}
#content #snb .menu li.current .btn	{color: var(--bk-100);; background-color: var(--blue-nomal);}
#content #snb .menu li.current .btn .fill-666	{fill: var(--bk-100);}
@media all and (max-width: 1280px) {
	#content #snb .menu ul.pack-down	{
		-webkit-flex-direction: row; flex-direction: row;
		-webkit-justify-content: space-between; justify-content: space-between;
	}
	#content #snb .menu ul.pack-down li	{
		-webkit-flex: 1; flex: 1;
	}
}
@media all and (min-width: 769px) and (max-width: 1280px) {
	#content .snb .section.menu		{
		-webkit-flex: 1 1 auto; flex: 1 1 auto;
	}
	#content .snb .section.members	{
		-webkit-flex: 1 0 40.85%; flex: 1 0 40.85%;
	}
}
@media all and (min-width: 981px) {
	#content #snb .menu .btn	{
		-webkit-justify-content: flex-start; justify-content: flex-start;
	}
}
@media all and (max-width: 980px) {
	#content #snb .menu .btn > span	{display: none}
}
@media all and (max-width: 768px) {
	#content #snb .menu ul.pack-down	{gap: 6px;}
	#content .snb .section.members		{gap: 12px;
		display: -webkit-flex; display: flex;
		-webkit-flex-direction: column; flex-direction: column;
	}
	#content .snb .section.members .section-title-group	{
		-webkit-order: 2; order: 2;
		-webkit-align-self: flex-end; align-self: flex-end;
	}
}

/*
	team layout > snb > .members
*/
#scrollSnb.floated-wrapper	{overflow: hidden; padding: 16px; max-height: 400px;}
@media all and (min-width: 1281px) {
	#snbMembers.floated-container	{position: static; padding: 0;}
	#snbMembers.floated-container::before	{top: 0; left: 0; right: 0; bottom: 0;}
	#snbMembers.floated-container.active	{position: static;}
	#scrollSnb .current .item.player	{border-radius: 4px;}
	#scrollSnb .current .item.player	{background-color: var(--blue-nomal);}
	#scrollSnb .current .item.player .item-title,
	#scrollSnb .current .item.player .player-status		{color: var(--bk-100);}
	#scrollSnb .current .item.player .player-status .ico{box-shadow: 0 0 0 2px var(--bk-100);}
	#scrollSnb .current .item.player .data-wrap .fs-14	{color: var(--blue-light);}
	#scrollSnb .current .item.player .svg-new .fill-blue	{fill: #fff;}
	#scrollSnb .current .item.player .svg-new .fill-fff		{fill: var(--blue-nomal);}
}
@media all and (max-width: 1280px) {
	#openMembers					{width: 100%; background-color: var(--bk-100);
		-webkit-justify-content: flex-start; justify-content: flex-start;
	}
	#snbMembers					{padding: 0;}
	#snbMembers.floated-container::before	{right: 0; left: 0; bottom: 0;}
	#snbMembers .floated-wrapper	{margin-top: 8px; padding-top: 0;}
}


/*
	team > global
*/
.team-content .card	{border-radius: 4px;}
.team-content .card.table-wrap	{padding: 10px 20px 24px;}
.section-squad	{padding-bottom: 20px; border-bottom: 1px solid var(--bk-92);}
.section-squad + .section-squad	{margin-top: 20px;}
@media all and (max-width: 768px) {
	.team-content .card.table-wrap	{padding: 24px 20px;}
	.section-squad	{padding-bottom: 16px;}
	.section-squad + .section-squad	{margin-top: 16px;}
}
.team .form-wrap .card.pack-down	{padding: 40px 24px; gap: 40px;}
@media all and (max-width: 768px) {
	.team .form-wrap .card.pack-down	{padding: 24px 20px; gap: 24px;}
}
@media all and (min-width: 769px) {
	.team .form-wrap .button-area.pack-center					{gap: 16px;}
	.team .form-wrap .button-area.pack-center .btn				{max-width: 240px;}
}

/* .section.dashboard : da10 da40*/
.section.dashboard .card-group,
.section.dashboard .card-group > [class*="pack-"]	{gap: 16px;}
.section.dashboard .card					{overflow: hidden; padding: 24px;}
.section.dashboard .card .right-open		{margin-right: -24px;}
.section.dashboard .card-group > [class*="pack-"] > .card {
	-webkit-flex: 1; flex: 1;
	-webkit-align-self: stretch; align-self: stretch;
}
@media all and (max-width: 768px) {
	.section.dashboard .card					{padding: 20px;}
	.section.dashboard .card .right-open		{margin-right: -20px;}
	.section.dashboard .charts.pack-both	{
		-webkit-flex-direction: column; flex-direction: column;
	}
}
.section.dashboard .chart.doughnut		{margin: 40px auto; width: 180px; height: 180px;}
.section.dashboard .chart.doughnut .average			{vertical-align: text-bottom;}
.section.dashboard .chart.doughnut .average > strong	{font-size: 40px; letter-spacing: -0.8px;}
.section.dashboard .chart.doughnut .average > span	{vertical-align: 8px;}
.section.dashboard .chart.doughnut .average + p		{margin-top: -2px;}
.section.dashboard .card > .chart.bar				{height: 340px;}
.section.dashboard .card.transition .chart.bar		{height: 223px;}
@media all and (max-width: 768px) {
	.section.dashboard .chart.doughnut		{margin: 28px auto; width: 160px; height: 160px;}
	.section.dashboard .charts .progress-group	{padding-bottom: 8px;}
	.section.dashboard .card > .chart.bar				{height: 268px;}
	.section.dashboard .card.transition .chart.bar		{height: 214px;}
}
/* .formation : form && view */
.formation .step2									{overflow: hidden; position: relative;
	display: -webkit-flex; display: flex;
}
.formation .step2 > .img-wrap						{width: 100%;}
.formation .step2.has-bg							{background-repeat: repeat-y; background-position: top center; background-size: 100% auto;}
.formation .step2 .set-formation:not(.baseball)					{position: absolute; width: 100%; height: 100%;
	-webkit-align-items: stretch; align-items: stretch;
}
/* .lineup-form */
.lineup-form .player.pack-left						{gap: 12px}
.lineup-form .step2:not(.step1-fixed)				{
	-webkit-align-items: center; align-items: center;
	-webkit-justify-content: center; justify-content: center;
}
.lineup-form .step2.step1-fixed .step-guide,
.lineup-form .step3:not(.before-loading) .step-guide,
.lineup-form .step3.before-loading .player-list		{display: none;}
/* 축구, 농구, 야구 */
.lineup-form .field.step1.edit-mode .btn.bdr-light,
.lineup-form .field.step1.fix-mode .guide,
.lineup-form .field.step1.fix-mode .btn.solid,
.lineup-form .field.step1.fix-mode .insert					{display: none;}
.lineup-form .field.step1 .insert.input-4 .input-text.large	{
	-webkit-flex: 1; flex: 1;
}
.lineup-form .by-position									{width: 100%;}
.lineup-form .by-position .bg-f7.rd-4						{padding: 0 16px;}
.lineup-form .by-position .bg-f7.rd-4 .js-accordion-switche	{padding: 12px 0;}
.lineup-form .by-position .js-accordion-content > .pack-down	{gap: 12px; padding-bottom: 12px;}
.lineup-form .btn.put-player								{padding-left: 12px; padding-right: 12px;
	-webkit-justify-content: flex-start; justify-content: flex-start;
}
.lineup-form .btn.put-player.checked						{background-color: var(--bk-0);}
.lineup-form .btn.put-player.checked,
.lineup-form .btn.put-player.checked .fc-000				{color: #fff;}
.lineup-form .btn.put-player.checked .img-wrap img			{opacity: .4}
.lineup-form .btn.put-player.checked .img-wrap::after		{content: '' ; display: block; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2245 8.49951L11.3147 17.1368L5.8877 12.6143L6.91199 11.3852L11.085 14.8627L16.9751 7.5L18.2245 8.49951Z' fill='black'/%3E%3C/svg%3E");}
@media all and (min-width: 1024px) {
	.lineup-form fieldset.pack-both-top.basic		{gap: 16px;}
	.lineup-form fieldset.pack-both-top.formation	{gap: 24px;}
	.lineup-form fieldset.basic .w-right			{width: 364px;}
	.lineup-form fieldset.basic .w-left				{width: calc(100% - (364px + 16px));}
	.lineup-form fieldset.formation .w-right		{width: 356px;}
	.lineup-form fieldset.formation .w-left			{width: calc(100% - (356px + 24px));}
}
@media all and (min-width: 769px) and (max-width: 1023px){
	.lineup-form fieldset.pack-both-top				{gap: 16px;}
	.lineup-form fieldset .w-right					{width: calc(40% - 8px);}
	.lineup-form fieldset .w-left					{width: calc(60% - 8px);}
}
@media all and (min-width: 769px) {
	.lineup-form fieldset.formation .w-right.pack-down		{gap: 40px;}
	.lineup-form fieldset.formation.stretch						{
		-webkit-align-items: stretch; align-items: stretch;
	}
	.lineup-form fieldset.formation.stretch .w-left.step2		{min-height: 541px;}
}
@media all and (max-width: 768px) {
	.lineup-form fieldset.pack-both-top				{width: 100%;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: stretch; align-items: stretch;
	}
	.lineup-form fieldset.pack-both-top.basic		{gap: 24px;}
	.lineup-form fieldset.pack-both-top.formation	{gap: 28px}
	.lineup-form fieldset.formation .w-right.pack-down	{gap: 24px;}
	form.lineup-form .step2:not(.bg-baseball)				{min-height: 240px; margin-top: 4px;}
	.lineup-form .step2:not(.bg-baseball) .list-type .place	{min-height: 60px; padding: 10px 12px; gap: 16px;}
}
/* .lineup-form > set-formation */
.set-formation .place				{width: 19%; min-width: 44px; max-width: 80px; padding: 4px 4px 0;}
.set-formation .place .pack-down-center	{
	-webkit-justify-content: flex-start; justify-content: flex-start;
}
.set-formation .place .player,
.set-formation .place .player .fc-000	{color: #fff;}
.set-formation .place .player .img-wrap + span		{gap: 4px; font-size: 14px; width: 100%;
	display: -webkit-flex; display: flex;
	-webkit-justify-content: center; justify-content: center;
	-webkit-align-items: center; align-items: center;
}
.set-formation .place .player .fc-000,
.set-formation .place .player .fw-500		{overflow: hidden; width: fit-content; height: 21px;}
.set-formation .place .player .fc-000		{
	-webkit-order: 2; order: 2;
}
.set-formation .btn.select-place	{position: relative; display: block; width: 100%; margin-bottom: calc(21px + 8px); padding-top: 100%; border-radius: 100px; background-color: rgba(255,255,255,.5);}
.set-formation .btn.select-place:hover,
.set-formation .btn.select-place.selected				{background-color: var(--bk-100);}
.set-formation .btn.select-place .ico.add-player		{position: absolute; top: 50%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.set-formation div.place			{position: relative; overflow: hidden;}
.set-formation div.place .btn.remove-player	{position: absolute; right: 0; top: 0;}
@media all and (max-width: 768px) {
	.set-formation .place .player .img-wrap + span		{gap: 2px; font-size: 12px;}
	.set-formation .place .player				{gap: 4px;}
	.set-formation .place .player .fc-000,
	.set-formation .place .player .fw-500		{height: 18px;}
	.set-formation .btn.select-place			{margin-bottom: calc(18px + 4px);}
}
.set-formation.football,
.set-formation.basketball		{
	-webkit-justify-content: space-between; justify-content: space-between;
}
.set-formation.football .group-player,
.set-formation.basketball .group-player			{width: 100%;
	display: -webkit-flex; display: flex;
	-webkit-justify-content: space-around; justify-content: space-around;
	-webkit-align-items: flex-start; align-items: flex-start;
}
.set-formation.football			{padding: 8.25% 1.5%;
	-webkit-flex-direction: column-reverse; flex-direction: column-reverse;
}
.set-formation.basketball			{padding: 40% 1.5% 16.9%;
	-webkit-flex-direction: column; flex-direction: column;
}
@media all and (min-width: 769px) and (max-width: 1280px),
				(max-width: 480px) {
	.set-formation.football			{padding-top: 4.5%; padding-bottom: 4.5%;}
}
.formation .step2.bg-baseball								{background: url("../images/formation/baseball.jpg") no-repeat top center; background-size: cover;}
.formation .step2 .set-formation.baseball					{position: relative; width: 100%; max-width: 444px; aspect-ratio: 1 / 1.19; max-height: 527px; margin: 44px auto 33px;}
.formation .step2 .set-formation.baseball .place				{position: absolute;}
.formation .step2 .set-formation.baseball .place.center-fielder,
.formation .step2 .set-formation.baseball .place.pitcher,
.formation .step2 .set-formation.baseball .place.catcher			{left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}
.formation .step2 .set-formation.baseball .place.pitcher			{bottom: 32.8%;}
.formation .step2 .set-formation.baseball .place.catcher			{bottom: 0;}
.formation .step2 .set-formation.baseball .place.left-fielder,
.formation .step2 .set-formation.baseball .place.right-fielder	{top: 7%;}
.formation .step2 .set-formation.baseball .place.left-fielder		{left: 0;}
.formation .step2 .set-formation.baseball .place.right-fielder	{right: 0;}
.formation .step2 .set-formation.baseball .place.shortstop,
.formation .step2 .set-formation.baseball .place.baseman-2		{top: 24%;}
.formation .step2 .set-formation.baseball .place.shortstop		{left: 25.67%;}
.formation .step2 .set-formation.baseball .place.baseman-2		{right: 25.67%;}
.formation .step2 .set-formation.baseball .place.baseman-3,
.formation .step2 .set-formation.baseball .place.baseman-1		{top: 37%;}
.formation .step2 .set-formation.baseball .place.baseman-3		{left: 3.15%;}
.formation .step2 .set-formation.baseball .place.baseman-1		{right: 3.15%;}
@media all and (min-width: 521px) {
	.formation .step2.bg-baseball								{min-height: 600px;}
}
@media all and (max-width: 520px) {
	.formation .step2.bg-baseball								{padding: 0 8px;}
	.formation .step2 .set-formation.baseball					{margin-top: 24px; margin-bottom: 24px;}
	.formation .step2 .set-formation.baseball .place.left-fielder		{left: 6.9%;}
	.formation .step2 .set-formation.baseball .place.right-fielder	{right: 6.9%;}
	.formation .step2 .set-formation.baseball .place.baseman-3		{left: 0;}
	.formation .step2 .set-formation.baseball .place.baseman-1		{right: 0;}
}
/* 기타, 챌린지, 야구타순 */
.formation .step2 .list-type						{width: 100%; height: fit-content; counter-reset: li;}
.formation .step2 .list-type .place	{
	display: -webkit-flex; display: flex;
	-webkit-align-items: center; align-items: center;
}
.formation .step2:not(.baseball-order) .list-type	{padding: 20px;}
.formation .step2:not(.baseball-order) .list-type .place	{min-height: 68px; padding: 14px 20px; gap: 20px; background-color: var(--bk-100);
}
.lineup-form .formation .step2:not(.baseball-order) .list-type .place	{
	-webkit-justify-content: space-between; justify-content: space-between;
}
.formation .step2 .list-type .btn.place			{width: 100%;}
.formation .step2 .list-type .place::before		{content: counter(li); counter-increment: li; display: block; width: 31px; color: var(--bk-0); text-align: center;}
.formation .step2 .list-type .place.selected		{box-shadow: 0 0 0 1px var(--bk-0) inset;}
.formation .step2:not(.baseball-order) .list-type span.player			{width: calc(100% - 79px);}
/* 야구타순 */
.formation .step2.baseball-order .list-type		{gap: 4px;
	-webkit-align-items: stretch; align-items: stretch;
}
.formation .step2.baseball-order .list-type .place	{position: relative; width: calc( (100% - (4px * 8)) / 9); padding: 16px 0 24px; gap: 12px; border-radius: 4px; background-color: var(--bk-97);
	-webkit-flex-direction: column; flex-direction: column;
}
.formation .step2.baseball-order .img-wrap.ratio-1-1		{max-width: 40px;}
.formation .step2.baseball-order .list-type .place .btn.select-order	{padding: 50px 0;}
.formation .step2.baseball-order .list-type .place .btn.remove-player	{position: absolute; left: 50%; top: 56px;}
.formation .step2.baseball-order .list-type .place .player.pack-down-center	{padding: 14px 0 0; gap: 12px;}
.formation .step2.baseball-order .list-type .place .player.pack-down-center .fs-14{width: fit-content; gap: 4px;
	display: -webkit-flex; display: flex;
}
.formation .step2.baseball-order .list-type .place .player.pack-down-center .fs-14 .fc-000	{overflow: hidden; display: block; width: 36px; height: 21px; text-align: right;}
.formation .step2.baseball-order .list-type .place .player .selected-order	{margin-top: 6px;}
@media all and (max-width: 768px) {
	.formation .step2.baseball-order .list-type		{gap: 3px;}
	.formation .step2.baseball-order .list-type .place	{width: calc( (100% - (3px * 2)) / 3); padding: 8px 0 16px; gap: 8px;}
	.formation .step2.baseball-order .list-type .place .btn.select-order	{padding: 45px 0;}
	.formation .step2.baseball-order .list-type .place .btn.remove-player	{top: 40px;}
	.formation .step2.baseball-order .list-type .place .player.pack-down-center	{padding-top: 10px; gap: 8px;}
	.formation .step2.baseball-order .list-type .place .player .selected-order	{margin-top: 10px;}
}
/* da10 */
#content.da10 #scheduleSwiper .swiper-slide	{width: auto;}
@media all and (max-width: 1280px) {
	#content.da10 #scheduleSwiper				{}
}
@media all and (max-width: 768px) {
	.lineup-form .step2:not(.baseball-order) .list-type	{padding: 12px;}
}
/* da10 _ 팀 대시보드*/
#content.da10				{padding-bottom: 0;}
#content.da10 #otherSwiper .swiper-wrapper				{gap: 16px;}
/* da10 _ 팀 컨디션*/
#content.da10 .card.condition > .pack-down	{gap: 0;}
#content.da10 .card #conditionSwiper	{overflow: visible;}
#content.da10 .card #conditionSwiper li {width: auto;}

/* da10 _ 통증 및 부상*/
#content.da10 .card.injury ul.pack-left			{gap: 29px}
@media all and (min-width: 769px) {
	#content.da10 .card.injury ul.pack-left li + li	{border-left: 1px solid var(--bk-92);}
	#content.da10 .card.injury ul.pack-left li					{
		-webkit-flex: 1; flex: 1;
	}
	#content.da10 .card.injury ul.pack-left li:first-child			{width: 19.8%;}
	#content.da10 .card.injury ul.pack-left li:not(:first-child)	{width: 16.5%;}
	#content.da10 .card.injury ul.pack-left li + li				{padding-left: 29px;}
	#content.da10 .card.injury ul.pack-left .pack-down .pack-left	{gap: 12px;}
}
@media all and (max-width: 768px) {
	#content.da10 .card.injury ul.pack-left			{gap: 16px 0;
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	#content.da10 .card.injury ul.pack-left li					{width: 23.867vw;}
	#content.da10 .card.injury ul.pack-left li:nth-child(3n-2)	{width: 33.067vw;}
}
/* da10 _ 포지션별 부상상황, 심리상태 점검, 체력점검 선수 */
#content.da10 .dashboard .others				{overflow-x: hidden;}
#content.da10 .dashboard .others .small-title	{margin-bottom: 20px;}
#content.da10 .dashboard .others h5.pack-left	{margin-bottom: 12px;}
#content.da10 .dashboard .others .scroll-wrap,
#content.da10 .dashboard .others .no-result		{height: 214px;}
#content.da10 .dashboard .others .scroll-wrap	{overflow: hidden;}
@media all and (min-width: 769px) {
	#content.da10 #otherSwiper .swiper-wrapper	{
		-webkit-flex: 1; flex: 1;
		-webkit-align-self: stretch; align-self: stretch;
	}
	#content.da10 #otherSwiper .swiper-slide	{overflow: hidden; min-height: 310px; padding: 24px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04); background-color: var(--bk-100);
		-webkit-flex: 1; flex: 1;
	}
}
@media all and (max-width: 768px) {
	#content.da10 .dashboard .others			{overflow: hidden; padding: 20px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.04); background-color: var(--bk-100);}
	#content.da10 .dashboard .others h5.pack-left	{margin-bottom: 8px;}
	#content.da10 #otherSwiper .swiper-wrapper	{gap: 0;}

	#content.da10 .dashboard .others .scroll-wrap,
	#content.da10 .dashboard .others .no-result		{height: 290px;}
}




/* da20/30 팀 관리리스트 */
@media all and (min-width: 769px) {
	.data-table.team-management .td-check				{width: 24px; padding-right: 4px;}
	.data-table.team-management .td-title				{width: 55%;}
	.data-table.team-management .td-title .ellipsis		{width: 400px;}
	.data-table.team-management .td-action				{width: 86px;}
}
@media all and (max-width: 768px) {
	.data-table.team-management .td-check,
	.data-table.team-management .td-action				{width: calc((100% - 8px)/2)}
	.data-table.team-management .td-check				{
		-webkit-order: -2; order: -2;
	}
	.data-table.team-management .td-action				{
		-webkit-order: -1; order: -1;
	}
	.data-table.team-management .td-action .pack-left	{
		-webkit-justify-content: flex-end; justify-content: flex-end;
	}
	.data-table.team-management .td-title				{width: 100%; padding-top: 10px;}
	.data-table.team-management .td-title .ellipsis		{width: 57.867vw;}
}


/* da40 */
#content.da40 .card.bg-333						{padding: 40px;}
#content.da40 .item.profile[class*="pack-"]		{gap: 24px;}
#content.da40 .item.profile .data-wrap li + li	{margin-top: 4px;}
#content.da40 .condition-summary				{gap: 20px;}
#content.da40 .condition-check					{position: relative; gap: 40px;}
#content.da40 .condition-check > .btn			{position: absolute; right: 0;}
#content.da40 .condition-card					{gap: 12px;
	-webkit-flex: 1; flex: 1;
}
#content.da40 .condition-card .pack-down-center	{gap: 10px;}
#content.da40 .card #injurySwiper				{overflow: visible;}
#content.da40 .card #injurySwiper li			{width: auto; height: initial;}
#content.da40 .card #injurySwiper li .item		{height: 100%;}
#content.da40 .card.transition .no-result		{height: 222px;}
#content.da40 .card.transition .no-result .btn	{margin-top: 12px;}
#content.da40 .team-content .card.table-wrap	{padding-top: 16px; padding-bottom: 48px;}
@media all and (min-width: 769px) {
	#content.da40 .item.profile .data-wrap			{gap: 12px;}
	#content.da40 .condition-summary				{width: 59%; max-width: 511px;}
	#content.da40 .card.transition .pack-both-top .chart-wrap	{width: calc(100% - 320px);}
	#content.da40 .card.transition .pack-both-top .table-wrap	{width: 300px; padding-top: 24px;}
	#content.da40 .card.table-wrap .td-idx				{width: 24px; padding-left: 20px; padding-right: 12px;}
	#content.da40 .card.table-wrap .td-title			{width: calc(100% - (64px + 126px + 126px));}
	#content.da40 .card.table-wrap .td-title .ellipsis		{width: calc(100% - 38px); max-width: 480px;}
	#content.da40 .card.table-wrap .td-date					{width: 90px;}
	#content.da40 .card.table-wrap .td-action				{width: 86px;}
}
@media all and (max-width: 768px) {
	#content.da40 .card.bg-333						{padding: 24px; gap: 40px;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: stretch; align-items: stretch;
	}
	#content.da40 .item.profile .data-wrap			{position: relative; width: calc(100% - 96px);}
	#content.da40 .item.profile .data-wrap .btn		{position: absolute; right: 0;}
	#content.da40 .condition-summary				{gap: 24px;}
	#content.da40 .condition-check .status .pack-left-bottom	{gap: 0;
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: flex-start; align-items: flex-start;
	}
	#content.da40 .condition-cards					{
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
	}
	#content.da40 .card.transition					{padding-bottom: 28px;}
	#content.da40 .card.transition .no-result .btn	{margin-top: 8px;}
	#content.da40 .card.transition .pack-both-top			{gap: 28px;
		-webkit-flex-direction: column; flex-direction: column;
	}
	#content.da40 .card.transition .pack-both-top .chart-wrap,
	#content.da40 .card.transition .pack-both-top .table-wrap	{width: 100%;}
	#content.da40 .card.table-wrap .td-idx				{display: none;}
	#content.da40 .card.table-wrap .td-title				{width: 66%;}
	#content.da40 .card.table-wrap .td-title .ellipsis		{width: 53.333vw;}
	#content.da40 .card.table-wrap .td-action				{width: calc(34% - 8px)}
	#content.da40 .card.table-wrap .td-action .pack-left	{
		-webkit-justify-content: flex-end; justify-content: flex-end;
	}
	#content.da40 .card.table-wrap .td-date				{
		-webkit-order: 3; order: 3;
	}
}
@media all and (max-width: 470px) {
	#content.da40 .condition-card					{min-width: calc(50% - 4px);}
}
@media all and (min-width: 769px) and (max-width: 900px) {
	#content.da40 .card.table-wrap .td-title .ellipsis		{width: 47vw;}
}

/* te10 */
#content.te10 .form-wrap	{max-width: 480px;}




/* te20 */
@media all and (min-width: 769px) {
	#content.team.te20 .td-position				{width: 24%;}
	#content.team.te20 .td-mark					{width: 20%;}
	#content.team.te20 .td-count				{}
	#content.team.te20 .td-action				{width: 86px;}
	#content.team.te20 .td-player				{width: 32%;}
	#content.team.te20 .td-charge				{width: 22%;}
	#content.team.te20 .back-num				{}
}
@media all and (max-width: 768px) {
	#content.team.te20 .data-table tbody tr:not(.mo-card)	{
		-webkit-justify-content: space-between; justify-content: space-between;
		-webkit-align-items: center; align-items: center;
	}
	#content.team.te20 .td-position				{width: 92px;}
	#content.team.te20 .td-mark					{width: 20%;}
	#content.team.te20 .td-count				{width: 20%;}
	#content.team.te20 .td-player				{width: 92px;}
}


/* #popApproval */
#popApproval .card		{padding: 28px 24px;}
#popApproval .card > .pack-left-top	{gap: 22%}
#popApproval .form-wrap				{margin-top: 28px;}
#popApproval .applicant.pack-down	{gap: 4px;}
#popApproval .app-data .label		{width: 88px;}
#popApproval .message-box			{margin-top: 24px; padding: 20px; background-color: rgba(0, 0, 0, 0.16);}
#popApproval .message-box > .pack-left	{gap: 16px;}
#popApproval .message-box > .pack-left p	{width: calc(100% - 32px - 16px);}
@media all and (max-width: 768px) {
	#popApproval .card > .pack-left-top	{gap: 20px;
		-webkit-flex-direction: column; flex-direction: column;
	}
}


/* #popLineup */
#popLineup .result-wrap,
#popLineup .no-result	{height: 208px;}
#popLineup .no-result .pack-down-center	{gap: 24px;}


/* #popRisk */
#popRisk .insert.pack-list			{gap: 24px; padding: 12px 0 32px;}
@media all and (max-width: 768px) {
	#popRisk .insert.pack-list			{gap: 18px; padding: 10px 0 30px;}
}


#popPosition .card	{padding: 16px 24px;}
#popPosition .card .insert	{width: 55%; max-width: 240px;}
#popPosition .checked-player.selected .label	{display: none;}