@charset "utf-8";


#smmr * {box-sizing: border-box}

/* S: smmr-top */
.smmr-top {padding: 6.25rem 0 7.25rem;background: url('https://img.megastudyth.com/event/2026/summer_course/con_img1.png')no-repeat center 0 / cover;}
.smmr-top h3 {text-align: center;color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: 2rem;}
.smmr-top h3 span {font-size: 3rem;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;gap: 2.0rem;line-height: 1;color: #000;}
.smmr-top h3 span i {display: flex;font-size: 1.25rem;width: 13.75rem;height: 3.875rem;color: #006FFF;font-weight: 800;border: 1px solid #006FFF;border-radius: 100%;justify-content: center;align-items: center;font-style: normal;}
.smmr-top h3 b {font-size: 7.5rem;line-height: 1;font-weight: 800;font-style: italic;text-shadow: 10px 8px 10px #2EC3EF;}
.smmr-top p {font-size: 1.5rem;margin-top: 2.5rem;font-weight: 400;text-align: center;line-height: 1.6;}
.smmr-top button {position: relative;display: flex;width: 30rem;height: 5rem;font-size: 1.5rem;background: #000;color: #fff;border-radius: 5rem;font-weight: 500;justify-content: center;align-items: center;gap: 0.6rem;margin: 3rem auto 0;}
.smmr-top button .admin_c {font-size: 1.25rem;font-style: normal;font-weight: 400;color: #000;border: 1px solid #000;position: absolute;top: -17px;right: 2rem;background: #fff;height: 2rem;border-radius: 0.7rem;padding: 0 0.70rem;}
.smmr-top button .admin_c::before {content:'';position: absolute;top: 100%;left: 11px;border-width: 1px 1px 0 0;width: 9px;height: 10px;margin: 0px 0 0;background: url('https://img.megastudyth.com/event/2026/summer_course/con_img4.png')no-repeat -10px -35px / auto auto;}
/* E: smmr-top */

/* S: smmr-cour */
.smmr-cour {padding: 6.25rem 0;}
.smmr-cour + .smmr-cour {}
.smmr-cour__title{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.smmr-cour__title h4 {font-size: 2.5rem;font-weight: 500;grid-area: 1 / 1 / 2 / 2;line-height: 1;}
.smmr-cour__title h4 span {color: #006FFF;}
.smmr-cour__title p {font-size: 1.5rem;font-weight: 300;margin-top: 0.75rem;grid-area: 2 / 1 / 3 / 2;line-height: 1;}
.smmr-cour__tab {display: flex;gap: 0.5rem;grid-area: 1 / 2 / 3 / 3;align-items: flex-end;justify-content: flex-end;padding: 0 0 0.25rem;}
.smmr-cour__tab li {}
.smmr-cour__tab li button {height: 2rem;padding: 0 1.25rem;font-size: 0.875rem;color:#6B7684;font-weight: 400;border:1px solid #D3D8DD;border-radius: 2rem;}
.smmr-cour__tab li button.on {background-color: #006FFF;color:#fff;font-weight: 500;border-color: #006FFF;}
.smmr-cour__vodarea {margin: 0 -2rem;}
.smmr-cour__vodarea .vod-list__cont {padding-top: 0;border-top: 0;padding-bottom: 3rem;}
.smmr-cour__vodarea .main-inner {}
.smmr-cour__vodarea .vod-bf__wrap{margin-top: 0;}
.smmr-cour__popup {position: relative;display: flex;width: 25rem;height: 5rem;font-size: 1.5rem;background: #000;color: #fff;border-radius: 5rem;font-weight: 500;justify-content: center;align-items: center;gap: 0.6rem;margin: 0 auto 0;}
/* E: smmr-cour */

/* S: smmr-pop */
.smmr-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 1000; overflow-y: auto; padding: 4rem 2rem;}
.smmr-pop .smmr-pop__inner {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;}
.smmr-pop__cont {width: 100%;max-width: 64.5rem;margin: 0 auto;/* border-radius: 10px; */}
.smmr-pop__cont img {display: block;width: 100%;border-radius: 20px;}
.smmr-pop__slider {}
.smmr-pop__slider .item {}
.smmr-pop__slider .swiper-button-prev {width: 2.5rem;height: 2.5rem;margin-top: -1.5rem;left: 00;}
.smmr-pop__slider .swiper-button-prev::after {display: none;}
.smmr-pop__slider .swiper-button-next {width: 2.5rem;height: 2.5rem;transform: rotate(180deg);right: 0px;margin-top: -1.25rem;}
.smmr-pop__slider .swiper-button-next::after {display: none;}
.smmr-pop .close {position: absolute; right: 0; top: 0; width: 4rem; height: 4rem; background: none; text-indent: -9999px;}
.smmr-pop .close:before,
.smmr-pop .close:after {content: ''; display: block; width: 2rem; height: 2px; background: #fff; border-radius: 2px; position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1px;}
.smmr-pop .close:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.smmr-pop .close:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
/* E: smmr-pop */



@media (max-width:1280px) {


}

@media (max-width: 992px) {

	/* S: smmr-top */
	.smmr-top {background: url(https://img.megastudyth.com/event/2026/summer_course/con_img2.png) no-repeat center 0 / cover;}
	.smmr-top h3 span {font-size: 2rem;}
	.smmr-top h3 b {font-size: 5.5rem;}
	.smmr-top button {font-size: 1.2rem;width: 24rem;height: 4rem;margin-top: 1.5rem;}
	/* E: smmr-top */
		
	/* S: smmr-cour */
	.smmr-cour {}
	.smmr-cour + .smmr-cour{padding-top: 0;}
	.smmr-cour__vodarea{margin: 0 -1.25rem;}
	.smmr-cour__title {display: flex;flex-direction: column;margin: 0 0 1rem;}
	.smmr-cour__title h4{font-size: 2rem;}
	.smmr-cour__title p{font-size: 1rem;}
	.smmr-cour__tab {margin-top: 1rem;justify-content: flex-start;}
	.smmr-cour__tab li{}
	.smmr-cour__popup {font-size: 1.2rem;width: 24rem;height: 4rem;}
	
	/* E: smmr-cour */

}

@media (max-width:768px) {

	/* S: smmr-top */
	.smmr-top h3{gap: 1.3rem;}
	.smmr-top h3 span {font-size: 1.6rem;gap: 1.5rem;}
	.smmr-top h3 b {font-size: 11vw;}
	.smmr-top p {margin-top: 1.8rem;font-size: 1.3rem;}
	/* E: smmr-top */

	/* S: smmr-cour */
	.smmr-cour__title h4{font-size: 1.6rem;}
	.smmr-cour__tab li button{padding:0 1rem}

	/* E: smmr-cour */

	
/* S: smmr-pop */
.smmr-pop__slider .item {
}
/* E: smmr-pop */



}