@charset "utf-8";

/****************
 * DESiGN TRiPLE
 ****************/
html {
  width: expression(document.body.clientWidth < 361 ? "360px": "auto");
  min-width: 360px;
}

html div.gnb-area {
  min-width: 360px;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', '돋움', Dotum, sans-serif;
  color: #333;
}

a {
  color: #333;
  text-decoration: none;
}

a:focus,
a:hover {
  color: var(--bs-black);
}

/* boot5 */
mark {
  padding: 0.02rem;
  line-height: 1.6;
}

/* d3t */
mark.mark-point {
  color: var(--point);
  background-color: rgba(var(--point-rgb), 0.1);
}

/* boot5 */
hr {
  border-top: 1px solid #AAA;
}

/* d3t */
hr.line-sm {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

hr.line-md {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

hr.line-lg {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* d3t */
.text-sm {
  font-size: 0.87rem;
  color: #777;
}

/* d3t */
.text-point {
  color: var(--point) !important;
}

.text-active {
  color: var(--active) !important;
}

/* d3t */
span.word {
  font-style: normal;
  white-space: nowrap;
}

@media screen and (max-width: 991.98px) {
  span.word {
    display: block;
  }
}

/* d3t */
.link-white {
  color: var(--bs-white);
}

.link-white:focus,
.link-white:hover {
  color: rgba(var(--bs-white-rgb), 0.6) !important;
}

.link-lightgray {
  color: #DDD;
}

.link-lightgray:focus,
.link-lightgray:hover {
  color: #CCC;
}

.link-point {
  color: var(--point) !important;
}

.link-point:focus,
.link-point:hover {
  color: var(--point-hover) !important;
}

.link-active {
  color: var(--active) !important;
}

.link-active:focus,
.link-active:hover {
  color: var(--active-hover) !important;
}

/* d3t */
label.close,
input.close {
  font-size: 0.87rem;
  color: #777;
  cursor: pointer;
}

/* d3t */
.btn {
  margin: 0.12rem 0;
  white-space: nowrap;
}

.btn>i.fonti {
  margin-top: -0.15rem;
  margin-bottom: 0.15rem;
  margin-right: 0.12rem;
  font-size: 1.25rem;
}

.btn.btn-half {
  width: 50%;
  margin-left: -0.15rem;
}

/* d3t */
.btn-point {
  background-color: var(--point);
  border-color: var(--point);
}

.btn-point:hover {
  background-color: var(--point-hover);
  border-color: var(--point-hover);
}

.btn-point:focus,
.btn-point.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--point-rgb), 0.5);
}

.btn-point.disabled,
.btn-point:disabled {
  background-color: rgba(var(--point-rgb), 0.5);
  border-color: rgba(var(--point-rgb), 0.1);
}

.btn-point:not(:disabled):not(.disabled):active,
.btn-point:not(:disabled):not(.disabled).active,
.show>.btn-point.dropdown-toggle {
  background-color: var(--point);
  border-color: var(--point);
}

.btn-point:not(:disabled):not(.disabled):active:focus,
.btn-point:not(:disabled):not(.disabled).active:focus,
.show>.btn-point.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--point-rgb), 0.5);
}

.btn-outline-point {
  border-color: var(--point);
  color: var(--point);
}

.btn-outline-point:hover {
  background-color: var(--point);
  border-color: var(--point);
  color: var(--bs-white);
}

.btn-outline-point:focus,
.btn-outline-point.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--point-rgb), 0.5);
}

.btn-outline-point.disabled,
.btn-outline-point:disabled {
  background-color: transparent;
  color: var(--point);
}

.btn-outline-point:not(:disabled):not(.disabled):active, .btn-outline-point:not(:disabled):not(.disabled).active,
.show>.btn-outline-point.dropdown-toggle {
  background-color: var(--point);
  border-color: var(--point);
  color: var(--bs-white);
}

.btn-outline-point:not(:disabled):not(.disabled):active:focus,
.btn-outline-point:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-point.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--point-rgb), 0.5);
}

