@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Alex+Brush|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */

	.img {display:block;margin: 0 auto;max-width:100%;}
	.summer_camp {font-family: Freesentation;}
	.summer_camp .tuition-section {margin-bottom:120px;}
	.summer_camp-intro {padding: 0 0 160px;background: url(/2023/img/landing/scamp/summer_camp-bg_01.png) center center / cover no-repeat;position:relative;}
	.summer_camp-lect {background: url(/2023/img/landing/scamp/summer_camp-bg_02.png) center center / cover no-repeat;}
	.summer_camp-intro .cards {display:flex; justify-content:center;gap:10px;margin-top:-260px;}
	.summer_camp-intro .card {background:rgba(9,39,39,0.6);border: 1px solid #00ffff;border-radius:15px;width:360px;padding:25px 35px;text-align:center;}
	.summer_camp-intro .card .num {color: #000000; font-weight:700;border-radius:25px;background: #47f9ff;margin: 0 auto;display:block;padding: 0px 18px;width:max-content;margin-bottom:20px;}
	.summer_camp-intro .card .tit {font-weight:400;color: #47f8fe; font-size:34px;margin-bottom:20px;}
	.summer_camp-intro .card .sep {display:block;width:40px;background: #384648;margin: 0 auto;margin-bottom:18px;height:2px;}
	.summer_camp-intro .card .card-txt {color: #ffffff;font-weight:400;font-size:22px;line-height:24px;}
	.summer_camp-intro .card .card-txt span {font-weight:600;font-size:24px;}
	.summer_camp-intro .card .card-txt.fz20 {font-size:20px;}
	.summer_camp-intro .txt {margin: 140px auto 110px;text-align:center;color: #ffffff;font-weight:400;font-size:28px;line-height:70px;}
	.summer_camp-intro .txt span {font-weight:700;}
	.summer_camp-intro button {display:flex;justify-content:space-around;align-items:center;gap:50px;border-radius:20px;padding:10px 30px 12px 45px;margin: 0 auto;background: #47f9ff;color: #000000;font-weight:800;font-family:Noto Sans KR;}


	.summer_camp-lect {padding: 130px 0 210px; }
	.summer_camp-lect .tit {max-width:50%;margin:360px auto 255px;}
	.summer_camp-lect .tit_01 {margin-bottom:95px;}

	.summer_camp-lect ul {display:flex;justify-content:space-between;}
	.summer_camp-lect ul li {display:flex;justify-content:center;flex-wrap:wrap;flex-direction: column;width:50%;align-items: center;}
	.summer_camp-lect .block {background: rgba(0,0,0,1);border-radius: 25px;border: 2px solid #dcfeff;position:relative;color: #ffffff;width:85%;margin-bottom:120px;font-weight:400;box-shadow: rgba(71, 249, 255, 0.3) 0px 0px 30px 10px;}
	.summer_camp-lect .block .num {background:#47f9ff;display:block;position:absolute;left:50%;top:0;transform:translate(-50%, -50%);color: #000000;font-weight:600;border-radius: 25px;width:max-content;padding: 2px 15px 0px;font-size:18px;}
	.summer_camp-lect .block h5	{padding:40px 0 30px;text-align:center;border-bottom:1px solid #ffffff;font-size:30px;font-weight:600;line-height:36px;letter-spacing: 0.5px;}
	.summer_camp-lect .block h5.sm {font-size:26px;}
	.summer_camp-lect .descr {display:block;margin: 0 auto;max-width:100%;width: max-content;padding: 45px 0;}
	.summer_camp-lect .descr.sm {display:block;margin: unset;max-width:100%;width: max-content;padding: 45px 10px 45px 55px;}
	.summer_camp-lect .block h6 {color:#47f9ff;font-size:24px;line-height:26px;font-weight:400;}
	.summer_camp-lect .block h6 span {font-weight:700;}
	.summer_camp-lect .block p {margin-top:15px;font-size:22px;}

	.summer_camp-lect .table_wrap {width:max-content;max-width:95%;margin: 0 auto;}
	.summer_camp-lect .table_wrap p {text-align:left;color: #ffffff;font-weight:400;font-size: 16px;margin-top:30px;font-family: Noto Sans KR;}

	.summer_camp-table {width: max-content;border-collapse: collapse;font-family: Noto Sans KR;margin: 0 auto ;font-size: 16px;text-align:center;max-width: 100%;}
	.summer_camp-table thead {background: #000000;color: #ffffff;font-weight:700;text-align:center; }
	.summer_camp-table thead th {  padding: 5px 15px;}
	.summer_camp-table tbody td {  padding: 12px 20px;color: #000000;}
	.summer_camp-table tbody tr {border-bottom: 1px solid #b2b2b2 ;}
	.summer_camp-table tbody tr:last-of-type {border-bottom: none ;}
	.summer_camp-table tbody td:nth-of-type(2n+1) {background: #ffe4e0;font-weight:400;}
	.summer_camp-table tbody td:nth-of-type(2n) {background: #ffffff;font-weight:600;}

    .ai_slider.swiper {width: 100%;height: 100%;position: relative;margin-bottom: 20%;}
    .ai_slider .swiper-slide {display: flex;justify-content: center;align-items: center;width: 100%;}
    .ai_slider .swiper-slide img {display: block;width: 70%;height: auto;object-fit: cover;}
	.ai_slider .swiper-button-next, .ai_slider .swiper-button-prev {background: transparent;display:flex;justify-content:center;align-items:center;}
	.ai_slider .swiper-button-prev {left: 3%;}
	.ai_slider .swiper-button-next {right: 3%;}
	.ai_slider .swiper-pagination {bottom: -15%;}
	.ai_slider .swiper-pagination-bullet {width:10px;height:10px;background: #ff4429;opacity:1;}
	.ai_slider .swiper-pagination-bullet-active {width: 33px; height:10px; border-radius:25px;background: #d8bcb8 ;}


    .blocks_slider.swiper {width: 100%;height: 100%;position: relative;margin: 3% auto 35%;padding-bottom:3%;}
    .blocks_slider .swiper-slide {display: flex;justify-content: center;flex-wrap:wrap;flex-direction:column;align-items: center;width: 100%;}
    .blocks_slider .swiper-slide img {display: block;width: 57.3%;height: auto;object-fit: cover;}
	.blocks_slider .swiper-button-next, .blocks_slider .swiper-button-prev {background: transparent;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);}
	.blocks_slider .swiper-button-prev {left: 0%;}
	.blocks_slider .swiper-button-next {right: 0%;}
	.blocks_slider .swiper-pagination {bottom: -10%;}
	.blocks_slider .swiper-pagination-bullet {width:10px;height:10px;background: #ff4429;opacity:1;}
	.blocks_slider .swiper-pagination-bullet-active {width: 33px; height:10px; border-radius:25px;background: #d8bcb8 ;}



	@media(max-width: 990px) {
		.summer_camp-intro .cards {margin-top: -11%;flex-wrap:wrap;flex-direction: row;}
		.summer_camp-intro .txt {margin: 14% auto 11%;}
		.summer_camp-intro {padding: 0 0 16%;}
		.summer_camp-lect .tit {margin: 36% auto 26%;}
		.summer_camp-lect .tit_01 {margin-bottom:9%;}
		.summer_camp-table {width:100%;}
		.summer_camp-lect {padding: 13% 0 21%;}

		.summer_camp-lect .descr {padding: 45px 10px;}
		.summer_camp-lect .descr.sm {margin: 0 auto;max-width:100%;width: max-content;padding: 45px 10px;}
	}

	@media(max-width: 768px) {
		.summer_camp-table tbody td {padding: 10px 15px;}
		.summer_camp-intro .card {width: calc(50% - 10px);margin-bottom: 10px;padding: 18px 10px;}
		.summer_camp-intro .txt {font-size: 20px;line-height: 25px;margin: 8% auto 10%;}
		.summer_camp-intro button {border-radius: 25px;padding: 15px 30px 15px 45px;}
		.summer_camp-lect .tit, .summer_camp-lect .tit {width: 60%;max-width:60%;}
		.summer_camp-intro .card .num {margin-bottom:10px;font-weight:800;font-size: 14px;}
		.summer_camp-intro .card .tit {margin-bottom:10px;font-size: 24px;}
		.summer_camp-intro .card .sep {width:35px;}
		.summer_camp .banner {position:absolute;width:100%;max-width:100%;top:0;left:0;}
		.summer_camp-intro .cards {padding-top:116%;margin-top:0;gap:7px;}
		.summer_camp-lect {background: url(/2023/img/landing/scamp/summer_camp-bg_02_m.png) center center / cover no-repeat;}
		.summer_camp-intro .card .card-txt.fz20 {font-size: 16px;line-height: 18px;}
		.summer_camp-intro .card .card-txt span {font-size: 20px;}
		.summer_camp-intro .card .card-txt {font-size: 16px;line-height: 16px;}
		.summer_camp-lect .tit_03 {margin: 0 auto;}
		.summer_camp-lect {padding: 0 0 21%;}
		.summer_camp-lect .tit {padding: 16% 0 7%;margin: 0 auto;}
		.summer_camp-lect .block {width:80%;margin-bottom:0;box-shadow: rgba(71, 249, 255, 0.2) 0px 0px 30px 10px;border: 1px solid #dcfeff;}
		.summer_camp-lect .block .num {padding: 0px 15px 0px;font-size: 14px;}
		.summer_camp-lect .block h5 {padding: 20px 0 15px;font-size: 24px;width:100%;}
		.summer_camp-lect .descr, .summer_camp-lect .descr.sm {width: max-content;margin: 0 auto;padding: 25px 10px;}
		.summer_camp-lect .block h6 {font-size:18px;line-height: 18px; }

		.summer_camp-lect .block h5.sm, .summer_camp-lect .block h5 {font-size: 16px;line-height: 20px;}
		.summer_camp-lect .block p {margin-top: 10px;font-size: 15px;}
		.summer_camp-lect {overflow:hidden;}
		.summer_camp-intro .card .card-txt span.mo-show {display:inline-block !important;margin-right:1px;height: max-content;line-height: 20px;}

		  .summer_camp-table {font-size: 12px;}
		  .summer_camp-table thead th {  padding: 5px 10px;}
		  .summer_camp-table tbody td {  padding: 5px 10px;}
		  .summer_camp-lect .table_wrap p {font-size: 12px;margin-top:6%;}

	}

	@media(max-width: 400px) {
		.blocks_slider.swiper {margin-bottom: 40%;}
		.summer_camp-table tbody td {padding: 2px 4px;}
		.summer_camp-table {font-size:11px;}
	}