@charset "UTF-8";

/* 비주얼
-------------------------------- */
.mainVisual {
	position: relative;
	width: 100%;
	max-width:1920px;
	margin: 0 auto;
}
.mainVisual .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.mainVisual .inner h2 {
	font-family: 'S-CoreDream';
	font-size: min(5rem, 5vw);
	line-height: 1.2;
}
.mainVisual .inner h2 small {
	font-size: min(4.375rem, 4.375vw);
}
.mainVisual .inner p {
	margin-top: 2rem;
	font-size: min(2rem, 2vw);
}
.mainVisual .inner a {
	position: absolute;
	top: 0.01%;
	right: 25%;
	width: min(8.75rem, 8.75vw);
	height: min(8.75rem, 8.75vw);
	background-image: url(../images/main/mainVisual_btn.png);
	background-size: 100% auto;
}
.mainVisual .inner a:hover,
.mainVisual .inner a:focus {
	background-image: url(../images/main/mainVisual_btn_on.png);
}

/* 수강신청
---------------------------- */
.mainCourse {
	padding:6.25rem 0 5rem;
	background-image: url(../images/member/login-bg.png);
	background-repeat: no-repeat;
	background-position: 80vw bottom;
}
.mainCourse .inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.mainCourse .left  {
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 3rem;
	padding:4rem 2.5rem;
	background-image: url(../images/main/today-bg.png);
	background-repeat: no-repeat;
	background-position: right 0 bottom 0;
}
.mainCourse .left .today-wrap p {
	font-family: 'S-CoreDream';
	font-size: 1.125rem;
	font-weight: 800;
}
.mainCourse .left .today-wrap h3 {
	margin-top: 1rem;
	font-family: 'S-CoreDream';
	font-size: 2.875rem;
	font-weight: 800;
	line-height: 1;
}
.mainCourse .left ul {
	position: relative;
	width: calc(100% + 2rem);
	margin-top: 3.75rem;
	margin-left: -1rem;
}
.mainCourse .left ul:after {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #A8C5EB;
	transform: translateX(-50%);
	content:'';
}
.mainCourse .left li {
	width: 50%;
	padding:0 1rem;
}
.mainCourse .left li .weather-icon {
	display: block;
	height: 3.5rem;
	margin-bottom: 1rem;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center 0;
}
.mainCourse .left li .weather-icon.sun {
	background-image: url(../images/main/ic_sun.svg);
}
.mainCourse .left li .weather-icon.rain {
	background-image: url(../images/main/ic_rain.svg);
}
.mainCourse .left li .weather-icon.snow {
	background-image: url(../images/main/ic_snow.svg);
}
.mainCourse .left li .weather-icon.sunny {
	background-image: url(../images/main/ic_sunny.svg);
}
.mainCourse .left li .weather-icon.cloud {
	background-image: url(../images/main/ic_cloudy.svg);
}
.mainCourse .left li p {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 0.5rem;
}
.mainCourse .left li .weather {
	font-size: 0.875rem;
	line-height: 1.2;
}
.mainCourse .left li .weather-num {
	font-family: 'S-CoreDream';
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
}
.mainCourse .right {
	overflow: hidden;
	position: relative;
	grid-column: 2 / 5;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.mainCourse .right .swiper-course-tab {
	margin-bottom: 1.5rem;
	margin-left: 0.25rem;
}
.mainCourse .right .swiper-course-tab button {
	margin: 0.25rem 0;
    padding: 0.5rem 1.5rem;
	border-radius: 2rem;
	font-size: 1.125rem;
	font-weight: 700;
	color: #737478;
	line-height: 1.77;
    letter-spacing: -0.45px;
	text-align: center;
    background-color: transparent;
}
.mainCourse .right .swiper-course-tab button.on {
	color: #fff;
	background-color: #222;
}
.mainCourse .top .swiper-slide {
	width: auto;
}
.mainCourse .bottom.swiper {
	width: 100%;
	height: calc(100% - 5.5rem);
	padding:0.25rem;
}
@keyframes backMove {
	0% {background-position: 100% 0;}
	100% {background-position: 110% 0;}
}
.mainCourse .bottom .swiper-slide > a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding:2rem;
	color: #222;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 7.8125rem auto;
}
.mainCourse .bottom .swiper-slide > a.end {
	color: #737478;
}
.mainCourse [data-course='class'] > a {
	background-image: url(../images/main/course-bg-class.png?v=0.1);
}
.mainCourse [data-course='swim'] > a {
	background-image: url(../images/main/course-bg-free.png?v=0.1);
}
.mainCourse [data-course='aqua'] > a {
	background-image: url(../images/main/course-bg-aqua.png?v=0.1);
}
.mainCourse [data-course='childClass'] > a {
	background-image: url(../images/main/course-bg-childClass.png?v=0.1);
}
.mainCourse [data-course='special'] > a {
	background-image: url(../images/main/course-bg-special.png?v=0.1);
}
.mainCourse [data-course='dance'] > a {
	background-image: url(../images/main/course-bg-dance.png?v=0.1);
}
.mainCourse [data-course='yoga'] > a {
	background-image: url(../images/main/course-bg-yoga.png?v=0.1);
}
.mainCourse [data-course='pila'] > a {
	background-image: url(../images/main/course-bg-pila.png?v=0.1);
}
.mainCourse [data-course='zumba'] > a {
	background-image: url(../images/main/course-bg-zumba.png?v=0.1);
}
.mainCourse [data-course='aero'] > a {
	background-image: url(../images/main/course-bg-aero.png?v=0.1);
}
.mainCourse .slide-top .label-wrap {
	gap: 0.25rem;
}
.mainCourse .slide-top .label-wrap span {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	border-radius: 0.25rem;
}
.mainCourse .slide-top .label-wrap span.ing,
.mainCourse .slide-top .label-wrap span.end {
	display: none;
	padding: 0.28rem 0.5rem 0.25rem;
}
.mainCourse .slide-top .label-wrap span.free {
	color: #1A9CEB;
	border:1px solid #1A9CEB;
}
.mainCourse .slide-top .label-wrap span.swim {
	color: #3F64D0;
	border:1px solid #3F64D0;
}
.mainCourse .slide-top .label-wrap span.aqua {
	color: #0599A2;
	border:1px solid #0599A2;
}
.mainCourse .slide-top .label-wrap span.gx {
	color: #7E44E4;
	border:1px solid #7E44E4;
}
.mainCourse .slide-top p {
	margin-top: 0.75rem;
	font-size: 1.5rem;
	font-weight: 700;
}
.mainCourse .slide-body {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	margin-top: 1.875rem;
	padding-top: 1.875rem;
	border-top: 1px solid #D9D9D9;
}
.mainCourse .slide-body p {
	padding-left: 2rem;
	font-size: 1rem;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 1.5rem 1.5rem;
}
.mainCourse .slide-body p.course-day {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M5.97217 9.55208H19.0277M5.97217 9.55208V16.7326C5.97217 17.6465 5.97217 18.1035 6.15005 18.4527C6.30651 18.7598 6.55615 19.0094 6.86321 19.1659C7.21163 19.3437 7.66857 19.3437 8.58083 19.3437H16.4191C17.3313 19.3437 17.7874 19.3437 18.1359 19.1659C18.4435 19.0092 18.6932 18.7595 18.8498 18.4527C19.0277 18.1035 19.0277 17.6482 19.0277 16.7359V9.55208M5.97217 9.55208V8.89931C5.97217 7.98542 5.97217 7.52847 6.15005 7.17924C6.30672 6.87161 6.55559 6.62274 6.86321 6.46608C7.21245 6.28819 7.66939 6.28819 8.58328 6.28819H9.23606M19.0277 9.55208V8.89686C19.0277 7.9846 19.0277 7.52766 18.8498 7.17924C18.6932 6.87206 18.4432 6.6224 18.1359 6.46608C17.7874 6.28819 17.3305 6.28819 16.4166 6.28819H15.7638M9.23606 6.28819H15.7638M9.23606 6.28819V4.65625M15.7638 6.28819V4.65625' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mainCourse .slide-body p.course-time {
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 12C5.5 12.9193 5.68106 13.8295 6.03284 14.6788C6.38463 15.5281 6.90024 16.2997 7.55025 16.9497C8.20026 17.5998 8.97194 18.1154 9.82122 18.4672C10.6705 18.8189 11.5807 19 12.5 19C13.4193 19 14.3295 18.8189 15.1788 18.4672C16.0281 18.1154 16.7997 17.5998 17.4497 16.9497C18.0998 16.2997 18.6154 15.5281 18.9672 14.6788C19.3189 13.8295 19.5 12.9193 19.5 12C19.5 10.1435 18.7625 8.36301 17.4497 7.05025C16.137 5.7375 14.3565 5 12.5 5C10.6435 5 8.86301 5.7375 7.55025 7.05025C6.2375 8.36301 5.5 10.1435 5.5 12Z' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 8.11108V12L14.8333 14.3333' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mainCourse .slide-body p.course-max {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 10.6072C12.4104 10.6072 12.8167 10.5263 13.1959 10.3693C13.575 10.2123 13.9195 9.98207 14.2097 9.69189C14.4999 9.4017 14.7301 9.05721 14.8871 8.67806C15.0442 8.29892 15.125 7.89256 15.125 7.48218C15.125 7.0718 15.0442 6.66543 14.8871 6.28629C14.7301 5.90715 14.4999 5.56265 14.2097 5.27247C13.9195 4.98229 13.575 4.7521 13.1959 4.59505C12.8167 4.43801 12.4104 4.35718 12 4.35718C11.1712 4.35718 10.3763 4.68642 9.79029 5.27247C9.20424 5.85852 8.875 6.65338 8.875 7.48218C8.875 8.31098 9.20424 9.10584 9.79029 9.69189C10.3763 10.2779 11.1712 10.6072 12 10.6072ZM5.75 19.1072V19.6429H18.25V19.1072C18.25 17.1072 18.25 16.1072 17.8607 15.3429C17.5183 14.6709 16.972 14.1246 16.3 13.7822C15.5357 13.3929 15.4286 13.3929 13.4286 13.3929H10.5714C8.57143 13.3929 8.46429 13.3929 7.7 13.7822C7.02802 14.1246 6.48169 14.6709 6.13929 15.3429C5.75 16.1072 5.75 17.1072 5.75 19.1072Z' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mainCourse .slide-body p.course-pay {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4532 16.0294C18.9964 13.303 17.691 10.7903 15.723 8.84901C15.2921 8.42983 15.0771 8.22065 14.6012 8.02731C14.1254 7.83313 13.7162 7.83313 12.8987 7.83313H11.1019C10.2844 7.83313 9.87518 7.83313 9.39933 8.02731C8.92431 8.22065 8.70763 8.42983 8.27761 8.84901C6.30956 10.7903 5.0042 13.303 4.54743 16.0294C4.14157 18.4778 6.40002 20.3337 8.92347 20.3337H15.0771C17.6014 20.3337 19.8607 18.4778 19.4523 16.0294' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.04758 5.70219C7.87507 5.45218 7.62589 5.11216 8.14092 5.03549C8.67011 4.95549 9.2193 5.31717 9.75766 5.31051C10.2435 5.30301 10.491 5.08716 10.7577 4.77881C11.0377 4.45463 11.4711 3.66626 12.0003 3.66626C12.5295 3.66626 12.9628 4.45463 13.2428 4.77881C13.5095 5.08716 13.757 5.30384 14.2429 5.30967C14.7812 5.31801 15.3304 4.95549 15.8596 5.03466C16.3747 5.11216 16.1255 5.45135 15.953 5.70136L15.1763 6.83391C14.8429 7.31727 14.6771 7.55895 14.3287 7.69646C13.9804 7.83396 13.5312 7.83313 12.632 7.83313H11.3686C10.4685 7.83313 10.0193 7.83313 9.67183 7.69646C9.32431 7.55978 9.15763 7.31644 8.82429 6.83308L8.04758 5.70219Z' stroke='%23737478' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.45122 15.2042H8.62537V14.4834H9.27854L8.72297 12.126H9.75904L10.2471 14.4834H10.9753L11.5159 12.126H12.4844L13.0249 14.4834H13.7569L14.2412 12.126H15.2773L14.7217 14.4834H15.3749V15.2042H14.549L13.9934 17.5616H12.8973L12.3605 15.2042H11.6397L11.1029 17.5616H10.0068L9.45122 15.2042ZM10.5699 16.0526H10.6149L10.8101 15.2042H10.3935L10.5699 16.0526ZM12.1953 14.4834L12.0189 13.7026H11.9814L11.8049 14.4834H12.1953ZM13.3853 16.0601H13.4304L13.6068 15.2042H13.1901L13.3853 16.0601Z' fill='%23737478'/%3E%3C/svg%3E%0A");
}
.mainCourse .slide-foot {
	margin-top: auto;
	padding-top: 2rem;
}
.mainCourse .slide-foot span {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 1rem;
	font-weight: bold;
}
.mainCourse .slide-foot span:after {
	width: 1.125rem;
	height: 1.125rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5896 23.8146C29.5516 23.5635 29.436 23.322 29.2427 23.1287L22.4999 16.3859C22.0187 15.9047 21.2386 15.9047 20.7574 16.3859C20.2762 16.8671 20.2762 17.6472 20.7574 18.1284L26.6289 24L20.7574 29.8715C20.2762 30.3527 20.2762 31.1329 20.7574 31.614C21.2386 32.0952 22.0187 32.0952 22.4999 31.614L29.2427 24.8713C29.4833 24.6307 29.6036 24.3153 29.6035 23.9999C29.6035 23.938 29.5989 23.876 29.5896 23.8146Z' fill='%23222222'/%3E%3C/svg%3E");
	background-color: #fff;
	background-size: 100% auto;
	content:'';
}

.mainCourse .bottom .swiper-slide > a.ing .slide-top .label-wrap span.ing {
	display: inline-block;
}
.mainCourse .bottom .swiper-slide > a.end .slide-top .label-wrap span.end {
	display: inline-block;
}
.mainCourse .bottom .swiper-slide > a:hover,
.mainCourse .bottom .swiper-slide > a:focus {
	border: 2px solid #0A6DED !important;
	box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15);

	animation-name: backMove;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
/* .mainCourse .bottom .swiper-slide > a:hover .slide-top p,
.mainCourse .bottom .swiper-slide > a:focus .slide-top p,
.mainCourse .bottom .swiper-slide > a:hover .slide-foot span,
.mainCourse .bottom .swiper-slide > a:focus .slide-foot span {
	text-decoration: underline;
	text-underline-position: under;
} */
.mainCourse .bottom .swiper-slide > a:hover .slide-foot span:after,
.mainCourse .bottom .swiper-slide > a:focus .slide-foot span:after {
	border-color: #222;
	background-color: #222;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5896 23.8146C29.5516 23.5635 29.436 23.322 29.2427 23.1287L22.4999 16.3859C22.0187 15.9047 21.2386 15.9047 20.7574 16.3859C20.2762 16.8671 20.2762 17.6472 20.7574 18.1284L26.6289 24L20.7574 29.8715C20.2762 30.3527 20.2762 31.1329 20.7574 31.614C21.2386 32.0952 22.0187 32.0952 22.4999 31.614L29.2427 24.8713C29.4833 24.6307 29.6036 24.3153 29.6035 23.9999C29.6035 23.938 29.5989 23.876 29.5896 23.8146Z' fill='%23fff'/%3E%3C/svg%3E");
}
.mainCourse .bottom .swiper-slide > a.end:hover .slide-foot span:after,
.mainCourse .bottom .swiper-slide > a.end:focus .slide-foot span:after {
	border-color: #737478;
	background-color: #737478;
}
.mainCourse .bottom ~ .swiper-indicator {
	position: absolute;
	right: 4.25rem;
	top: 1rem;
}
.mainCourse .bottom ~ .swiper-indicator button {
	position: static;
	width: 3rem;
	height: 3rem;
	margin-top: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	background-size: 100% auto;
}
.mainCourse .bottom ~ .swiper-indicator button:after {
	display: none;
}
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-prev {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(-0.707107 0.707107 0.707107 0.707107 19.6284 22.2576)' fill='%23222222'/%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(0.707107 0.707107 0.707107 -0.707107 17.886 24)' fill='%23222222'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-next {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5896 23.8146C29.5516 23.5635 29.436 23.322 29.2427 23.1287L22.4999 16.3859C22.0187 15.9047 21.2386 15.9047 20.7574 16.3859C20.2762 16.8671 20.2762 17.6472 20.7574 18.1284L26.6289 24L20.7574 29.8715C20.2762 30.3527 20.2762 31.1329 20.7574 31.614C21.2386 32.0952 22.0187 32.0952 22.4999 31.614L29.2427 24.8713C29.4833 24.6307 29.6036 24.3153 29.6035 23.9999C29.6035 23.938 29.5989 23.876 29.5896 23.8146Z' fill='%23222222'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-indicator button:hover,
.mainCourse .bottom ~ .swiper-indicator button:focus {
	border: 1px solid #0A6DED;
	/* background-color: #393B44; */
}
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-prev:hover,
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-prev:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(-0.707107 0.707107 0.707107 0.707107 19.6284 22.2576)' fill='%230A6DED'/%3E%3Crect width='2.46429' height='12' rx='1.23214' transform='matrix(0.707107 0.707107 0.707107 -0.707107 17.886 24)' fill='%230A6DED'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-next:hover,
.mainCourse .bottom ~ .swiper-indicator button.swiper-button-next:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5896 23.8146C29.5516 23.5635 29.436 23.322 29.2427 23.1287L22.4999 16.3859C22.0187 15.9047 21.2386 15.9047 20.7574 16.3859C20.2762 16.8671 20.2762 17.6472 20.7574 18.1284L26.6289 24L20.7574 29.8715C20.2762 30.3527 20.2762 31.1329 20.7574 31.614C21.2386 32.0952 22.0187 32.0952 22.4999 31.614L29.2427 24.8713C29.4833 24.6307 29.6036 24.3153 29.6035 23.9999C29.6035 23.938 29.5989 23.876 29.5896 23.8146Z' fill='%230A6DED'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-control {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 1rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
}
.mainCourse .bottom ~ .swiper-control .swiper-button-toggle  {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}
.mainCourse .bottom ~ .swiper-control .swiper-button-toggle button {
	width: 0.625rem;
	height: 1rem;
	background-size: 100% auto;
}
.mainCourse .bottom ~ .swiper-control .swiper-button-toggle .swiper-button-play {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'%3E%3Cpath d='M9.50644 6.93119C10.123 7.48459 10.123 8.51525 9.50645 9.06865L2.67393 15.2011C1.84733 15.943 0.602891 15.3009 0.602891 14.1324L0.602892 1.86743C0.602892 0.698967 1.84733 0.0567974 2.67393 0.798709L9.50644 6.93119Z' fill='%23888888'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-control .swiper-button-toggle .swiper-button-stop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Crect x='1.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='%23888888'/%3E%3Crect x='7.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='%23888888'/%3E%3C/svg%3E");
}
.mainCourse .bottom ~ .swiper-control .swiper-pagination {
	position: static;
	bottom: 0;
	width: auto;
}
.mainCourse .bottom ~ .swiper-control .swiper-pagination .swiper-pagination-bullet {
	width: 0.75rem;
	height: 0.75rem;
	background-color: #ddd;
	opacity: 1;
	transition: width 0.3s;
}
.mainCourse .bottom ~ .swiper-control .swiper-pagination .swiper-pagination-bullet-active {
	width: 2.25rem;
	border-radius: 0.75rem;
	background-color: #0A6DED;
}
.mainCourse .bottom ~ .swiper-button-more {
	position: absolute;
	top: 1rem;
	right: 0.25rem;
	width: 3rem;
	height: 3rem;
	border: 1px solid #393B44;
	background-color: #393B44;
	background-size: 90% auto;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 11.375C19.3195 11.375 18.7679 11.9266 18.7679 12.6071V18.7679H12.6071C11.9266 18.7679 11.375 19.3195 11.375 20C11.375 20.6805 11.9266 21.2321 12.6071 21.2321H18.7679V27.3929C18.7679 28.0734 19.3195 28.625 20 28.625C20.6805 28.625 21.2321 28.0734 21.2321 27.3929V21.2321H27.3929C28.0734 21.2321 28.625 20.6805 28.625 20C28.625 19.3195 28.0734 18.7679 27.3929 18.7679H21.2321V12.6071C21.2321 11.9266 20.6805 11.375 20 11.375Z' fill='white'/%3E%3C/svg%3E%0A");
	z-index: 2;
}
.mainCourse .bottom ~ .swiper-button-more:hover,
.mainCourse .bottom ~ .swiper-button-more:focus {
	opacity: 0.5;
}
.mainCourse .course_empty{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.mainCourse .course_empty.active {
	display: flex;
}
.mainCourse .course_empty span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	color: #737478;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 500;
}
.mainCourse .course_empty span:before {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_588_6747)'%3E%3Cpath d='M28.717 2.37402H15.7413C14.5469 2.37402 13.5787 3.34226 13.5787 4.53665V8.8619C13.5787 10.0563 14.5469 11.0245 15.7413 11.0245H28.717C29.9114 11.0245 30.8797 10.0563 30.8797 8.8619V4.53665C30.8797 3.34226 29.9114 2.37402 28.717 2.37402Z' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5784 6.69946H9.25315C8.10602 6.69946 7.00588 7.15516 6.19474 7.9663C5.3836 8.77744 4.9279 9.87758 4.9279 11.0247V41.3014C4.9279 42.4486 5.3836 43.5487 6.19474 44.3599C7.00588 45.171 8.10602 45.6267 9.25315 45.6267H35.2046C36.3518 45.6267 37.4519 45.171 38.263 44.3599C39.0742 43.5487 39.5299 42.4486 39.5299 41.3014V40.2201M30.8794 6.69946H35.2046C35.9631 6.70024 36.7081 6.90046 37.3647 7.28004C38.0214 7.65963 38.5667 8.20522 38.946 8.86209M13.5784 36.9762H15.741' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.0411 23.9787C46.0377 22.9821 46.5975 21.6305 46.5975 20.2211C46.5975 18.8118 46.0377 17.4602 45.0411 16.4636C44.0446 15.4671 42.6929 14.9072 41.2836 14.9072C39.8743 14.9072 38.5227 15.4671 37.5261 16.4636L27.4944 26.5003C26.8996 27.0948 26.4643 27.8296 26.2286 28.6368L24.1347 35.8166C24.0719 36.0318 24.0681 36.26 24.1238 36.4772C24.1794 36.6944 24.2924 36.8927 24.451 37.0513C24.6096 37.2098 24.8078 37.3228 25.025 37.3785C25.2423 37.4341 25.4704 37.4304 25.6857 37.3676L32.8655 35.2737C33.6727 35.038 34.4075 34.6026 35.0019 34.0078L45.0411 23.9787Z' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_588_6747'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
}

/* 소식
---------------------------- */
.mainNotice {
	padding:6.25rem 0;
}
.mainNotice .inner {
	justify-content: space-between;
	gap: 3.5rem;
}
.mainNotice .left {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	padding:0.25rem;
}
.mainNotice .left .tit {
	flex-shrink: 0;
	margin-bottom: 2.5rem;
	font-family: 'S-CoreDream';
	font-size: 2.25rem;
	font-weight: 800;
}
.mainNotice .left .tit span {
	color: #0599A2;
}
.mainNotice .left ul {
	border: 1px solid #ddd;
	border-radius: 1.25rem;
}
.mainNotice .left ul li + li {
	border-top: 1px solid #ddd;
}
.mainNotice .left ul li a {
	display: flex;
	gap: 0.75rem;
	padding: 1.25rem 1rem;
}
.mainNotice .left ul li p {
	overflow: hidden;
	width: 100%;
	color: #222;
	font-size: 1.125rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mainNotice .left ul li:hover p,
.mainNotice .left ul li:focus p {
	font-weight: bold;
	text-decoration: underline;
	text-underline-position: under;
}
.mainNotice .left ul li span.notiCate {
	display: inline-flex;
	flex-shrink: 0;
	width: 3.5rem;
	padding: 0.25rem 0.5rem;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.3125rem;
}
.mainNotice .left ul li span.notiCate.common {
	background-color: #5779BC;
}
.mainNotice .left ul li span.notiCate.swim {
	background-color: #449BDF;
}
.mainNotice .left ul li span.notiCate.gx {
	background-color: #A265C8;
}
.mainNotice .left ul li span.notiCate.gym {
	background-color: #F26A5E;
}
.mainNotice .left ul li span.notiDate {
	flex-shrink: 0;
	margin-left: auto;
	color: #737478;
	font-size: 1rem;
}
.mainNotice .left a.notice-more {
	position: absolute;
	top: 0.5rem;
	right: 0.25rem;
	width: 3rem;
	height: 3rem;
	border: 1px solid #393B44;
	background-color: #393B44;
	background-size: 90% auto;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 11.375C19.3195 11.375 18.7679 11.9266 18.7679 12.6071V18.7679H12.6071C11.9266 18.7679 11.375 19.3195 11.375 20C11.375 20.6805 11.9266 21.2321 12.6071 21.2321H18.7679V27.3929C18.7679 28.0734 19.3195 28.625 20 28.625C20.6805 28.625 21.2321 28.0734 21.2321 27.3929V21.2321H27.3929C28.0734 21.2321 28.625 20.6805 28.625 20C28.625 19.3195 28.0734 18.7679 27.3929 18.7679H21.2321V12.6071C21.2321 11.9266 20.6805 11.375 20 11.375Z' fill='white'/%3E%3C/svg%3E%0A");
}
.mainNotice .left a.notice-more:hover,
.mainNotice .left a.notice-more:focus {
	opacity: 0.5;
}
.mainNotice .left .notice_empty{
	display: none;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.mainNotice .left .notice_empty.active {
	display: flex;
}
.mainNotice .left .notice_empty span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	color: #737478;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 500;
}
.mainNotice .left .notice_empty span:before {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_588_6747)'%3E%3Cpath d='M28.717 2.37402H15.7413C14.5469 2.37402 13.5787 3.34226 13.5787 4.53665V8.8619C13.5787 10.0563 14.5469 11.0245 15.7413 11.0245H28.717C29.9114 11.0245 30.8797 10.0563 30.8797 8.8619V4.53665C30.8797 3.34226 29.9114 2.37402 28.717 2.37402Z' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5784 6.69946H9.25315C8.10602 6.69946 7.00588 7.15516 6.19474 7.9663C5.3836 8.77744 4.9279 9.87758 4.9279 11.0247V41.3014C4.9279 42.4486 5.3836 43.5487 6.19474 44.3599C7.00588 45.171 8.10602 45.6267 9.25315 45.6267H35.2046C36.3518 45.6267 37.4519 45.171 38.263 44.3599C39.0742 43.5487 39.5299 42.4486 39.5299 41.3014V40.2201M30.8794 6.69946H35.2046C35.9631 6.70024 36.7081 6.90046 37.3647 7.28004C38.0214 7.65963 38.5667 8.20522 38.946 8.86209M13.5784 36.9762H15.741' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45.0411 23.9787C46.0377 22.9821 46.5975 21.6305 46.5975 20.2211C46.5975 18.8118 46.0377 17.4602 45.0411 16.4636C44.0446 15.4671 42.6929 14.9072 41.2836 14.9072C39.8743 14.9072 38.5227 15.4671 37.5261 16.4636L27.4944 26.5003C26.8996 27.0948 26.4643 27.8296 26.2286 28.6368L24.1347 35.8166C24.0719 36.0318 24.0681 36.26 24.1238 36.4772C24.1794 36.6944 24.2924 36.8927 24.451 37.0513C24.6096 37.2098 24.8078 37.3228 25.025 37.3785C25.2423 37.4341 25.4704 37.4304 25.6857 37.3676L32.8655 35.2737C33.6727 35.038 34.4075 34.6026 35.0019 34.0078L45.0411 23.9787Z' stroke='%23737478' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_588_6747'%3E%3Crect width='48' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
}
.mainNotice .right {
	position: relative;
	flex-shrink: 0;
	width: 100%;
	max-width: 29.375rem;
}
.mainNotice .right .swiper {
	padding:0.25rem;
}
.mainNotice .right .swiper-slide > a {
	overflow: hidden;
	display: block;
	border-radius: 1.25rem;
}
.mainNotice .right .swiper-indicator {
	position: absolute;
	right: 0.25rem;
	top: 100%;
	padding: 0.375rem 0.5rem;
	border-radius: 100px;
	background-color: rgba(57, 59, 68, 0.90);
	z-index: 10;
}
.mainNotice .right .swiper-indicator button.swiper-button-prev,
.mainNotice .right .swiper-indicator button.swiper-button-next {
	flex-shrink: 0;
	position: static;
	width: 0.625rem;
	height: 1rem;
	margin-top: 0;
	background-size: 100% auto;
}
.mainNotice .right .swiper-indicator button:after {
	display: none;
}
.mainNotice .right .swiper-indicator button.swiper-button-prev {
	order: 2;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M8.47551 0.682204C8.69129 0.898043 8.8125 1.19074 8.8125 1.49594C8.8125 1.80114 8.69129 2.09384 8.47551 2.30968L2.7782 8.00699L8.47551 13.7043C8.68517 13.9214 8.80118 14.2121 8.79856 14.5139C8.79594 14.8157 8.67489 15.1044 8.46149 15.3178C8.24809 15.5312 7.95941 15.6522 7.65763 15.6548C7.35585 15.6574 7.06511 15.5414 6.84804 15.3318L0.336989 8.82073C0.121215 8.60489 0 8.31219 0 8.00699C0 7.70179 0.121215 7.40909 0.336989 7.19325L6.84804 0.682204C7.06388 0.46643 7.35658 0.345215 7.66177 0.345215C7.96697 0.345215 8.25967 0.46643 8.47551 0.682204Z' fill='white'/%3E%3C/svg%3E");
}
.mainNotice .right .swiper-indicator button.swiper-button-next {
	order: 4;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16' fill='none'%3E%3Cpath d='M1.52449 0.682204C1.30871 0.898043 1.1875 1.19074 1.1875 1.49594C1.1875 1.80114 1.30871 2.09384 1.52449 2.30968L7.2218 8.00699L1.52449 13.7043C1.31483 13.9214 1.19882 14.2121 1.20144 14.5139C1.20406 14.8157 1.32511 15.1044 1.53851 15.3178C1.75191 15.5312 2.04059 15.6522 2.34237 15.6548C2.64415 15.6574 2.93489 15.5414 3.15196 15.3318L9.66301 8.82073C9.87879 8.60489 10 8.31219 10 8.00699C10 7.70179 9.87879 7.40909 9.66301 7.19325L3.15196 0.682204C2.93612 0.46643 2.64342 0.345215 2.33823 0.345215C2.03303 0.345215 1.74033 0.46643 1.52449 0.682204Z' fill='white'/%3E%3C/svg%3E");
}
.mainNotice .right .swiper-indicator button.swiper-button-prev:hover,
.mainNotice .right .swiper-indicator button.swiper-button-prev:focus {
	/* border-bottom: 2px solid #fff; */
}
.mainNotice .right .swiper-indicator button.swiper-button-next:hover,
.mainNotice .right .swiper-indicator button.swiper-button-next:focus {
	/* border-bottom: 2px solid #fff; */
}
.mainNotice .right .swiper-button-toggle  {
	order: 3;
	flex-shrink: 0;
}
.mainNotice .right .swiper-button-toggle button {
	width: 0.625rem;
	height: 1rem;
	background-size: 100% auto;
}
.mainNotice .right .swiper-button-toggle .swiper-button-play {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'%3E%3Cpath d='M9.50644 6.93119C10.123 7.48459 10.123 8.51525 9.50645 9.06865L2.67393 15.2011C1.84733 15.943 0.602891 15.3009 0.602891 14.1324L0.602892 1.86743C0.602892 0.698967 1.84733 0.0567974 2.67393 0.798709L9.50644 6.93119Z' fill='white'/%3E%3C/svg%3E");
}
.mainNotice .right .swiper-button-toggle .swiper-button-stop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Crect x='1.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='white'/%3E%3Crect x='7.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='white'/%3E%3C/svg%3E");
}
.mainNotice .right .swiper-pagination {
	order: 1;
	position: static;
}
.mainNotice .right .swiper-pagination-bullet {
	width: 0.75rem;
	height: 0.75rem;
	background-color: #ddd;
	opacity: 1;
	transition: width 0.3s;
}
.mainNotice .right .swiper-pagination-bullet-active {
	width: 2.25rem;
	border-radius: 0.75rem;
	background-color: #fff;
}

