/* Sub pages only (no duplicate rules with style.css) */
.sub-container{max-width:1100px;margin:0 auto;padding:30px 16px}
.breadcrumb{font-size:14px;color:var(--muted);margin:6px 0 14px}
.breadcrumb .sep{margin:0 6px;color:#aaa}
.sub-title{font-size:34px;letter-spacing:-.6px;margin:0 0 16px}
.sub-card{border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:var(--shadow);padding:25px;box-sizing: border-box;}
.sub-card2{border:0px solid var(--line);border-radius:0px;background:#fff;padding:10px; box-sizing: border-box;}
.sub-note{font-size:16px;color:var(--text);line-height:1.55;margin:0;font-weight:;}
.sub-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sub-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:700}
.sub-btn2{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:12px;border:0px solid var(--line);background:#444;font-size:17px;font-weight:700; color:#fff;}

.sub-btn:hover{background:#f6f7f8}
.sub_menu {display:none;}


/*mypage*/
.my_test {
	display:flex;
	gap:40px 20px;
	text-align:center; justify-content: center;
}
.my_test h3 {font-size:2.0rem; line-height:1.5rem; padding:20px 0; margin:0px;}
.my_test p {color:#fff !important; margin-bottom:10px; font-weight:600;}
.test_easy, .test_hard {
	border-radius:15px;
	padding:15px; box-sizing: border-box;
	color:#fff;
	width:300px;
	margin-top:20px;
}
.test_easy a, .test_hard a {color:#fff;}
.test_easy {background:#11bfa1}
.test_hard {background:#f58928}


@media (max-width: 900px){
  .sub-title{font-size:22px}
  .sub_menu {display:flex !important; width:100%;  justify-content: flex-start; gap:5px 2px; flex-wrap: wrap;}
  .sub-container {padding-top:15px;}
  .sub_menu div{
	flex-shrink: 0; 
	width:48%;
	box-sizing: border-box;
	line-height:30px; 
	padding:5px;
	text-align:center;
    background:#f2f2f2;
	margin:0px 2px;
	transition: 0.3s;
	border-radius: 10px;
	font-size:16px !important;
	font-weight:500;
	}
  .sub_menu div:hover{
	 background:#018a72;
	 font-weight:600;
	 color:#fff;
	}
	.sub_menu div.active {
	 background:#018a72;
	 font-weight:600;
	 color:#fff;
	}
	.my_test { flex-direction: column; gap:0px;}
}

//** л  **//
.student-profile-card {
  max-width: 860px;
  margin: 0 auto;
}
.student-profile-intro {
  margin: 0 0 18px;
  color: #475467;
  line-height: 1.7;
  font-size: 15px;
}
.student-profile-alert {
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.7;
}
.student-profile-alert.success {
  border: 1px solid #b7ebd5;
  background: #f0fdf7;
  color: #0f6b46;
}
.student-profile-alert.error {
  border: 1px solid #f4c7c7;
  background: #fff6f6;
  color: #b42318;
}
.student-profile-form {
  display: block;
}
.student-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.student-field {
  display: block;
}
.student-field .req {
  color: #d92d20;
}
.student-readonly-input {
  background: #f8fafc;
  color: #667085;
}
.student-profile-submit {
  width: 100%;
  margin-top: 18px;
}
@media (max-width: 768px) {
  .student-profile-grid {
    grid-template-columns: 1fr;
  }
}

.board-view-content{
  font-family:"Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:18px;
  line-height:1.6rem;
  
}

.board-view-content p,
.board-view-content div,
.board-view-content li{
  line-height:inherit;
}

.board-view-content p{
  margin:0 0 2px;
}

.board-view-content p:last-child{
  margin-bottom:0;
}


.board-view-content,
.level-board-content,
.anchor-board-content,
.student-board-content,
.view-content,
.content,
.note-editable{
  min-width:0;
  overflow-wrap:anywhere;
}

.board-view-content img,
.level-board-content img,
.anchor-board-content img,
.student-board-content img,
.view-content img,
.content img,
.note-editable img{
  max-width:100%;
  height:auto;
}

.board-view-content iframe,
.level-board-content iframe,
.anchor-board-content iframe,
.student-board-content iframe,
.view-content iframe,
.content iframe,
.note-editable iframe,
.board-view-content video,
.level-board-content video,
.anchor-board-content video,
.student-board-content video,
.view-content video,
.content video,
.note-editable video{
  max-width:100%;
}

@media (max-width: 768px){
  .board-view-content,
  .level-board-content,
  .anchor-board-content,
  .student-board-content,
  .view-content,
  .content,
  .note-editable{
    overflow-x:hidden;
  }

  .board-view-content table,
  .level-board-content table,
  .anchor-board-content table,
  .student-board-content table,
  .view-content table,
  .content table,
  .note-editable table{
    display:block;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}