@charset "utf-8";
/* 공통 */
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:var(--navy); text-align:center; border-radius:4rem; font-weight:600; position:relative; padding:15px 50px;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:var(--red);}


.table.type1 thead tr {border-top:1px solid #c6cde4; border-bottom:1px solid #c6cde4;}
.table.type1 thead tr th {color:var(--blue); font-weight:400; text-align:center; padding:12px 0; background:#fafafd;}
.table.type1 tbody tr td {text-align:center; padding:12px 10px; color:#000;}
.table.type1 tbody tr {border-bottom:1px solid #dfe3f4;}

/* 공통 */
.gymnastics table {width:100%;}
.gymnastics .gym-tit {}
.gymnastics .gym-tit h4 {font-size:24px; font-weight:700; color:#000;}
.gymnastics .gym-tit h4+article {column-count:2; gap:50px; margin-top:30px; line-height:30px;}
.gymnastics .gym-inner.first {margin-top:80px; border-top:3px solid #001c48;}
.gymnastics .gym-inner {display:flex; position:relative; padding:80px 0; line-height:30px;}
.gymnastics .gym-inner h3 {font-size:48px; color:#001c48; padding-top:35px; position:relative; line-height:1.3;}
.gymnastics .gym-inner h3+span {display:block; font-size:14px; color:#666; margin-top:15px;}
.gymnastics .gym-inner h3:before {position:absolute; left:0; top:0; width:50px; height:10px; background:#11abb8; display:block; content:'';}
.gymnastics .gym-inner .left {position:sticky; top:100px; width:340px; height:100%;}
.gymnastics .gym-inner .right {width:calc(100% - 340px);}
.gymnastics .gym-inner .right h5 {font-size:20px; color:#222; margin-bottom:20px; transform:rotate(-0.03deg);}
.gymnastics .gym-inner .right>div {overflow:hidden;}
.gymnastics .gym-inner .right>div~div {margin-top:30px;}
.gymnastics .gym-inner .right>div p {}
.gymnastics .gym-inner .right>div p~p {margin-top:30px;}
.gymnastics .gym-inner .right>div img {float:left; margin:0 48px 28px 0; border-radius:1rem; max-width:100%;}
.gymnastics .gym-inner .right>div:nth-of-type(even) img {float:right; margin:0 0 48px 28px;}
.gymnastics .gym-inner .right table td {padding:15px 20px}

.gymnastics .general .gym-tit img {max-width:100%; border-radius:1rem; margin-top:30px;}

.gymnastics .parkour .gym-inner:first-of-type {padding:0;}
.gymnastics .parkour .gym-inner .right h5 {margin-top:50px;}
.gymnastics .parkour .gym-inner .right img {width:100%; border-radius:1rem; margin-top:50px;}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	/* 공통 */
	.gymnastics .gym-tit h4 {font-size:22px;}
	.gymnastics .gym-inner h3 {font-size:36px; padding-top:30px;}
	.gymnastics .gym-inner h3:before {width:40px; height:5px;}
	.gymnastics .gym-inner {padding:70px 0;}
	.gymnastics .gym-inner.first {margin-top:70px;}
	.gymnastics .gym-inner .left {width:280px;}
	.gymnastics .gym-inner .right {width:calc(100% - 280px);}


}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	/* 공통 */
	.gymnastics .table.type1 {overflow-x:auto !important; width:100%; white-space:nowrap;}
	.gymnastics .table.type1 tr th, .table.type1 tr td {padding:12px 10px;}

	.gymnastics .gym-tit h4 {font-size:20px;}
	.gymnastics .gym-tit h4+article {column-count:1;}
	.gymnastics .gym-inner h3 {font-size:28px; padding-top:0px; padding-right:10px; display:inline-flex;}
	.gymnastics .gym-inner h3:before {display:none;}
	.gymnastics .gym-inner h3+span {display:inline-block; margin-top:0;}
	.gymnastics .gym-inner {padding:40px 0; flex-direction:column; gap:30px; border-top:1px dotted #ddd;}
	.gymnastics .parkour .gym-inner {border-top:0;}
	.gymnastics .gym-inner.first {margin-top:50px;}
	.gymnastics .gym-inner .left {position:static; width:100%;}
	.gymnastics .gym-inner .right {width:100%;}
	.gymnastics .gym-inner .right h5 {font-size:18px; margin-bottom:10px;}
	.gymnastics .gym-inner .right>div p~p {margin-top:20px;}
	.gymnastics .gym-inner .right>div~div {margin-top:20px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {

	
}