@charset "utf-8";
/* CSS Document */
.mainimage {
	padding: 0;
	margin: 0;
}
.section02 {
	max-width: 920px;
	width: 100%;
	background: url("images/section_bg.jpg") no-repeat, #e3ab47;
	background-size: cover;
	padding-bottom: 50px;
}
.event-area {
	width: 820px;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 30px;
}
.title-area {
	font-family: 'Paperlogy-7Bold', 'Pretendard', 'Noto Sans KR' !important;
	border-radius: 30px 30px 0 0;
	background: #ed7153;
	padding: 20px 0;
	color: #fff;
	font-size: 30px;
    display: flex;
    gap: 8px;
    justify-items: center;
    align-items: center;
    justify-content: center;
}
.title-badge {
	border-radius: 999px;
	background: #fff;
	padding: 8px 14px;
	color: #ed7153;
	font-size: 24px;
}
.event-box {
	background: #fff;
	overflow: hidden;
	border-radius: 0 0 30px 30px;
}
.subtitle {
	font-family: 'Paperlogy-7Bold', 'Pretendard', 'Noto Sans KR' !important;
	padding: 50px 0 30px;
	font-size: 50px;
	color: #e4a359;
	line-height: 1.2;
	font-weight: 800;
}
.subtitle > span {
	color: #ef5940;
}
.event-image {
	width: 100%;
	padding-bottom: 50px;
}
.event-image > img {
	width: 80%;
	margin: 0 auto;
}
.event-plus {
	background: #e5faff;
	border-radius: 0 0 30px 30px;
}
.plustitle__black {
	color: #333;
	font-weight: 800;
	padding: 50px 0;
	font-size: 40px;
}
.plustitle__blue {
	color: #1b96fe;
	font-weight: 800;
	padding: 50px 0;
	font-size: 40px;
}
.lulutitle {
	font-family: 'Paperlogy-7Bold', 'Pretendard', 'Noto Sans KR' !important;
	border: 1px solid #1b95fd;
	border-radius: 10px;
	background: #fff;
	color: #1b95fd;
	font-size: 30px;
	font-weight: 700;
	position: relative;
	width: 60%;
	padding: 10px 10px 10px 0;
	margin: 0 auto;
}
.teacherlulu {
	position: absolute;
	top: -34%;
	left: -18%;
}
.teacherlulu > img {
	width: 50%;
	margin: 0 auto;
}
.item-box {
	padding: 30px 25px;
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}
 .item-student{
	  display: flex;
	  flex-direction: column;
		gap:10px;
	}
.img-student > img {
	width: 100%
}
.txt-student {
	color: #1b95fd;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
}
.txt-notice {
	color: #999999;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	padding-bottom: 50px;
}
.section03 {
	max-width: 920px;
	width: 100%;
	background: #e3ab47;
	padding-bottom: 50px;
}
.btn-event {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 90%;
	padding: 25px 48px;
	background: #1087f4;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
	box-shadow: 0 5px 10px rgb(0 0 0 / 0.2);
	transition: background 0.2s ease, transform 0.15s ease;
	margin-bottom: 50px;
}
.btn-event:hover {
	color: #fff;
	background: #0d75d1;
	transform: translateY(-2px);
}
.btn-event .arr {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 50%;
}
.btn-event .arr img {
	width: 100%;
}
	.pr-wrap{
		 background: #f5f5f5;
		padding-bottom: 100px;
	}
	.pr-title {
		font-family: 'Paperlogy-7Bold', 'Pretendard', 'Noto Sans KR' !important;
		font-size: 40px;
		line-height: 1.5;
		color: #333333;
		font-weight: 700;
		padding: 100px 0 0;
	}
	.point-blue{
		font-family: 'Paperlogy-7Bold', 'Pretendard', 'Noto Sans KR' !important;
		font-size: 50px;
		font-weight: 800;
		color: #1b96fe;
	}
	.pr-item-box{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap:15px;
		padding: 20px 40px;
		overflow: hidden;
	}
	.pr-item{
		display: grid;
		gap:10px;
	}
	.pr-img {
		border-radius: 30px;
	}
	.pr-img > img {
		width: 100%;
	}
	.pr-txt {
		font-size: 18px;
		line-height: 1.4;
		color: #333;
		font-weight: 600;
	}

