@charset "utf-8";

/* _bootstrap.customize-HB4v1.0.0 */
html {
  /* PC 브라우저 최저 사이즈 지정 */
  width: expression(document.body.clientWidth < 361 ? "360px": "auto");
  min-width: 360px;
}

html div.gnb-area {
  /* Sticky 작동 할 때 PC 브라우저 최소 사이즈 지정 */
  min-width: 360px;
}

html {
  font-size: 16px;
}

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

/* */
.display-1 {}

.display-2 {}

.display-3 {}

.display-4 {}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 2.0rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-7 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

/*
.fs-1 {}

.fs-2 {}

.fs-3 {}

.fs-4 {}

.fs-5 {}

.fs-6 {}
*/
.fs-sm {
  font-size: 0.875rem;
  /* 14px */
}

.fs-xs {
  font-size: 0.75rem;
  /* 12px */
}

.close {}

.close.close-sm {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 400;
}

.close.close-xs {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 400;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }

  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }

  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }

  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }

  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }

  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }

  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }

  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }

  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }

  .display-5 {
    font-size: calc(1.375rem + 1.5vw);
  }

  .display-6 {
    font-size: calc(1.275rem + 0.3vw);
  }

  .btn-lg {
    font-size: calc(0.8rem + 0.3vw);
  }
}

/* */
span.word {
  /* <span class="word"></span> */
  font-style: normal;
  white-space: nowrap;
}

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

mark {}

mark.mark-point {
  color: #0e72e4;
  background-color: rgba(219, 229, 239, 1);
}

/* */
a {
  color: #333;
  -webkit-transition: 0.5s, ease;
  -o-transition: 0.5s, ease;
  transition: 0.5s, ease;
}

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

.link {}

.link:hover {}

.link:focus,
.link.focus {}

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

.text-primary {}

.text-point:hover,
.text-point:focus {}

.text-white {}

.text-white:hover,
.text-white:focus {
  color: rgba(255, 255, 255, 0.8) !important;
  /* #fff */
}

.text-point {
  color: #0e72e4 !important;
}

.text-point:hover,
.text-point:focus {
  color: #033075 !important;
}

.active {
  color: #ff8800 !important;
}

.active:hover,
.active:focus {
  color: #f16e00 !important;
}

.active-point {
  color: #ffd55c !important;
}

.active-point:hover,
.active-point:focus {
  color: #ffb937!important;
}

/* */
.row {}

.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.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;
}

/* */
hr {}

hr.line {
  border-top: 1px solid #ddd;
  width: 100%;
  margin: 1.25rem 15px;
}

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

.btn-default {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.btn-default:hover,
.btn-default:focus {
  background-color: #333;
  color: #fff;
}

.btn-default.b-icon i {
  margin-top: -3.2px;
  margin-right: 2px;
  font-size: 1.25rem;
  /* 상위 .btn- 의 크기에 따라 변한다. */
  /* 1rem(16px)일때 1.25em(20px) */
}

.btn-point {
  /*color: #0e72e4;*/
}

.btn-point:hover,
.btn-point:focus {
  background-color: #0e72e4;
}

/* */
.btn-kakao {
  color: #341c1c !important;
  background-color: #f3d900 !important;
}

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

.btn-kakao:hover {
  color: #e9d207 !important;
  background-color: #341c1c !important;
}

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

/* */
.btn-naver {
  background-color: #15b153 !important;
}

.btn-naver .um-naver-square {}

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

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

.btn-instagram {}

.btn-twitter {}

.btn-gray {
  background-color: #dadada !important;
}

/* */
.table {}

.table-title-top thead th {
  border-top: 2px solid #555 !important;
  border-bottom: 1px solid #777 !important;
}

.table-title-top tbody td {
  border-bottom: 1px solid #eee !important;
}

.table-title-left {
  border-top: 2px solid #555;
}

.table-title-left tbody th {
  width: 20%;
  text-align: center;
}

.table-title-left tbody th {
  border-right: 1px solid #777;
}

.table-title-left tbody th,
.table-title-left tbody td {
  border-bottom: 1px solid #eee !important;
}

/* */
.card {}

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

/* */
.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:last-child {
  margin-bottom: 0;
}

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

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

.bd-callout.bd-callout-default {
  border-left-color: #f2f2f2;
}

.bd-callout.bd-callout-default p.h3 {
  color: #f2f2f2;
}

.bd-callout.bd-callout-primary {
  border-left-color: #007bff;
}

.bd-callout.bd-callout-primary p.h3 {
  color: #007bff;
}

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

.bd-callout.bd-callout-secondary p.h3 {
  color: #6c757d;
}

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

.bd-callout.bd-callout-success p.h3 {
  color: #28a745;
}

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

.bd-callout.bd-callout-info p.h3 {
  color: #17a2b8;
}

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

.bd-callout.bd-callout-warning p.h3 {
  color: #ffc107;
}

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

.bd-callout.bd-callout-danger p.h3 {
  color: #dc3545;
}

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

.bd-callout.bd-callout-light p.h3 {
  color: #f8f9fa;
}

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

.bd-callout.bd-callout-dark p.h3 {
  color: #343a40;
}