@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;
  -webkit-transition: 0.5s, ease;
  -o-transition: 0.5s, ease;
  transition: 0.5s, ease;
}

a:hover {
  color: #000;
  text-decoration: none !important;
}

/* d3t */
mark {
  padding: 0.02rem;
}

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

/* Boot5 */
hr {
  border-top: 1px solid #BBB;
  margin-left: 15px;
  margin-right: 15px;
}

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

hr.line-sm {
  margin-top: 0.62rem;
  margin-bottom: 0.62rem;
}

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

/* Boot5 */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-bottom: 1rem;
}

/* Boot4 */
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

/* 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: 768px) {
  .word {
    display: block;
  }
}

/* d3t */
.link i {
  font-size: 90%;
  margin-top: -2px;
}

.link-white {
  color: #FFF;
}

.link-white:hover,
.link-white:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

.link-lightgray {
  color: #DDD;
}

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

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

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

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

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

/* d3t */
.btn {
  white-space: nowrap;
  margin: 2px 0;
}

.btn.btn-i i {
  margin-top: -3.2px;
  margin-right: 2px;
  font-size: 1.25rem;
}

.btn-half {
  width: 50%;
  margin-left: -2px;
}

.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.4);
  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 {
  color: var(--point);
  border-color: var(--point);
}

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

.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 {
  color: var(--point);
  background-color: transparent;
}

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

.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 {
  color: #341C1C !important;
  background-color: #F3D900 !important;
  border-color: #F3D900 !important;
}

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

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

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

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

.btn-naver:hover {
  color: #19CE60 !important;
  background-color: #FFF !important;
  border-color: #19CE60 !important;
}

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

/* Boot5 */
figure {
  margin-bottom: 0;
}

/* d3t */
figure.full {
  display: inline;
  overflow: hidden;
}

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

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

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

.bg-cover-contain {
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .bg-cover-contain {
    background-size: contain;
  }
}

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

/* d3t */
.row {}

.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 */
.box {
  position: relative;
}

.fbox {
  position: relative;
  height: 100%;
  display: flex;
}