@media screen and (max-width: 1345px) {
	.mainCourse .left {
		padding: 3rem 1.5rem;
	}
	.mainCourse .left li p {
		flex-direction: column;
	}
	.mainCourse .left li .weather br {
		display: none;
	}
	.mainCourse .bottom .swiper-slide > a {
		padding:1.5rem;
	}
}
@media screen and (max-width: 1024px) {
	.mainCourse .inner {
		position: relative;
		grid-template-columns: repeat(3, 1fr);
	}
	.mainCourse .left {
		margin-bottom: 4rem;
	}
	.mainCourse .right {
		position: static;
	}
	.mainCourse .bottom.swiper {
		height: calc(100% - 6.25rem);
	}
	.mainCourse .bottom ~ .swiper-indicator {
		top: auto;
		bottom: 0;
		right: 50%;
		gap: 8rem;
		transform: translateX(50%);
		z-index: 10;
	}
	.mainCourse .bottom ~ .swiper-control {
		max-width: 3rem;
		z-index: 11;
	}
	.mainCourse .bottom ~ .swiper-control .swiper-button-toggle {
		justify-content: center;
		width: 3rem;
		height: 3rem;
		border: 1px solid #ddd;
		border-radius: 100%;
	}
	.mainCourse .bottom ~ .swiper-control .swiper-button-toggle button {
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: 0.625rem auto;
		background-repeat: no-repeat;
	}
	.mainCourse .bottom ~ .swiper-control .swiper-pagination {
		display: none;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}
	.mainCourse .bottom ~ .swiper-button-more {
		top: auto;
		bottom: 0;
		right: 1rem;
		/* left: calc(50% + 5rem); */
		z-index: 10;
	}
	.mainCourse .course_empty {
		/* height: calc(100% - 6.75rem); */
		height: 100%;
	}

	.mainNotice .inner {
		gap: 2rem;
	}
	.mainNotice .left { 
		width: calc(100% - 31.375rem);
	}
}
@media screen and (max-width: 880px) {
	.mainCourse .inner {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	.mainCourse .left {
		flex-direction: row;
		margin-top: 0;
		margin-bottom: 0;
	}
	.mainCourse .left .today-wrap {
		flex-shrink: 0;
	}
	.mainCourse .left ul {
		margin-top: 0;
	}
	.mainCourse .right {
		grid-column: auto;
		padding-bottom: 4rem;
	}
	.mainCourse .bottom.swiper {
		height: auto;
		min-height: 18.75rem;
	}
	.mainCourse .slide-body {
		margin-top: 1.875rem;
	}
	.mainCourse .course_empty {
		padding:4rem 0;
	}
	.mainNotice .inner {
		flex-direction: column;
		align-items: center;
		margin-bottom: 2.25rem;
	}
	.mainNotice .left {
		width: 100%;
	}
	.mainNotice .left .tit {
		margin-bottom: 1.5rem;
	}
	.mainNotice .left ul li span.notiDate {
		margin-left: 0;
	}
	.mainNotice .left .notice_empty {
		padding:4rem 0;
	}
}
@media screen and (max-width: 768px) {
	.mainCourse {
		padding:3.5rem 0;
	}
	.mainCourse .left {
		padding: 2rem 1rem 2rem 2rem;
	}
	.mainCourse .left .today-wrap p {
		font-size: 0.875rem;
	}
	.mainCourse .left .today-wrap h3 {
		font-size: 2rem;
	}
	.mainCourse .left ul {
		align-items: center;
		width: 100%;
		margin-left: 0;
		margin-top: 1.5rem;
	}
	.mainCourse .left li .weather-icon {
		height: 2.5rem;
		margin-bottom: 0;
	}
	.mainCourse .left li .weather-num {
		font-size: 1.5rem;
	}
	.mainCourse .left li:first-child p {
		display: none;
	}
	.mainCourse .left li:last-child .weather-icon {
		display: none;
	}
	.mainCourse .right {
		padding-top: 0;
	}
	.mainCourse .right .swiper-course-tab {
	}
	.mainCourse .right .swiper-course-tab button {
		margin:0.25rem 0.25rem;
		padding: 0.5rem 1rem;
	}
	.mainNotice {
		padding:3.5rem 0;
	}
	.mainNotice .inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (max-width: 580px) {
	.mainCourse {
		overflow: hidden;
		background-image: none;
	}
	.mainCourse .left {
		background-size: 4.25rem auto;
	}
	.mainCourse .right {
		overflow: visible;
		/* width: calc(100% + 1rem); */
	}
	.mainCourse .right .swiper-course-tab {
		/* overflow: visible;
		overflow-x: auto; */
		/* width: 100%; */
	}
	.mainCourse .right .swiper-course-tab li {
		flex-shrink: 0;
	}
	.mainCourse .right .swiper-course-tab button {
		padding: 0.5rem 0.825rem;
		font-size: 1rem;
	}
	.mainCourse .right .swiper-course-tab li:last-child button {
		margin-right: 1.25rem;
	}
	.mainCourse .bottom .swiper-slide > a {
		box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15);
	}
	.mainCourse .slide-top p {
		font-size: 1.375rem;
	}
	.mainCourse .slide-body {
		margin-top: 1.25rem;
		padding-top: 1.25rem;
	}
	
	.mainCourse .top.swiper-container {
		/* overflow: visible; */
		width: calc(100% + 1rem);
		}
	.mainCourse .bottom ~ .swiper-indicator {
		gap: 1rem;
		right: auto;
		left: 1rem;
		transform: translateX(0);
	}
	.mainCourse .bottom ~ .swiper-button-more {
		right: 1.25rem;
	}
}
@media screen and (max-width: 480px) {
	.mainVisual {
		overflow: hidden;
		max-height: calc(100vh - 3.875rem);
	}
	.mainVisual .swiper {
		height: 100%;
	}
	.mainVisual .swiper-slide {
		overflow: hidden;
	}
	.mainVisual .inner {
		transform: translate(-50%, -80%);
	}
	.mainVisual .inner h2 {
		font-size: 2.5rem;
		text-align: center;
	}
	.mainVisual .inner h2 small {
		font-size: 2.25rem;
	}
	.mainVisual .inner p {
		margin-top: 1rem;
		font-size: 1.25rem;
		text-align: center;
	}
	.mainVisual .inner a {
		top: auto;
		right: 1rem;
		bottom: -9rem;
		width: 5rem;
		height: 5rem;
	}
	.mainCourse .right {
		padding-bottom: 3rem;
	}
	.mainCourse .right .swiper-course-tab {
		/* -ms-overflow-style: none;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		scroll-snap-align: start; */
	}
	.mainCourse .right .swiper-course-tab::-webkit-scrollbar{
		display:none;
	}
	.mainCourse .bottom ~ .swiper-indicator button {
		width: 2.5rem;
		height: 2.5rem;
	}
	
	.mainCourse .bottom ~ .swiper-control {
		left: 0;
		max-width: 2.5rem;
		z-index: 11;
		transform: translateX(7.75rem);
	}
	.mainCourse .bottom ~ .swiper-control .swiper-button-toggle {
		width: 2.5rem;
		height: 2.5rem;
		background-color: #fff;
	}
	.mainCourse .bottom ~ .swiper-control .swiper-button-toggle .swiper-button-stop {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Crect x='1.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='%23222'/%3E%3Crect x='7.53589' y='1.625' width='2.5' height='14' rx='1.25' fill='%23222'/%3E%3C/svg%3E");
	}
	.mainCourse .bottom ~ .swiper-control .swiper-button-toggle .swiper-button-play {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'%3E%3Cpath d='M9.50644 6.93119C10.123 7.48459 10.123 8.51525 9.50645 9.06865L2.67393 15.2011C1.84733 15.943 0.602891 15.3009 0.602891 14.1324L0.602892 1.86743C0.602892 0.698967 1.84733 0.0567974 2.67393 0.798709L9.50644 6.93119Z' fill='%23222'/%3E%3C/svg%3E");
	}
	.mainCourse .bottom ~ .swiper-button-more {
		/* left: calc(50% + 2.5rem); */
		width: 2.5rem;
		height: 2.5rem;
	}
	.mainNotice .inner {
		gap: 1.5rem;
	}
	.mainNotice .left .tit {
		font-size: 1.875rem;
	}
	.mainNotice .left ul li a {
		flex-direction: column;
		gap: 0.5rem;
		padding: 1.25rem;
	}
	.mainNotice .left a.notice-more {
		top: 0.25rem;
		width: 2.5rem;
		height: 2.5rem;
	}
}


/* popup
--------------------- */
.popuparea {
	display: none;
}

.popuparea .mask_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	z-index: 10000;
	background-color: rgba(0, 0, 0, .6);
}