/* d3t */
.btn-kakao {
  background-color: #F3D900 !important;
  border-color: #F3D900 !important;
  color: #341C1C !important;
}

.btn-kakao .um-kakao-talk {
  color: #341C1C !important;
}

.btn-kakao:hover {
  background-color: #341C1C !important;
  border-color: #341C1C !important;
  color: #E9D207 !important;
}

.btn-kakao:hover .um-kakao-talk {
  color: #E9D207 !important;
}

.btn-naver {
  background-color: #15B153 !important;
  border-color: #15B153 !important;
}

.btn-naver:hover {
  background-color: var(--bs-white) !important;
  border-color: #19CE60 !important;
  color: #19CE60 !important;
}

.btn-naver:hover .um-naver-square {
  color: #19CE60 !important;
}

/* boot5 */
.img-thumbnail {
  border-radius: 0;
}

/* d3t */
.bg-cover,
.area-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-equal-cols {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-contain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* d3t */
.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem auto;
}

.icon i {
  font-size: 2.5rem;
}

.icon+h3,
.icon+h4,
.icon+p {
  margin-top: 0.5rem;
}

.icon+h3:last-child,
.icon+h4:last-child,
.icon+p:last-child {
  margin-bottom: 0;
}

/* d3t */
.icon-block {
  display: block;
}

.icon-inline {
  display: inline-block;
}

/* d3t */
.icon.skin-circle {
  width: 8rem;
  height: 8rem;
  background-color: rgba(var(--bs-black-rgb), 0.05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--point);
}

article.article :has(.skin-circle):hover .icon.skin-circle {
  background-color: rgba(var(--point-rgb), 0.1);
  color: #333;
}

/* d3t */
.icon.skin-rounded {
  width: 8rem;
  height: 8rem;
  background-color: rgba(var(--bs-black-rgb), 0.05);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  border-radius: 1rem;
  color: var(--point);
}

article.article :has(.skin-rounded):hover .icon.skin-rounded {
  background-color: rgba(var(--point-rgb), 0.1);
  color: #333;
}

/* d3t */
.row.equal-cols {
  display: -webkit-flex;
}

.row.equal-cols::before,
.row.equal-cols::after {
  display: block;
}

