main[data-current-page=guide] p, main[data-current-page=guide] strong {
  line-height: 1.3;
}
main[data-current-page=guide] strong {
  font-weight: bold;
}
main[data-current-page=guide] .tab {
  display: flex;
  position: sticky;
  top: 7rem;
  font-size: 1.5rem;
  width: 100%;
  z-index: 2;
}
main[data-current-page=guide] .tab li {
  flex: 1;
  padding: 1.3rem 2vw;
  text-align: center;
  background-color: #EFF5FF;
  cursor: pointer;
}
main[data-current-page=guide] .tab li.active {
  background-color: #D1E1FF;
}
main[data-current-page=guide] .guide-box-wrap {
  display: none;
  padding: 5rem 0 10rem;
}
main[data-current-page=guide] .guide-box-wrap.active {
  display: block;
}
main[data-current-page=guide] .box-title {
  display: inline-block;
  width: 100%;
  margin: 3rem 0;
  font-size: 3rem;
}
main[data-current-page=guide] .module {
  margin-top: 2rem;
}
main[data-current-page=guide] .module .module-title {
  display: inline-block;
  width: 100%;
  padding-bottom: 2rem;
  font-size: 2rem;
  border-bottom: 1px solid #666;
}
main[data-current-page=guide] .module .module-content {
  margin-top: 2rem;
}
main[data-current-page=guide] [data-module=layout] .container {
  background-color: #C4E6CC;
}
main[data-current-page=guide] [data-module=layout] .inner {
  height: 20rem;
  background-color: #ededed;
}
main[data-current-page=guide] [data-module=layout] .row {
  background-color: #ededed;
}
main[data-current-page=guide] [data-module=layout] .container-box-xl, main[data-current-page=guide] [data-module=layout] .container-box-l, main[data-current-page=guide] [data-module=layout] .container-box-m {
  background-color: #FFD8BC;
}
main[data-current-page=guide] [data-module=layout] .grid-display-col {
  height: 20rem;
  background-color: #C0EFF5;
}
main[data-current-page=guide] [data-module=color] .color-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}
main[data-current-page=guide] [data-module=color] .color-list > div strong, main[data-current-page=guide] [data-module=color] .color-list > div p {
  font-size: 1.3rem;
}
main[data-current-page=guide] [data-module=color] .color-list > div strong {
  display: inline-block;
  padding: 1rem 0 0.5rem;
}
main[data-current-page=guide] [data-module=color] .color-list > div .color-chip {
  width: 100%;
  height: 5rem;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-0 {
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-5 {
  background-color: #EFF5FF;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-10 {
  background-color: #D1E1FF;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-20 {
  background-color: #94B8FF;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-30 {
  background-color: #3379FF;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-40 {
  background-color: #0053F2;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-50 {
  background-color: #0045C9;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-60 {
  background-color: #0038A3;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-70 {
  background-color: #002B7D;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-80 {
  background-color: #001E57;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-90 {
  background-color: #001130;
}
main[data-current-page=guide] [data-module=color] .color-list .color-blue-100 {
  background-color: #000000;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-0 {
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-5 {
  background-color: #FFB8B9;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-10 {
  background-color: #FF9194;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-20 {
  background-color: #FF6B6E;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-30 {
  background-color: #FF4549;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-40 {
  background-color: #FF2024;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-50 {
  background-color: #E81D21;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-60 {
  background-color: #C2181C;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-70 {
  background-color: #9C1316;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-80 {
  background-color: #750F11;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-90 {
  background-color: #4F0A0B;
}
main[data-current-page=guide] [data-module=color] .color-list .color-red-100 {
  background-color: #000000;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-0 {
  background-color: #ffffff;
  border: 1px solid #E5E5E5;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-5 {
  background-color: #F8F8F8;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-10 {
  background-color: #F0F0F0;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-20 {
  background-color: #E4E4E4;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-30 {
  background-color: #D8D8D8;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-40 {
  background-color: #C6C6C6;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-50 {
  background-color: #8E8E8E;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-60 {
  background-color: #717171;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-70 {
  background-color: #555555;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-80 {
  background-color: #2D2D2D;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-90 {
  background-color: #1D1D1D;
}
main[data-current-page=guide] [data-module=color] .color-list .color-gray-100 {
  background-color: #000000;
}
main[data-current-page=guide] [data-module=color] .color-list .color-alpha-25 {
  background-color: rgba(0, 0, 0, 0.25);
}
main[data-current-page=guide] [data-module=color] .color-list .color-alpha-75 {
  background-color: rgba(0, 0, 0, 0.75);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list {
  display: flex;
  flex-direction: column;
}
main[data-current-page=guide] [data-module=spacing] .spacing-list > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
main[data-current-page=guide] [data-module=spacing] .spacing-list > div:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
main[data-current-page=guide] [data-module=spacing] .spacing-list p {
  font-size: 1.5rem;
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing {
  width: 20%;
  background-color: #F2ADF8;
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-1 {
  height: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-2 {
  height: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-3 {
  height: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-4 {
  height: clamp(1.6rem, 2.08333vmax, 4rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-5 {
  height: clamp(2rem, 2.5vmax, 4.8rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-6 {
  height: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-7 {
  height: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-8 {
  height: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-9 {
  height: clamp(5.2rem, 6.25vmax, 12rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-10 {
  height: clamp(7.2rem, 8.33333vmax, 16rem);
}
main[data-current-page=guide] [data-module=spacing] .spacing-list .spacing-11 {
  height: clamp(8.8rem, 10.41667vmax, 20rem);
}
main[data-current-page=guide] [data-module=typo] .typo-cont {
  display: flex;
  padding: 1rem 0;
}
main[data-current-page=guide] [data-module=typo] .typo-cont:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
main[data-current-page=guide] [data-module=typo] .typo-cont > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main[data-current-page=guide] [data-module=typo] .info-wrap {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
main[data-current-page=guide] [data-module=typo] .info-wrap .info {
  width: 100%;
  display: flex;
  gap: 1rem;
  font-size: 1.2rem;
}
main[data-current-page=guide] [data-module=typo] .info-wrap .info p:nth-child(2) {
  color: #E81D21;
  font-weight: 700;
}
main[data-current-page=guide] [data-module=typo] .guide-inner-tab {
  position: sticky;
  top: 12rem;
  display: flex;
  gap: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  z-index: 999;
  flex-wrap: wrap;
}
main[data-current-page=guide] [data-module=typo] .guide-inner-tab li {
  padding: 1rem;
  background-color: #C4E6CC;
}
main[data-current-page=guide] [data-module=radius] .radius-list {
  display: flex;
  flex-direction: column;
}
main[data-current-page=guide] [data-module=radius] .radius-list > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
main[data-current-page=guide] [data-module=radius] .radius-list > div:not(:last-child) {
  border-bottom: 1px solid #ededed;
}
main[data-current-page=guide] [data-module=radius] .radius-list p {
  font-size: 1.5rem;
}
main[data-current-page=guide] [data-module=radius] .radius-list .radius {
  text-align: center;
  width: 20%;
  padding: 1rem 0;
  border: 1px solid #C6C6C6;
  font-size: 1.5rem;
}
main[data-current-page=guide] [data-module=radius] .radius-list .radius-1 {
  border-radius: 12px;
}
main[data-current-page=guide] [data-module=radius] .radius-list .radius-2 {
  border-radius: 16px;
}
main[data-current-page=guide] [data-module=radius] .radius-list .radius-3 {
  border-radius: 24px;
}
main[data-current-page=guide] [data-module=radius] .radius-list .radius-4 {
  border-radius: 40px;
}
main[data-current-page=guide] [data-module=button] .button-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
}
main[data-current-page=guide] [data-module=button] .button-list .button-wrap {
  display: flex;
  gap: 1rem;
}
main[data-current-page=guide] [data-module=button] .button-list .button-wrap > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
main[data-current-page=guide] [data-module=button] .button-list .button-wrap > div > p {
  font-size: 1.5rem;
}
main[data-current-page=guide] [data-module=component] .component-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
main[data-current-page=guide] [data-module=component] .guide-inner-tab {
  position: sticky;
  top: 12rem;
  display: flex;
  gap: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  z-index: 999;
  flex-wrap: wrap;
}
main[data-current-page=guide] [data-module=component] .guide-inner-tab li {
  padding: 1rem;
  background-color: #C4E6CC;
}
main[data-current-page=guide] [data-module=component] .module-title {
  padding-top: 17rem;
}
main[data-current-page=guide] [data-module=component] #guideBoard + .module-content strong,
main[data-current-page=guide] [data-module=component] #guideBrailleButton + .module-content strong {
  font-weight: 400;
}
main[data-current-page=guide] .desc {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}
main[data-current-page=guide] .desc-box {
  margin-bottom: 2rem;
}
main[data-current-page=guide] .version {
  font-size: 1.6rem;
  font-weight: 500;
}
main[data-current-page=guide] .option {
  display: inline-flex;
  font-size: 1.3rem;
  border: 1px solid #666;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  font-weight: 600;
}
main[data-current-page=guide] .guide-line {
  height: 3rem;
  margin-top: 3rem;
  border-top: 1px dashed #ddd;
}
main[data-current-page=guide] .guide-file-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
main[data-current-page=guide] .guide-file-list dl {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
main[data-current-page=guide] .guide-file-list dd {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
main[data-current-page=guide] .guide-file-list p {
  font-size: 1.3rem;
}