.fbox-c {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.fbox-r {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-middle {
  display: flex;
  justify-content: center;
}

.flex-center-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

/* d3t */
ol.ol {
  margin-bottom: 0;
}

/* d3t */
dl.dl {
  display: grid;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

dl.dl dt {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
  border-bottom: 1px solid #DDD;
}

dl.dl dd {
  align-self: center;
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 0;
  border-bottom: 1px solid #DDD;
}

dl.dl dd:last-of-type {
  border-bottom: 0;
}

/* d3t */
dl.dl-r {
  grid-template-columns: 1fr 4fr;
}

dl.dl-r dt {
  grid-column-start: 1;
}

dl.dl-r dt:last-of-type {
  border-bottom: 0;
}

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

/* d3t */
dl.dl.dl-r.dl-basic {}

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

/* Boot5 */
.table {
  margin-bottom: 0;
}

.table th {
  text-align: center;
}

.table th,
.table td {
  vertical-align: middle;
}

/* d3t */
table.table-horizontal-headings {}

.table-horizontal-headings tbody td {
  text-align: center;
}

.table-horizontal-headings thead th,
.table-horizontal-headings tbody td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

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

/* d3t */
table.table.table-horizontal-headings.table-basic {}

.table-horizontal-headings.table-basic thead th {
  border-top: 2px solid #555;
  border-bottom: 1px solid #999 !important;
}

.table-horizontal-headings.table-basic tbody tr:last-child td {
  border-bottom: 1px solid #777 !important;
}

/* d3t */
table.table.table-vertical-headings {}

.table-vertical-headings tbody th {
  width: 20%;
}

.table-vertical-headings tbody th {
  border-right: 1px solid #DDD;
}

.table-vertical-headings tbody th,
.table-vertical-headings tbody td {
  border-bottom: 1px solid #DDD !important;
}

/* d3t */
table.table.table-vertical-headings.table-basic {}

.table-vertical-headings.table-basic {
  border-top: 2px solid #555;
}

.table-vertical-headings.table-basic tbody th {
  border-right: 1px solid #999;
}

.table-vertical-headings.table-basic tbody tr:last-child th,
.table-vertical-headings.table-basic tbody tr:last-child td {
  border-bottom: 1px solid #777 !important;
}

/* Boot4 */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.no-gutters .card {
  border: 0 !important;
}

/* Boot5 */
.card {
  height: 100%;
  border: 1px solid #DDD !important;
  border-radius: 0;
}

.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header h6 {
  margin-bottom: 0;
}

.card .card-body-bottom {
  padding: 0 1.25rem 1.25rem 1.25rem;
  width: 100%;
  text-align: center;
}

.card-footer {
  border-top: 1px solid #DDD !important;
}

/* d3t */
.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #EEE;
  border-left-width: .25rem;
  border-radius: .25rem;
}

.bd-callout p {
  margin-bottom: 0.5rem;
}

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

.bd-callout code {
  border-radius: 3px;
}

.bd-callout+.bd-callout {
  margin-top: -5px;
}

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

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

.bd-callout.bd-callout-secondary {
  border-left-color: #6C757D;
}

.bd-callout.bd-callout-secondary p.fs-3,
.bd-callout.bd-callout-secondary p.fs-4 {
  color: #6C757D;
}

.bd-callout.bd-callout-success {
  border-left-color: #28A745;
}

.bd-callout.bd-callout-success p.fs-3,
.bd-callout.bd-callout-success p.fs-4 {
  color: #28A745;
}

.bd-callout.bd-callout-info {
  border-left-color: #17A2B8;
}

.bd-callout.bd-callout-info p.fs-3,
.bd-callout.bd-callout-info p.fs-4 {
  color: #17A2B8;
}

.bd-callout.bd-callout-warning {
  border-left-color: #FFC107;
}

.bd-callout.bd-callout-warning p.fs-3,
.bd-callout.bd-callout-warning p.fs-4 {
  color: #FFC107;
}

.bd-callout.bd-callout-danger {
  border-left-color: #DC3545;
}

.bd-callout.bd-callout-danger p.fs-3,
.bd-callout.bd-callout-danger p.fs-4 {
  color: #DC3545;
}

.bd-callout.bd-callout-light {
  border-left-color: #F8F9FA;
}

.bd-callout.bd-callout-light p.fs-3,
.bd-callout.bd-callout-light p.fs-4 {
  color: #F8F9FA;
}

.bd-callout.bd-callout-dark {
  border-left-color: #343A40;
}

.bd-callout.bd-callout-dark p.fs-3,
.bd-callout.bd-callout-dark p.fs-4 {
  color: #343A40;
}

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

.subway-sign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  padding-right: 0.1rem;
  margin: 0.2rem;
  font-size: 0.5rem;
  font-weight: bold;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
}

.subway-line1 {
  color: #0D347F;
  background-color: #FFF;
  border-color: #0D347F;
}

.subway-line2 {
  color: #3B9F37;
  background-color: #FFF;
  border-color: #3B9F37;
}

.subway-line3 {
  color: #DD5C32;
  background-color: #FFF;
  border-color: #DD5C32;
}

.subway-line4 {
  color: #3165A8;
  background-color: #FFF;
  border-color: #3165A8;
}

.subway-line5 {
  color: #703E8C;
  background-color: #FFF;
  border-color: #703E8C;
}

.subway-line6 {
  color: #904D23;
  background-color: #FFF;
  border-color: #904D23;
}

.subway-line7 {
  color: #5B692E;
  background-color: #FFF;
  border-color: #5B692E;
}

.subway-line8 {
  color: #C82363;
  background-color: #FFF;
  border-color: #C82363;
}

.subway-line9 {
  color: #B39627;
  background-color: #FFF;
  border-color: #B39627;
}

.bus {
  display: inline-block;
  padding: 0.1rem 0.35rem;
  margin: 0.54rem 0.2rem;
  border-radius: 0.25rem;
  color: #FFF;
  font-size: 0.87rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  vertical-align: baseline;
}

.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-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

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