.popuparea .popup_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	/* max-width: calc(402px * 3); */
	height: auto;
	max-height: none;
	transform: translate(-50%, -50%);
}

.popuparea .popup_box .popup_con {
	position: relative;
	max-width: 1322px;
	margin:0 auto;
	padding:0 4rem;
	text-align: right;
}
.popuparea .popup_box .popup_con .slick-slide {
	margin:0 10px;
}
.popuparea .popup_box .popup_con .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 26px;
	padding:0 10px;
}
.popuparea .popup_box .popup_con .slick-dots li {
	text-align: left;
}
.popuparea .popup_box .popup_con .slick-dots li button {
	width: 12px;
	height: 12px;
	font-size: 0;
	border-radius: 6px;
	background-color: rgba(255,255,255,0.5);
	transition: width 0.2s;
}
.popuparea .popup_box .popup_con .slick-dots li.slick-active button {
	width: 2rem;
	background-color: #FFF;
}
.popuparea .popup_box .popup_con .slick-arrow {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: 50% 50%;
	background-position: center;
	transform: translateY(-50%);
}
.popuparea .popup_box .popup_con .slick-arrow i {
	display: none;
}
.popuparea .popup_box .popup_con .slick-arrow.left {
	right: calc(100% + 15px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26' viewBox='0 0 15 26' fill='none'%3E%3Cpath d='M13.145 1.33594L1.48096 13L13.145 24.6641' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.popuparea .popup_box .popup_con .slick-arrow.right {
	left: calc(100% + 15px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26' viewBox='0 0 15 26' fill='none'%3E%3Cpath d='M1.85498 1.33594L13.519 13L1.85498 24.6641' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.popuparea .popup_box .popup_con .slick-arrow:hover,
.popuparea .popup_box .popup_con .slick-arrow:focus {
	background-color: #fff;
}
.popuparea .popup_box .popup_con .slick-arrow.left:hover,
.popuparea .popup_box .popup_con .slick-arrow.left:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26' viewBox='0 0 15 26' fill='none'%3E%3Cpath d='M13.145 1.33594L1.48096 13L13.145 24.6641' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.popuparea .popup_box .popup_con .slick-arrow.right:hover,
.popuparea .popup_box .popup_con .slick-arrow.right:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26' viewBox='0 0 15 26' fill='none'%3E%3Cpath d='M1.85498 1.33594L13.519 13L1.85498 24.6641' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.popuparea .popup_box .popup_con .cookie_chk {
	display: inline-block;
	margin-right: 10px;
	transform: translateY(-16px);
}

.popuparea .popup_box .popup_con .cookie_chk label {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.popuparea .popup_box .popup_con .cookie_chk label:focus {
	outline-offset: 0.125rem;
	outline: 2px solid rgba(36, 107, 235, 1);
}

.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox] {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	width: 0 !important;
	height: 0 !important;
	color: transparent !important;
	overflow: hidden !important;
	opacity: 0;
}

.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon {
	width: 16px;
	height: 16px;
	position: relative;
	margin-left: 10px;
}

.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon::before,
.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon::after {
	content: "";
	display: block !important;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-position: center center;
	will-change: transform;
}

.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon::before {
	border: 1px solid #fff;
	border-radius: 4px;
}

.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='check_big' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 514' d='M0 0h16v16H0z' style='fill:none'/%3E%3Cpath data-name='Path 515' d='M7.135 12.637 4.356 9.86l-.946.94 3.725 3.723 8-7.993-.94-.939z' transform='translate(-1.134 -1.859)' fill='%23000' /%3E%3C/svg%3E%0A");
	background-size: 66%;
	transition: transform 0.3s cubic-bezier(0, 0.81, 0.36, 1.14);
	transform: translate(-50%, -50%) perspective(0) scale(0) rotate(0);
}
.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]:checked+span._icon::before {
	background-color: #fff;
}
.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]:checked+span._icon::after {
	transform: translate(-50%, -50%) perspective(500px) scale(1.4) rotate(.001deg);
}

