@charset "UTF-8";

.link-area .link-btn {
  margin:auto;
}

#calendar {

  & .link-area a.link-btn.pdf {
    margin: auto;
  }
}

@media screen and (max-width: 959px) {

  #calendar {

    .bg-area .about-area {
      padding: 20px 15px;
    }
  }
}

#contents .sds-qr-code {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

#calendar #contents .office-info .info-text {
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #contents .sds-qr-code {
    display: none;
  }
}

#calendar #contents .sds-student-page-bg {
	background-color: #f3f3f3;
	display: flow-root;
	padding-top: 80px;
}

@media screen and (max-width: 768px) {
  #calendar #contents .sds-student-page-bg {
    padding-top: 55px;
  }
}

#calendar #contents .sds-student-panel {
	background: #fff;
	border: 1px solid var(--sds-color-border-light, #e5e7eb);
	border-radius: 8px;
	padding: 32px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

@media screen and (max-width: 640px) {
	#calendar #contents .sds-student-panel {
		padding: 20px;
	}
}