/* 공통: 이미지/배경 안전장치 */
.fall2025_6_2 img { max-width: 100%; height: auto; display: block; }
.section02 { background-size: cover; background-position: center top; }
.section03 { background: #e3ab47; } /* 동일 톤 유지 */

/* 고정폭을 max-width로 전환 */
.event-area { width: 100%; max-width: 820px; padding: 0 20px; box-sizing: border-box; }

/* 버튼 화살표 이미지 정렬 보강 */
.btn-event .arr img { display:block; }

/* ====== 태블릿 이하 (≤ 1024px) ====== */
@media (max-width: 1024px) {
  .title-area { font-size: 26px; padding: 18px 0; }
  .title-badge { font-size: 20px; padding: 6px 12px; }

  .subtitle { font-size: 42px; padding: 40px 0 24px; }
  .event-image { padding-bottom: 40px; }
  .event-image > img { width: 88%; margin: 0 auto; }

  .plustitle__black { font-size: 34px; padding: 40px 0; }

  .lulutitle {
    width: 80%;
    font-size: 24px;
    padding: 10px 12px 10px 56px; /* 일러스트 공간 확보 */
  }
  .teacherlulu {
    top: -85%;
    left: -10%;
    transform: scale(0.9);
  }

  .item-box {
    grid-template-columns: 1fr 1fr; /* 3 → 2열 */
    gap: 18px;
    padding: 26px 20px;
  }
 
  .txt-student, .txt-notice { font-size: 18px; }

  .btn-event {
    width: 94%;
    padding: 22px 32px;
    font-size: 22px;
    gap: 10px;
  }
  .btn-event .arr { width: 26px; height: 26px; }

  .pr-title { font-size: 34px; padding-top: 80px; }
  .point-blue { font-size: 42px; }
  .pr-item-box {
    grid-template-columns: 1fr 1fr; /* 4 → 2열 */
    gap: 14px;
    padding: 16px 24px;
  }
  .pr-img { border-radius: 24px; }
}

/* ====== 모바일 (≤ 768px) ====== */
@media (max-width: 768px) {
  .section02, .section03 { padding-bottom: 40px; }

  .title-area { font-size: 22px; padding: 16px 0; }
  .title-badge { font-size: 18px; padding: 6px 10px; }

  .subtitle {
    font-size: 25px;
    padding: 32px 0 20px;
    line-height: 1.25;
  }
  .event-image { padding-bottom: 32px; }
  .event-image > img { width: 92%; margin: 0 auto; }

  .plustitle__black { font-size: 20px; padding: 32px 0; }

  .lulutitle {
    width: 80%;
    font-size: 15px;
    padding: 10px 12px;
  }
  .teacherlulu {
    top: -80%;
    left: -30%;
    transform: scale(0.6);
  }
  .item-box {
  padding:20px 8px;
  display: flex;
  flex-wrap: wrap;       
  justify-content: center; 
  gap: 15px;   
  }
	.item-student {
		width:46%;
	}
  .img-student > img { margin: 0 auto; }
  .txt-student, .txt-notice { font-size: 15px; line-height: 1.3; }

  .btn-event {
    width: 92%;
    padding: 18px 22px;
    font-size: 18px;
    gap: 8px;
    margin-bottom: 40px;
  }
  .btn-event .arr { width: 24px; height: 24px; }

  .pr-wrap { padding-bottom: 70px; }
  .pr-title { font-size: 26px; padding-top: 48px; }
  .point-blue { font-size: 32px; }
  .pr-item-box { grid-template-columns: 1fr 1fr; gap: 15px; padding: 20px 20px; }
  .pr-img { border-radius: 30px; }
  .pr-txt { font-size: 16px; line-height: 1.3; }
}

/* ====== 초소형 (≤ 400px) : 절대배치 일러스트 안전장치 ====== */
@media (max-width: 400px) {
  .lulutitle { padding-left: 16px; }
  .teacherlulu { display: none; } /* 너무 겹치면 숨김 */
}