.close_btn {
	position: absolute;
	top: -48px;
	right: 0;
	width: 48px;
	height: 48px;
	background: no-repeat center / 100% auto url('../images/main/pop/ic_btn.png');
}

@media screen and (max-width: 1280px) {
	.close_btn {
		right: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.popuparea .popup_box .popup_con {
		max-width: 922px;
	}

	
	.popuparea .popup_box .popup_con .slick-slider {
		box-sizing: content-box;
	}
	.popuparea .popup_box .popup_con .slick-arrow {
		display: none;
	}
	.close_btn {
		top: -3.625rem;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 768px) {
	.popuparea .popup_box .popup_con {
		max-width: calc(382px + 6rem);
		padding:0 3rem;
	}
	.popuparea .popup_box .popup_con .slick-arrow {
		width: 2.25rem;
		height: 2.25rem;
	}
	.popuparea .popup_box .popup_con .slick-arrow.left {
		right: 100%;
	}
	.popuparea .popup_box .popup_con .slick-arrow.right {
		left: 100%;
	}
	.popuparea .popup_box .popup_con .slick-dots {
		margin-top: 1rem;
	}
	.popuparea .popup_box .popup_con .cookie_chk {
		transform: translateY(1rem);
	}
	.close_btn {
		width: 2.25rem;
		height: 2.25rem;
		top: -2.875rem;
	}
}
@media screen and (max-width: 480px) {
	.popuparea .popup_box .popup_con .cookie_chk label {
		font-size: 0.875rem;
	}
	.popuparea .popup_box .popup_con .cookie_chk label input[type=checkbox]+span._icon {
		width: 0.875rem;
		height: 0.875rem;
	}
}