.row.equal-cols>[class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols>[class*='col-']>* {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* d3t */
.d-flex-r-center {
  display: flex;
  justify-content: center;
}

.d-flex-r-middle {
  display: flex;
  align-items: center;
}

.d-flex-c-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.d-flex-c-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* boot5 */
.opt-rounded {
  border-radius: 1rem !important;
}

.opt-rounded-top {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.opt-rounded-bottom {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

/* d3t */
.opt-text-center :where(h3, h4, h5, h6) {
  text-align: center;
}

@supports not (:where(h3, h4, h5, h6)) {

  .opt-text-center h3,
  .opt-text-center h4,
  .opt-text-center h5,
  .opt-text-center h6 {
    text-align: center;
  }
}

.opt-text-center p {
  text-align: center;
}

/* d3t */
.opt-p-grow p {
  flex: 1 1 auto;
}

/* d3t */
.box {
  position: relative;
}

/* d3t */
.box-flex {
  position: relative;
  display: flex;
}

.box-flex.plus-r {
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.box-flex.plus-r-center-middle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.box-flex.plus-r-between-middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.box-flex.plus-c {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.box-flex.plus-c-center-middle {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.box-flex.plus-c-center-between {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

/* d3t */
.box-flex.skin-basic {
  padding: 3rem;
  border: 1px solid #DDD;
}

.box-flex.skin-basic figure .img-thumbnail {
  border: 1px solid #EEE;
}

.box-flex.skin-basic h3 {
  text-align: center;
}

.box-flex.skin-basic h4 {
  text-align: center;
}

.box-flex.skin-basic h3+h4 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #777;
}

.box-flex.skin-basic p {
  text-align: center;
}

/* d3t */
.box-flex.opt-hover:hover {
  border-color: rgba(var(--active-rgb), 0.3);
  background-color: rgba(var(--active-rgb), 0.05);
}

.box-flex.opt-hover:hover .icon.skin-circle,
.box-flex.opt-hover:hover .icon.skin-rounded {
  background-color: rgba(var(--active-rgb), 0.1) !important;
  transition: all .3s ease-in;
}

/* boot5 */
.card {
  border: 1px solid #DDD;
  border-radius: 0;
  overflow: hidden;
}

.card figure:last-of-type {
  margin-bottom: 0;
}

.card figure .overlay {
  padding: 1rem;
}

.card figure img {
  object-fit: cover;
}

.card .card-header {
  padding: 1rem;
  border-bottom: 1px solid #DDD;
}

.card .card-body-bottom {
  padding: 0 1rem 1rem 1rem;
  width: 100%;
}

.card .card-footer {
  padding: 1rem;
  border-top: 1px solid #DDD;
}

/* d3t */
/* .card.plus-c {
  flex-direction: row;
} */

.card.plus-c .row>div {
  display: flex;
  flex-direction: column;
}

.card.plus-c figure {
  height: 100%;
}

.card.plus-c figure img {
  height: 100%;
}

.card.plus-c .card-header,
.card.plus-c .card-body,
.card.plus-c .card-footer {
  border-left: 1px solid #DDD;
}

.card.plus-c .card-body h3 {
  text-align: left !important;
}

@media screen and (max-width: 991.98px) {
  .card.plus-c {
    align-items: flex-start;
  }

  .card.plus-c .card-header {
    border-top: 1px solid #DDD;
    border-left: 0;
  }

  .card.plus-c .card-body {
    border-left: 0;
  }

  .card.plus-c .card-body h3 {
    text-align: center !important;
  }

  .card.plus-c .card-footer {
    border-left: 0;
  }
}

/* d3t */
.card.skin-basic {
  height: 100%;
}

.card.skin-basic figure {
  position: relative;
  overflow: hidden;
}

.card.skin-basic .card-body h3 {
  text-align: center;
}

.card.skin-basic .card-body h4 {
  text-align: center;
}

.card.skin-basic .card-body h3+h4 {
  font-size: 1.25rem;
  font-weight: normal;
  color: #777;
}

.card.skin-basic .card-body-bottom {
  text-align: center;
}

/* d3t */
.card.skin-tp {
  height: 100%;
  background-color: transparent;
  border: 1px solid transparent;
}

.card.skin-tp figure {
  position: relative;
  overflow: hidden;
}

.card.skin-tp .card-footer {
  background-color: transparent;
}

/* d3t */
.card.opt-border-none {
  border: none !important;
  box-shadow: none !important;
}

.card.opt-border-solid {
  border: 1px solid #DDD !important;
  box-shadow: none !important;
}

.card.opt-border-dotted {
  border: 1px dotted #DDD !important;
  box-shadow: none !important;
}

/* d3t */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(var(--bs-black-rgb), 0.05);
}

/* d3t */
.card.opt-overlay-bk figure .overlay {
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(var(--bs-black-rgb), 0.3);
  opacity: 0;
}

.card.opt-overlay-bk:hover figure .overlay {
  opacity: 1;
}

.card.opt-overlay-bk figure .overlay h3 {
  color: var(--bs-white);
}

.card.opt-overlay-bk figure .overlay h4 {
  color: var(--bs-white);
}

.card.opt-overlay-bk figure .overlay p {
  color: var(--bs-white);
}

.card.opt-overlay-bk figure .overlay .icon i {
  color: var(--bs-white);
}

.card.opt-overlay-bk figure img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card.opt-overlay-bk:hover figure img,
.card.opt-overlay-bk:focus figure img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/* d3t */
.card.opt-overlay-wt figure .overlay {
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(var(--bs-white-rgb), 0.3);
  opacity: 1;
}

.card.opt-overlay-wt:hover figure .overlay {
  opacity: 0;
}

.card.opt-overlay-wt figure img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card.opt-overlay-wt:hover figure img,
.card.opt-overlay-wt:focus figure img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/* d3t */
.card.opt-overlay-tp figure .overlay {
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  background-color: transparent;
}

.card.opt-overlay-tp figure img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.card.opt-overlay-tp:hover figure img,
.card.opt-overlay-tp:focus figure img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/* d3t */
.gallery {
  position: relative;
  display: block;
  height: 100%;
  border: 1px solid #DDD;
  object-fit: cover;
  overflow: hidden;
}

.gallery.gallery-item .overlay {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.gallery.gallery-item:hover .overlay {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
}

.gallery.gallery-item:hover .overlay .gallery-caption-hover {
  opacity: 1;
  visibility: visible;
}

.gallery.gallery-item .gallery-caption {
  position: absolute;
  width: 100%;
}

.gallery.gallery-item:hover .gallery-caption {
  display: none;
}

/* d3t */
.gallery.gallery-item.skin-basic .overlay .gallery-caption-hover {
  padding: 1rem;
  text-align: center;
  text-shadow: 0 0 3px rgba(var(--bs-black-rgb), 0.1);
}

.gallery.gallery-item.skin-basic .overlay .gallery-caption-hover h3 {
  color: var(--bs-white);
}

.gallery.gallery-item.skin-basic .overlay .gallery-caption-hover p {
  color: var(--bs-white);
}

.gallery.gallery-item.skin-basic .overlay .gallery-caption-hover .badge {
  margin-top: 0.5rem;
}

.gallery.gallery-item.skin-basic .gallery-caption {
  bottom: 0;
  padding: 1rem;
  background: linear-gradient(0deg, rgba(var(--bs-black-rgb), 0.4) 0%, rgba(var(--bs-black-rgb), 0.2) 55%, rgba(var(--bs-black-rgb), 0) 100%);
  text-align: center;
  text-shadow: 0 0 3px rgba(var(--bs-black-rgb), 0.1);
}

.gallery.gallery-item.skin-basic .gallery-caption h3 {
  margin-top: 3rem;
  color: var(--bs-white);
}

/* d3t */
.gallery.gallery-item.opt-overlay-bk:hover .overlay {
  background: rgba(var(--bs-black-rgb), 0.3);
}

/* d3t */
.banner {
  position: relative;
  min-height: 10vh;
  overflow: hidden;
}

.banner .banner-inner {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.banner .banner-inner.banner-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner .overlay {
  z-index: -1;
  background-color: rgba(var(--bs-black-rgb), 0.1);
}

.banner .banner-caption {
  text-shadow: 0 0 8px rgba(var(--bs-black-rgb), 0.1);
}

/* d3t */
ul.ul li {
  margin-bottom: 0.5rem;
}

/* d3t */
ul.ul.skin-none {
  padding-left: 0;
  list-style-type: none;
}

/* d3t */
ul.ul.skin-icon {
  padding-left: 0;
  list-style-type: none;
}

ul.ul.skin-icon li {
  display: flex;
}

ul.ul.skin-icon li::before {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
  font-family: "Font Awesome 6 Free";
  font-size: 0.87rem;
  font-weight: 900;
  content: "\f054";
}

/* Font Awesome */
ul.fa-ul {
  margin-left: var(--fa-li-margin, 1.4rem);
}

ul.fa-ul li {
  margin-bottom: 0.5rem;
}

/* d3t */
ol.ol li {
  margin-bottom: 0.5rem;
}

/* d3t */
ol.ol.skin-none {
  padding-left: 0;
  list-style-type: none;
}

/* d3t */
ol.ol.skin-number {
  padding-left: 0;
  list-style-type: none;
}

ol.ol.skin-number li {
  display: flex;
  counter-increment: index;
}

ol.ol.skin-number li::before {
  padding-right: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  font-variant-numeric: tabular-nums;
  text-align: right;
  content: counters(index, ".", decimal-leading-zero);
}

/* d3t */
dl.dl-grid {
  display: grid;
  margin-bottom: 0;
}

dl.dl-grid dt {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid #DDD;
}

dl.dl-grid dd {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid #DDD;
}

/* d3t */
dl.dl-grid.plus-r dt {
  grid-column-start: 1;
}

dl.dl-grid.plus-r dd {
  grid-column-start: 2;
}

/* d3t */
dl.skin-basic {
  border-top: 2px solid #555;
  border-bottom: 1px solid #777;
}

dl.skin-basic dt {
  justify-content: center;
}

/* boot5 */
.table {
  --bs-table-striped-bg: rgba(var(--bs-black-rgb), 0.02);
}

/* boot5 */
.table.table-bordered thead th,
.table.table-bordered tbody th,
.table.table-bordered tbody td {
  text-align: center;
  vertical-align: middle;
}

/* d3t */
.table.table-lined {
  border-top: 1px solid #DDD;
}

.table.table-lined thead th,
.table.table-lined tbody th,
.table.table-lined tbody td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-align: center;
  vertical-align: middle;
}

.table.table-lined thead th:last-child,
.table.table-lined tbody td:last-child {
  border-right: 0;
}

/* d3t */
.table.skin-r-basic {
  border-top: 2px solid #555 !important;
  border-left: 0;
  border-right: 0;
}

.table.skin-r-basic thead th:first-of-type {
  border-right: 1px solid #999 !important;
}

.table.skin-r-basic tbody tr:last-child th {
  border-bottom: 1px solid #777 !important;
}

/* d3t */
.table.skin-c-basic {
  border-top: 2px solid #555 !important;
  border-left: 0;
  border-right: 0;
}

.table.skin-c-basic thead th {
  border-bottom: 1px solid #999 !important;
}

.table.skin-c-basic tbody tr:last-of-type th,
.table.skin-c-basic tbody tr:last-of-type td {
  border-bottom: 1px solid #777 !important;
}

/* d3t */
.table.skin-rc-basic {
  border-top: 2px solid #555 !important;
}

.table.skin-rc-basic thead th {
  border-bottom: 1px solid #999 !important;
}

.table.skin-rc-basic thead th:first-of-type,
.table.skin-rc-basic tbody th {
  border-right: 1px solid #999 !important;
}

.table.skin-rc-basic tbody tr:last-of-type th,
.table.skin-rc-basic tbody tr:last-of-type td {
  border-bottom: 1px solid #777 !important;
}

/* d3t */
.table.opt-td-left tbody td {
  text-align: left !important;
}

/* boot5 */
.table-hover>tbody>tr:hover>*,
.table.opt-r-hover>tbody>tr:hover>* {
  --bs-table-hover-bg: rgba(var(--point-rgb), 0.1);
  --bs-table-accent-bg: var(--bs-table-hover-bg);
}

/* d3t */
.table.opt-c-hover {
  overflow: hidden;
}

.table.opt-c-hover th,
.table.opt-c-hover td {
  position: relative;
}

.table.opt-c-hover td:hover::after {
  position: absolute;
  z-index: -1;
  top: -5000px;
  left: 0;
  width: 100%;
  height: 10000px;
  background-color: rgba(var(--point-rgb), 0.1);
  content: '';
}

/* d3t */
.table.opt-rc-hover {
  overflow: hidden;
}

.table.opt-rc-hover th,
.table.opt-rc-hover td {
  position: relative;
}

.table.opt-rc-hover td:hover::before {
  position: absolute;
  z-index: -2;
  top: 0;
  left: -5000px;
  width: 10000px;
  height: 100%;
  background-color: rgba(var(--active-rgb), 0.1);
  content: '';
}

.table.opt-rc-hover td:hover::after {
  position: absolute;
  z-index: -1;
  top: -5000px;
  left: 0;
  width: 100%;
  height: 10000px;
  background-color: rgba(var(--point-rgb), 0.1);
  content: '';
}

/* d3t */
.callout {
  padding: 1rem;
  border: 1px solid #DDD;
  border-left-width: 0.25rem;
}

.callout p.fs-3,
.callout p.fs-4 {
  margin-bottom: 0.5rem;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout+.callout {
  margin-top: 1.5rem;
}

.callout.callout-point {
  border-left-color: var(--point);
}

.callout.callout-point p.fs-3,
.callout.callout-point p.fs-4 {
  color: var(--point);
}

.callout.callout-primary {
  border-left-color: var(--bs-primary);
}

.callout.callout-primary p.fs-3,
.callout.callout-primary p.fs-4 {
  color: var(--bs-primary);
}

.callout.callout-secondary {
  border-left-color: var(--bs-secondary);
}

.callout.callout-secondary p.fs-3,
.callout.callout-secondary p.fs-4 {
  color: var(--bs-secondary);
}

.callout.callout-success {
  border-left-color: var(--bs-success);
}

.callout.callout-success p.fs-3,
.callout.callout-success p.fs-4 {
  color: var(--bs-success);
}

.callout.callout-info {
  border-left-color: var(--bs-inf);
}

.callout.callout-info p.fs-3,
.callout.callout-info p.fs-4 {
  color: var(--bs-inf);
}

.callout.callout-warning {
  border-left-color: var(--bs-warning);
}

.callout.callout-warning p.fs-3,
.callout.callout-warning p.fs-4 {
  color: var(--bs-warning);
}

.callout.callout-danger {
  border-left-color: var(--bs-danger);
}

.callout.callout-danger p.fs-3,
.callout.callout-danger p.fs-4 {
  color: var(--bs-danger);
}

.callout.callout-light {
  border-left-color: var(--bs-light);
}

.callout.callout-light p.fs-3,
.callout.callout-light p.fs-4 {
  color: var(--bs-light);
}

.callout.callout-dark {
  border-left-color: var(--bs-dark);
}

.callout.callout-dark p.fs-3,
.callout.callout-dark p.fs-4 {
  color: var(--bs-dark);
}

/* d3t */
.subway {
  display: inline-block;
}

.subway-sign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  margin: 0 0.54rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-shadow: 0px 0px 1px rgba(var(--bsblack-rgb), 0.5);
  white-space: nowrap;
}

.subway+.subway .subway-sign {
  margin-left: 0;
}

.subway-line1 {
  color: #0D347F;
  background-color: var(--bs-white);
  border-color: #0D347F;
}

.subway-line2 {
  color: #3B9F37;
  background-color: var(--bs-white);
  border-color: #3B9F37;
}

.subway-line3 {
  color: #DD5C32;
  background-color: var(--bs-white);
  border-color: #DD5C32;
}

.subway-line4 {
  color: #3165A8;
  background-color: var(--bs-white);
  border-color: #3165A8;
}

.subway-line5 {
  color: #703E8C;
  background-color: var(--bs-white);
  border-color: #703E8C;
}

.subway-line6 {
  color: #904D23;
  background-color: var(--bs-white);
  border-color: #904D23;
}

.subway-line7 {
  color: #5B692E;
  background-color: var(--bs-white);
  border-color: #5B692E;
}

.subway-line8 {
  color: #C82363;
  background-color: var(--bs-white);
  border-color: #C82363;
}

.subway-line9 {
  color: #B39627;
  background-color: var(--bs-white);
  border-color: #B39627;
}

.subway-line0 {
  color: #81A914;
  background-color: var(--bs-white);
  border-color: #81A914;
}

.bus {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  margin: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.87rem;
  font-weight: bold;
  color: var(--bs-white);
  text-align: center;
  text-shadow: 0px 0px 1px rgba(var(--bsblack-rgb), 0.5);
  white-space: nowrap;
}

.bus+.bus {
  margin-left: 0;
}

.bus.bus-blue {
  background-color: #0068B7;
}

.bus.bus-red {
  background-color: #E60012;
}

.bus.bus-green {
  background-color: #53B332;
}

.bus.bus-yellow {
  background-color: #F2B70A;
}

/* d3t */
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}