@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Nanum+Brush+Script&family=Nanum+Gothic:wght@400;700;800&family=Nanum+Pen+Script&display=swap");
@import url(./pretendard.css);
@import url(../font-awesome/css/font-awesome.min.css);
@import url(../themify-icons/themify-icons.css);
.border-0 {
  border-width: 0px !important; }

.border-radius-0 {
  border-radius: 0% !important; }

.line-height-0 {
  line-height: 1 !important; }

.letter-space-0 {
  letter-spacing: -0px !important; }

.alpha-0 {
  opacity: 0; }

.font-weight-0 {
  font-weight: 0 !important; }

.opacity-0 {
  opacity: 0; }

.border-1 {
  border-width: 1px !important; }

.border-radius-1 {
  border-radius: 10% !important; }

.line-height-1 {
  line-height: 1.1 !important; }

.letter-space-1 {
  letter-spacing: -0.5px !important; }

.alpha-1 {
  opacity: 0.1; }

.font-weight-1 {
  font-weight: 100 !important; }

.opacity-1 {
  opacity: 0.1; }

.border-2 {
  border-width: 2px !important; }

.border-radius-2 {
  border-radius: 20% !important; }

.line-height-2 {
  line-height: 1.2 !important; }

.letter-space-2 {
  letter-spacing: -1px !important; }

.alpha-2 {
  opacity: 0.2; }

.font-weight-2 {
  font-weight: 200 !important; }

.opacity-2 {
  opacity: 0.2; }

.border-3 {
  border-width: 3px !important; }

.border-radius-3 {
  border-radius: 30% !important; }

.line-height-3 {
  line-height: 1.3 !important; }

.letter-space-3 {
  letter-spacing: -1.5px !important; }

.alpha-3 {
  opacity: 0.3; }

.font-weight-3 {
  font-weight: 300 !important; }

.opacity-3 {
  opacity: 0.3; }

.border-4 {
  border-width: 4px !important; }

.border-radius-4 {
  border-radius: 40% !important; }

.line-height-4 {
  line-height: 1.4 !important; }

.letter-space-4 {
  letter-spacing: -2px !important; }

.alpha-4 {
  opacity: 0.4; }

.font-weight-4 {
  font-weight: 400 !important; }

.opacity-4 {
  opacity: 0.4; }

.border-5 {
  border-width: 5px !important; }

.border-radius-5 {
  border-radius: 50% !important; }

.line-height-5 {
  line-height: 1.5 !important; }

.letter-space-5 {
  letter-spacing: -2.5px !important; }

.alpha-5 {
  opacity: 0.5; }

.font-weight-5 {
  font-weight: 500 !important; }

.opacity-5 {
  opacity: 0.5; }

.border-6 {
  border-width: 6px !important; }

.border-radius-6 {
  border-radius: 60% !important; }

.line-height-6 {
  line-height: 1.6 !important; }

.letter-space-6 {
  letter-spacing: -3px !important; }

.alpha-6 {
  opacity: 0.6; }

.font-weight-6 {
  font-weight: 600 !important; }

.opacity-6 {
  opacity: 0.6; }

.border-7 {
  border-width: 7px !important; }

.border-radius-7 {
  border-radius: 70% !important; }

.line-height-7 {
  line-height: 1.7 !important; }

.letter-space-7 {
  letter-spacing: -3.5px !important; }

.alpha-7 {
  opacity: 0.7; }

.font-weight-7 {
  font-weight: 700 !important; }

.opacity-7 {
  opacity: 0.7; }

.border-8 {
  border-width: 8px !important; }

.border-radius-8 {
  border-radius: 80% !important; }

.line-height-8 {
  line-height: 1.8 !important; }

.letter-space-8 {
  letter-spacing: -4px !important; }

.alpha-8 {
  opacity: 0.8; }

.font-weight-8 {
  font-weight: 800 !important; }

.opacity-8 {
  opacity: 0.8; }

.border-9 {
  border-width: 9px !important; }

.border-radius-9 {
  border-radius: 90% !important; }

.line-height-9 {
  line-height: 1.9 !important; }

.letter-space-9 {
  letter-spacing: -4.5px !important; }

.alpha-9 {
  opacity: 0.9; }

.font-weight-9 {
  font-weight: 900 !important; }

.opacity-9 {
  opacity: 0.9; }

.border-10 {
  border-width: 10px !important; }

.border-radius-10 {
  border-radius: 100% !important; }

.line-height-10 {
  line-height: 2 !important; }

.letter-space-10 {
  letter-spacing: -5px !important; }

.alpha-10 {
  opacity: 1; }

.font-weight-10 {
  font-weight: 1000 !important; }

.opacity-10 {
  opacity: 1; }

.btn-transparent, .bg-transparent, .badge-transparent {
  background-color: transparent !important; }

.btn-outline-transparent {
  color: transparent !important;
  border-color: transparent !important; }

.text-transparent {
  color: transparent !important; }

.border-transparent {
  border-color: transparent !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-wh, .bg-wh, .badge-wh {
  background-color: white !important; }

.btn-outline-wh {
  color: white !important;
  border-color: white !important; }

.text-wh {
  color: white !important; }

.border-wh {
  border-color: white !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-wh-opacity, .bg-wh-opacity, .badge-wh-opacity {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.btn-outline-wh-opacity {
  color: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.2) !important; }

.text-wh-opacity {
  color: rgba(255, 255, 255, 0.2) !important; }

.border-wh-opacity {
  border-color: rgba(255, 255, 255, 0.2) !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-bl, .bg-bl, .badge-bl {
  background-color: black !important; }

.btn-outline-bl {
  color: black !important;
  border-color: black !important; }

.text-bl {
  color: black !important; }

.border-bl {
  border-color: black !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-bl-opacity, .bg-bl-opacity, .badge-bl-opacity {
  background-color: rgba(0, 0, 0, 0.6) !important; }

.btn-outline-bl-opacity {
  color: rgba(0, 0, 0, 0.6) !important;
  border-color: rgba(0, 0, 0, 0.6) !important; }

.text-bl-opacity {
  color: rgba(0, 0, 0, 0.6) !important; }

.border-bl-opacity {
  border-color: rgba(0, 0, 0, 0.6) !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-dark, .bg-dark, .badge-dark {
  background-color: #17181a !important; }

.btn-outline-dark {
  color: #17181a !important;
  border-color: #17181a !important; }

.text-dark {
  color: #17181a !important; }

.border-dark {
  border-color: #17181a !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-yel, .bg-yel, .badge-yel {
  background-color: #ffc346 !important; }

.btn-outline-yel {
  color: #ffc346 !important;
  border-color: #ffc346 !important; }

.text-yel {
  color: #ffc346 !important; }

.border-yel {
  border-color: #ffc346 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-red2, .bg-red2, .badge-red2 {
  background-color: #e4032e !important; }

.btn-outline-red2 {
  color: #e4032e !important;
  border-color: #e4032e !important; }

.text-red2 {
  color: #e4032e !important; }

.border-red2 {
  border-color: #e4032e !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-orange, .bg-orange, .badge-orange {
  background-color: #ee7c4b !important; }

.btn-outline-orange {
  color: #ee7c4b !important;
  border-color: #ee7c4b !important; }

.text-orange {
  color: #ee7c4b !important; }

.border-orange {
  border-color: #ee7c4b !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-blue1, .bg-blue1, .badge-blue1 {
  background-color: #2463d4 !important; }

.btn-outline-blue1 {
  color: #2463d4 !important;
  border-color: #2463d4 !important; }

.text-blue1 {
  color: #2463d4 !important; }

.border-blue1 {
  border-color: #2463d4 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-blue2, .bg-blue2, .badge-blue2 {
  background-color: #3989ea !important; }

.btn-outline-blue2 {
  color: #3989ea !important;
  border-color: #3989ea !important; }

.text-blue2 {
  color: #3989ea !important; }

.border-blue2 {
  border-color: #3989ea !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-blue3, .bg-blue3, .badge-blue3 {
  background-color: #4864ef !important; }

.btn-outline-blue3 {
  color: #4864ef !important;
  border-color: #4864ef !important; }

.text-blue3 {
  color: #4864ef !important; }

.border-blue3 {
  border-color: #4864ef !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-mint, .bg-mint, .badge-mint {
  background-color: #3eceff !important; }

.btn-outline-mint {
  color: #3eceff !important;
  border-color: #3eceff !important; }

.text-mint {
  color: #3eceff !important; }

.border-mint {
  border-color: #3eceff !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-light, .bg-light, .badge-light {
  background-color: #f2f5f7 !important; }

.btn-outline-light {
  color: #f2f5f7 !important;
  border-color: #f2f5f7 !important; }

.text-light {
  color: #f2f5f7 !important; }

.border-light {
  border-color: #f2f5f7 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-light2, .bg-light2, .badge-light2 {
  background-color: #ebeced !important; }

.btn-outline-light2 {
  color: #ebeced !important;
  border-color: #ebeced !important; }

.text-light2 {
  color: #ebeced !important; }

.border-light2 {
  border-color: #ebeced !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-light-blue3, .bg-light-blue3, .badge-light-blue3 {
  background-color: #cce0ff !important; }

.btn-outline-light-blue3 {
  color: #cce0ff !important;
  border-color: #cce0ff !important; }

.text-light-blue3 {
  color: #cce0ff !important; }

.border-light-blue3 {
  border-color: #cce0ff !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-gray, .bg-gray, .badge-gray {
  background-color: #7d7e7f !important; }

.btn-outline-gray {
  color: #7d7e7f !important;
  border-color: #7d7e7f !important; }

.text-gray {
  color: #7d7e7f !important; }

.border-gray {
  border-color: #7d7e7f !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-gray-m, .bg-gray-m, .badge-gray-m {
  background-color: #999a9b !important; }

.btn-outline-gray-m {
  color: #999a9b !important;
  border-color: #999a9b !important; }

.text-gray-m {
  color: #999a9b !important; }

.border-gray-m {
  border-color: #999a9b !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-gray-s, .bg-gray-s, .badge-gray-s {
  background-color: #dcdee0 !important; }

.btn-outline-gray-s {
  color: #dcdee0 !important;
  border-color: #dcdee0 !important; }

.text-gray-s {
  color: #dcdee0 !important; }

.border-gray-s {
  border-color: #dcdee0 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-gray-light, .bg-gray-light, .badge-gray-light {
  background-color: rgba(184, 178, 174, 0.2) !important; }

.btn-outline-gray-light {
  color: rgba(184, 178, 174, 0.2) !important;
  border-color: rgba(184, 178, 174, 0.2) !important; }

.text-gray-light {
  color: rgba(184, 178, 174, 0.2) !important; }

.border-gray-light {
  border-color: rgba(184, 178, 174, 0.2) !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-naver, .bg-naver, .badge-naver {
  background-color: #21c506 !important; }

.btn-outline-naver {
  color: #21c506 !important;
  border-color: #21c506 !important; }

.text-naver {
  color: #21c506 !important; }

.border-naver {
  border-color: #21c506 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-kakao, .bg-kakao, .badge-kakao {
  background-color: #ffee00 !important; }

.btn-outline-kakao {
  color: #ffee00 !important;
  border-color: #ffee00 !important; }

.text-kakao {
  color: #ffee00 !important; }

.border-kakao {
  border-color: #ffee00 !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-youtube, .bg-youtube, .badge-youtube {
  background-color: red !important; }

.btn-outline-youtube {
  color: red !important;
  border-color: red !important; }

.text-youtube {
  color: red !important; }

.border-youtube {
  border-color: red !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.btn-brown, .bg-brown, .badge-brown {
  background-color: #381f1e !important; }

.btn-outline-brown {
  color: #381f1e !important;
  border-color: #381f1e !important; }

.text-brown {
  color: #381f1e !important; }

.border-brown {
  border-color: #381f1e !important;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.font-roboto {
  font-family: "Roboto" !important; }

.font-en {
  font-family: "Montserrat" !important; }

html, body {
  min-height: 100%; }

body {
  font-size: clamp(12px, 5vw, 14px);
  font-weight: 400;
  color: black;
  line-height: 1.6;
  letter-spacing: 0em;
  background: white;
  margin: 0;
  font-family: "pretendard","Roboto","Open Sans",sans-serif;
  overflow-x: hidden; }

button:focus {
  outline: 0 !important; }

a, button, .btn {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  cursor: pointer; }

a {
  color: black;
  text-decoration: none; }
  a:hover, a:focus, a.active {
    text-decoration: none;
    outline: 0 !important; }

::-moz-selection {
  background-color: #2463d4;
  color: white;
  text-shadow: none; }

::selection {
  background-color: #2463d4;
  color: white;
  text-shadow: none; }

strong, .strong {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6, .p {
  margin-bottom: 0;
  line-height: inherit;
  color: inherit; }

h1, .h1 {
  font-size: clamp(50px, 5vw, 60px);
  font-weight: 700; }

h2, .h2 {
  font-size: clamp(36px, 5vw, 40px);
  font-weight: 700; }

h3, .h3 {
  font-size: clamp(28px, 5vw, 32px);
  font-weight: 600; }

h4, .h4 {
  font-size: clamp(20px, 5vw, 24px);
  font-weight: 500; }

h5, .h5 {
  font-size: clamp(16px, 5vw, 18px);
  font-weight: 400; }

h6, .h6 {
  font-size: clamp(13px, 5vw, 16px);
  font-weight: 300; }

hr {
  margin: 1rem auto;
  border: 0;
  border-top: 1px solid #dcdee0; }

.vr {
  display: inline-block;
  width: 1px;
  min-height: 40px;
  border-left: 1px solid #dcdee0;
  margin: 0 0 -6px 0; }

ul, ol {
  margin: 0 0 1.5em 0; }

img {
  max-width: 100%;
  height: auto; }

.gray-scale, .gray-scale *, .disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.disabled {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed;
  opacity: .5; }

.blur {
  -webkit-filter: blur(3px);
          filter: blur(3px); }

label {
  margin: 0; }

.small, small {
  font-size: 85%; }

iframe {
  border: none;
  width: 100%; }

.link {
  cursor: pointer; }

.ani {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.shadow {
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.05) !important; }

.shadow-s {
  -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.05) !important;
          box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.05) !important; }

.box {
  border-radius: 10px; }

.hr {
  display: inline-block;
  background-color: transparent; }
  .hr.vertical {
    width: 1px;
    height: 100%; }

.btn, .button {
  overflow: hidden;
  position: relative;
  z-index: 1;
  cursor: pointer;
  letter-spacing: 0px; }
  .btn:hover, .btn:focus, .button:hover, .button:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 !important;
    box-shadow: none !important; }

.btn {
  border-radius: 5px;
  padding: 8.5PX 10px;
  line-height: 1;
  font-weight: 400; }
  .btn.btn-rounded {
    border-radius: 25.5px; }
  .btn.btn-lg {
    font-size: 18px;
    padding: 12.5px 18px;
    font-weight: 500; }
    .btn.btn-lg.btn-rounded {
      border-radius: 35px; }
  .btn.btn-md {
    font-size: 16.5px;
    padding: 11px 25px;
    font-weight: 500; }
    .btn.btn-md.btn-rounded {
      border-radius: 20px; }
  .btn.btn-sm {
    font-size: 12px;
    padding: 6px 8px; }
    .btn.btn-sm.btn-rounded {
      border-radius: 16px; }

.form-control {
  height: auto;
  border-color: #dcdee0;
  font-weight: 300; }
  .form-control.form-control-lg {
    font-size: 16px;
    padding: 9.5px 12px; }
  .form-control.datetimepicker {
    background-image: url(../images/icon/calendar.png?ver=20220129);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%; }
  .form-control.form-control-xl {
    font-size: 20px;
    padding: 16px 18px;
    font-weight: 500;
    height: 60px; }
  .form-control.selectpicker {
    height: 42px; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #f2f5f7; }
  .form-control:hover, .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 !important; }
  .form-control:focus {
    border-color: #2463d4; }
  .form-control.form-control-auto {
    display: inline-block;
    width: auto !important; }
  .form-controltextarea {
    resize: none; }

.noresize {
  resize: none; }

.input-group-search::before {
  content: '\e610';
  font-family: 'themify';
  color: #999a9b;
  font-size: 18px;
  position: absolute;
  left: 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2; }
.input-group-search .input[type="text"]:first-child {
  padding-left: 40px; }

.border-dashed {
  border-style: dashed !important; }

.border-dotted {
  border-style: dotted !important; }

.border-none {
  border: none !important; }

.border-radius {
  border-radius: 15px; }
  .border-radius.md {
    border-radius: 10px; }
  .border-radius.sm {
    border-radius: 5px; }

.border-rounded-tl {
  border-top-left-radius: 25.5px !important; }

.border-rounded-tr {
  border-top-right-radius: 25.5px !important; }

.border-rounded-bl {
  border-bottom-left-radius: 25.5px !important; }

.border-rounded-br {
  border-bottom-right-radius: 25.5px !important; }

.text-line {
  text-decoration: line-through; }

.text-underline {
  text-decoration: underline !important; }

.container {
  max-width: 1920px; }

.table {
  table-layout: auto;
  word-break: break-all; }
  .table th, .table td {
    vertical-align: middle;
    border-bottom: solid 1px #dcdee0;
    padding: 12px 12px;
    word-break: keep-all; }
    .table th:first-child, .table td:first-child {
      border-left: none !important; }
    .table th:last-child, .table td:last-child {
      border-right: none !important; }
  .table th {
    text-align: center;
    font-weight: 500; }
  .table > thead > tr th {
    background-color: #2463d4;
    color: white;
    border-bottom-width: 0;
    border-color: #dcdee0;
    text-align: center;
    vertical-align: middle; }
  .table.table-sm th, .table.table-sm td {
    padding: 6px; }
  .table.table-md th, .table.table-md td {
    padding: 8px; }
  .table.table-bordered {
    border: none;
    border-top: solid 3px #2463d4; }
    .table.table-bordered > thead tr th {
      background-color: #f2f5f7;
      color: #17181a; }
  .table.table-pre * {
    white-space: pre;
    word-break: break-all; }
  .table .list-content {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  .table .thead, .table .tbody {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .table .thead > li, .table .tbody > li {
      padding: 8px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .table .thead > li.chk, .table .tbody > li.chk {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50px;
                flex: 0 0 50px;
        width: 50px;
        padding-right: 0;
        padding-left: 0; }
      .table .thead > li.lecture, .table .tbody > li.lecture {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100px;
                flex: 0 0 100px;
        width: 100px; }
      .table .thead > li.status, .table .tbody > li.status {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
                flex: 0 0 120px;
        width: 120px; }
      .table .thead > li.link-btn, .table .tbody > li.link-btn {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
                flex: 0 0 120px;
        width: 120px; }
  .table .thead {
    background-color: #2463d4;
    color: white;
    font-weight: 500; }
    .table .thead > li {
      white-space: nowrap;
      word-break: break-all; }
  .table .tbody {
    border-bottom: solid 1px #dcdee0; }
  .table#table_apply .thead > li.subj, .table#table_apply .tbody > li.subj {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 390px);
            flex: 0 0 calc(100% - 390px);
    max-width: calc(100% - 390px); }
  .table#table_apply_list .thead > li.category, .table#table_apply_list .tbody > li.category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    max-width: 120px; }
  .table#table_apply_list .thead > li.chk-agree, .table#table_apply_list .tbody > li.chk-agree {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    max-width: 150px; }
  .table#table_apply_list .thead > li.subj, .table#table_apply_list .tbody > li.subj {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 490px);
            flex: 0 0 calc(100% - 490px);
    max-width: calc(100% - 490px); }

.pagination .page-item .page-link {
  border: 1px solid transparent;
  border-radius: 100%;
  color: #999a9b;
  width: 40px;
  height: 40px;
  border-radius: 100% !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  font-size: 18px; }
  .pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #3989ea; }
.pagination .page-item.active .page-link {
  background-color: #3989ea;
  color: white;
  font-weight: 500; }
.pagination .page-item.first .page-link, .pagination .page-item.prev .page-link, .pagination .page-item.next .page-link, .pagination .page-item.end .page-link {
  background-color: #f2f5f7; }
  .pagination .page-item.first .page-link::before, .pagination .page-item.prev .page-link::before, .pagination .page-item.next .page-link::before, .pagination .page-item.end .page-link::before {
    display: block;
    font-family: 'themify'; }
.pagination .page-item + .page-item {
  margin-left: 5px; }
.pagination .page-item.first .page-link::before {
  content: '\e662'; }
.pagination .page-item.prev {
  margin-right: 7px; }
  .pagination .page-item.prev .page-link::before {
    content: '\e64a'; }
.pagination .page-item.next {
  margin-left: 12px; }
  .pagination .page-item.next .page-link::before {
    content: '\e649'; }
.pagination .page-item.end .page-link::before {
  content: '\e661'; }
.pagination.pagination-sm .page-item .page-link {
  width: 30px;
  height: 30px;
  font-size: 14px; }

.list {
  list-style: none;
  margin-bottom: 0; }
  .list > li {
    padding-left: 10px;
    position: relative; }
    .list > li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 11px; }
    .list > li ul.list > li::before {
      height: 1px;
      top: 14px; }
    .list > li > ol {
      padding-left: 15px; }
      .list > li > ol > li {
        padding-left: 0; }
        .list > li > ol > li::before {
          display: none; }
  .list.list-icon > li::before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #2463d4; }
  .list.list-check > li {
    padding-left: 20px; }
    .list.list-check > li::before {
      content: '\f00c';
      font-family: 'FontAwesome';
      color: #2463d4;
      top: 3px; }
  .list.list-custom > li::before {
    content: attr(data-title);
    color: #2463d4;
    background-color: transparent;
    top: 3px; }

.nav-tabs {
  margin-bottom: -1px;
  z-index: 2;
  border: none; }
  .nav-tabs.nav-pills .nav-item .nav-link {
    border-radius: 0;
    border: 1px solid #999a9b;
    opacity: .5; }
    .nav-tabs.nav-pills .nav-item .nav-link:hover, .nav-tabs.nav-pills .nav-item .nav-link.active {
      border-color: #2463d4;
      opacity: 1; }
    .nav-tabs.nav-pills .nav-item .nav-link.active {
      background-color: #2463d4;
      color: white; }
  .nav-tabs.nav-pills .nav-item + .nav-item {
    margin-left: -1px; }
  .nav-tabs.nav-dark {
    margin: 0; }
    .nav-tabs.nav-dark .nav-item .nav-link {
      border: none;
      background-color: transparent;
      color: white;
      opacity: 1;
      height: 100%; }
      .nav-tabs.nav-dark .nav-item .nav-link.active {
        background-color: white;
        color: #2463d4; }
  .nav-tabs.nav-step {
    border: none;
    overflow: hidden;
    position: relative; }
    .nav-tabs.nav-step .nav-item {
      padding: 0;
      margin: 0;
      position: relative;
      padding-right: 30px;
      margin-left: -30px !important; }
      .nav-tabs.nav-step .nav-item::before, .nav-tabs.nav-step .nav-item::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid; }
      .nav-tabs.nav-step .nav-item::before {
        z-index: 0;
        right: 1px;
        top: 2px;
        border-width: 33px 0 33px 28px;
        border-color: transparent transparent transparent #f2f5f7; }
      .nav-tabs.nav-step .nav-item::after {
        z-index: -1;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-width: 35px 0 35px 30px;
        border-color: transparent transparent transparent #dcdee0; }
      .nav-tabs.nav-step .nav-item .nav-link {
        position: relative;
        border-style: solid;
        border-width: 1px;
        border-color: #dcdee0 #f2f5f7 #dcdee0 #dcdee0 !important;
        line-height: 1.1;
        color: #2463d4;
        background-color: #f2f5f7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 10px 0 10px 30px;
        height: 70px;
        opacity: 1; }
        .nav-tabs.nav-step .nav-item .nav-link::before {
          content: attr(data-num);
          font-size: 40px;
          font-weight: 600;
          margin-right: 15px;
          margin-left: 30px; }
        .nav-tabs.nav-step .nav-item .nav-link::after {
          content: '';
          position: absolute;
          width: 1px;
          height: calc(100% - 2px);
          right: -2px;
          top: 1px;
          z-index: 2;
          background-color: #f2f5f7; }
        .nav-tabs.nav-step .nav-item .nav-link.active {
          color: white; }
      .nav-tabs.nav-step .nav-item.active {
        z-index: 3; }
        .nav-tabs.nav-step .nav-item.active::before, .nav-tabs.nav-step .nav-item.active::after {
          border-color: transparent transparent transparent #2463d4 !important; }
        .nav-tabs.nav-step .nav-item.active .nav-link {
          border-color: #2463d4 !important; }
          .nav-tabs.nav-step .nav-item.active .nav-link::after {
            background-color: #2463d4 !important; }
      .nav-tabs.nav-step .nav-item:first-child:not(.active) {
        z-index: 5;
        margin-left: 0 !important; }
        .nav-tabs.nav-step .nav-item:first-child:not(.active) .nav-link {
          padding-left: 0; }
      .nav-tabs.nav-step .nav-item:first-child + .nav-item:not(.active) {
        z-index: 4; }

.bootstrap-select > .dropdown-toggle {
  border-radius: 0;
  padding: 11.97px 12px;
  font-size: 16px;
  border: 1px solid #999a9b;
  background-color: white !important; }
  .bootstrap-select > .dropdown-toggle:focus {
    outline: solid 1px !important;
    outline-offset: 0; }
.bootstrap-select > .dropdown-menu {
  background-color: white;
  border: 1px solid #999a9b;
  margin: -3px 0;
  border-radius: 0; }
.bootstrap-select .dropdown-toggle::after {
  border: none;
  font-family: 'FontAwesome';
  content: '\f107'; }
.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none; }
.bootstrap-select.dropup .dropdown-toggle::after {
  content: '\f106'; }
.bootstrap-select .dropdown-item.active {
  background-color: #2463d4; }

.image-background {
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .image-background > img, .image-background > .img {
    width: 100%;
    height: auto;
    opacity: 0; }
  .image-background .text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    top: 0;
    z-index: 2; }
  .image-background.contain {
    background-size: contain; }
  .image-background.auto {
    background-size: auto; }
  .image-background.circle {
    border-radius: 100%; }

.cert-wrap {
  white-space: pre-wrap; }

.top-bar {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  height: 40px; }
  .top-bar a:not(.dropdown-item) {
    padding: 9px 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: white; }
    .top-bar a:not(.dropdown-item):hover {
      opacity: 1; }
    .top-bar a:not(.dropdown-item).active {
      background-color: white;
      color: #3eceff;
      opacity: 1; }

.topmenu a + a {
  margin-left: 10px; }

/* header */
#header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1042; }
  #header .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 0 50px;
    margin: 0;
    background: url(../images/symbol.png?ver=202401) no-repeat 0 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 175px;
            flex: 0 0 175px;
    width: 175px;
    height: 80px;
    background-size: auto 60px;
    color: white;
    font-size: 45px;
    font-weight: 600;
    letter-spacing: -0.5px; }
  #header .navbar-custom {
    width: 100%;
    padding: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    position: relative;
    left: 0;
    top: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #header .navbar-custom > .container, #header .navbar-custom .navbar-collapse {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      width: 100%;
      max-width: none; }
    #header .navbar-custom .navbar-toggler {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-transform: uppercase;
      z-index: 9;
      position: absolute;
      left: 15px;
      top: auto;
      margin: 0;
      padding: 0;
      width: auto;
      height: 60px;
      background-color: transparent;
      border: none; }
      #header .navbar-custom .navbar-toggler.phone {
        left: auto;
        right: 15px; }
      #header .navbar-custom .navbar-toggler > h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 60px; }
      #header .navbar-custom .navbar-toggler > span.navbar-toggler-icon {
        position: relative;
        display: inline-block;
        content: '';
        margin-right: 10px;
        width: 30px;
        height: 3px;
        left: 0;
        background: #2463d4;
        -webkit-transition: all 0.2s;
        transition: all 0.2s; }
        #header .navbar-custom .navbar-toggler > span.navbar-toggler-icon::before, #header .navbar-custom .navbar-toggler > span.navbar-toggler-icon::after {
          content: '';
          position: absolute;
          display: inline-block;
          width: 100%;
          height: 3px;
          border-radius: 2px;
          background: #2463d4;
          left: 0px;
          -webkit-transition: all 0.2s;
          transition: all 0.2s; }
        #header .navbar-custom .navbar-toggler > span.navbar-toggler-icon::before {
          top: -9px; }
        #header .navbar-custom .navbar-toggler > span.navbar-toggler-icon::after {
          top: 9px; }
      #header .navbar-custom .navbar-toggler[aria-expanded="true"] span {
        background: transparent !important; }
        #header .navbar-custom .navbar-toggler[aria-expanded="true"] span:before, #header .navbar-custom .navbar-toggler[aria-expanded="true"] span:after {
          opacity: 1; }
        #header .navbar-custom .navbar-toggler[aria-expanded="true"] span::before {
          -webkit-transform: translateY(9px) rotate(45deg);
                  transform: translateY(9px) rotate(45deg); }
        #header .navbar-custom .navbar-toggler[aria-expanded="true"] span::after {
          -webkit-transform: translateY(-9px) rotate(-45deg);
                  transform: translateY(-9px) rotate(-45deg); }
    #header .navbar-custom .navbar-header {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
      height: 80px;
      display: Flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    #header .navbar-custom #navigation {
      width: 100%;
      position: relative;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: rgba(255, 255, 255, 0);
      -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0);
              box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0);
      padding-bottom: 0;
      -webkit-transition: all .3s;
      transition: all .3s; }
      #header .navbar-custom #navigation .container {
        display: block; }
      #header .navbar-custom #navigation .navbar-nav > .nav-item {
        position: relative;
        text-align: center;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 16.6667%;
                flex: 0 0 16.6667%;
        max-width: 16.6667%;
        background-color: transparent; }
        #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link {
          position: relative;
          color: black;
          white-space: nowrap;
          line-height: 1;
          font-weight: 500;
          line-height: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row;
                  flex-flow: row;
          font-size: 20px;
          padding: 0 .75rem; }
          #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link > span {
            padding: 30.5px 0px;
            position: relative; }
          #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link:hover, #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link:active, #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link.active {
            color: #2463d4; }
          #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link.active::before {
            content: '';
            position: absolute;
            background-color: #3989ea;
            width: 100%;
            height: 2px;
            left: 0;
            bottom: 0; }
          #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
            display: none; }
        #header .navbar-custom #navigation .navbar-nav > .nav-item.active .nav-link {
          color: #3989ea; }
      #header .navbar-custom #navigation .nav-sub {
        position: relative;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        border-radius: 0;
        border: 0; }
        #header .navbar-custom #navigation .nav-sub::before {
          content: '';
          display: block;
          clear: both; }
        #header .navbar-custom #navigation .nav-sub .sub-item {
          position: relative;
          display: block;
          font-size: 16px;
          font-weight: 300;
          padding: 6px .5rem;
          text-align: left;
          color: black; }
          #header .navbar-custom #navigation .nav-sub .sub-item > span {
            position: relative; }
          #header .navbar-custom #navigation .nav-sub .sub-item:hover, #header .navbar-custom #navigation .nav-sub .sub-item:active, #header .navbar-custom #navigation .nav-sub .sub-item.active {
            color: #3989ea; }
            #header .navbar-custom #navigation .nav-sub .sub-item:hover > span::before, #header .navbar-custom #navigation .nav-sub .sub-item:active > span::before, #header .navbar-custom #navigation .nav-sub .sub-item.active > span::before {
              width: 100%;
              opacity: 1; }
          #header .navbar-custom #navigation .nav-sub .sub-item.active {
            background-color: #3989ea;
            color: white; }
  #header.show .navbar-custom, #header.fixed .navbar-custom {
    background-color: white; }

/* footer */
footer#footer {
  background-color: #17181a;
  color: white; }
  footer#footer img {
    max-width: none; }
  footer#footer a {
    color: white; }
    footer#footer a:hover {
      color: #e4032e; }
  footer#footer .footer-link {
    margin: 0 -15px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    footer#footer .footer-link a {
      padding: 0 15px; }
  footer#footer .footer-info .divide {
    position: relative;
    width: 1px;
    height: 12px;
    display: inline-block; }
    footer#footer .footer-info .divide::before {
      content: '';
      position: absolute;
      width: 1px;
      height: 14px;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      background-color: white;
      opacity: .5; }
  footer#footer hr {
    border-color: rgba(255, 255, 255, 0.2); }
  footer#footer .bootstrap-select .dropdown-toggle, footer#footer .bootstrap-select .dropdown-menu {
    background-color: #17181a !important;
    border-color: #7d7e7f !important;
    font-size: 14px; }
  footer#footer .bootstrap-select .dropdown-toggle {
    padding-top: 8px;
    padding-bottom: 10px; }
  footer#footer .bootstrap-select .dropdown-menu {
    padding: 0; }
    footer#footer .bootstrap-select .dropdown-menu a:hover, footer#footer .bootstrap-select .dropdown-menu aactive, footer#footer .bootstrap-select .dropdown-menu a:focus {
      background-color: #3989ea;
      color: white; }

.bootstrap-select > .dropdown-toggle {
  width: 175px;
  border-color: #999a9b; }
.bootstrap-select > .dropdown-menu {
  border-color: #999a9b; }

.container {
  max-width: none;
  max-width: 1399px;
  padding: 0; }

.breadcrumb-wrap {
  border-top: solid 1px #dcdee0;
  border-bottom: solid 1px #dcdee0; }
  .breadcrumb-wrap .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item {
      font-size: clamp(13px, 5vw, 15px);
      font-weight: 300;
      padding: 12px 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      border-right: solid 1px #dcdee0; }
      .breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
        font-family: 'themify';
        color: #999a9b;
        content: '\e649';
        margin-right: 12px;
        padding: 0; }
      .breadcrumb-wrap .breadcrumb .breadcrumb-item.home::before {
        content: '\e69b'; }
      .breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child {
        border-left: solid 1px #dcdee0; }
  .breadcrumb-wrap [data-toggle="dropdown"]::after {
    content: '\e64b';
    font-family: 'themify';
    font-size: 16px;
    margin-left: 10px; }
  .breadcrumb-wrap .dropdown-menu {
    border-radius: 0;
    margin-top: 0;
    padding: 0; }
    .breadcrumb-wrap .dropdown-menu .dropdown-link {
      display: block;
      padding: 10px; }
      .breadcrumb-wrap .dropdown-menu .dropdown-link + .dropdown-link {
        border-top: 1px solid #dcdee0; }
  .breadcrumb-wrap + .title {
    margin-top: 50px; }

.custom-scroll {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }
  .custom-scroll.x-scroll {
    overflow-x: auto;
    overflow-y: hidden; }
  .custom-scroll.y-scroll {
    overflow-y: auto;
    overflow-x: hidden; }
  .custom-scroll::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background-color: #f2f5f7; }
  .custom-scroll::-webkit-scrollbar-track {
    background-color: white; }
  .custom-scroll::-webkit-scrollbar-thumb {
    background-color: #f2f5f7; }

.checkbox, .radio {
  padding: 0 0 0 0;
  line-height: 20px;
  position: relative; }
  .checkbox *, .radio * {
    line-height: 20px; }
  .checkbox input, .radio input {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute; }
  .checkbox label, .radio label {
    padding-left: 25px;
    color: black; }
    .checkbox label::before, .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      width: 20px;
      height: 20px;
      border: solid 1px #999a9b;
      border-radius: 2px;
      background-color: white; }
  .checkbox.checkbox-inline + .checkbox-inline, .checkbox.radio-inline + .radio-inline, .radio.checkbox-inline + .checkbox-inline, .radio.radio-inline + .radio-inline {
    margin-left: 10px; }
  .checkbox input:checked + label::before, .radio input:checked + label::before {
    background-color: #2463d4;
    border-color: #2463d4;
    /*box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.35);*/ }
  .checkbox input:checked + label::after, .radio input:checked + label::after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    color: white;
    text-align: center;
    font-size: 12px; }
  .checkbox.checkbox-full, .checkbox.radio-full, .radio.checkbox-full, .radio.radio-full {
    white-space: nowrap;
    margin-left: -1px; }
    .checkbox.checkbox-full label, .checkbox.radio-full label, .radio.checkbox-full label, .radio.radio-full label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border: 1px solid #dcdee0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 6px; }
      .checkbox.checkbox-full label::before, .checkbox.checkbox-full label::after, .checkbox.radio-full label::before, .checkbox.radio-full label::after, .radio.checkbox-full label::before, .radio.checkbox-full label::after, .radio.radio-full label::before, .radio.radio-full label::after {
        display: none; }
      .checkbox.checkbox-full label > span, .checkbox.radio-full label > span, .radio.checkbox-full label > span, .radio.radio-full label > span {
        position: relative;
        background-color: white;
        border: solid 1px #dcdee0;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
                flex: 0 0 20px;
        width: 20px;
        height: 20px;
        margin-right: 5px; }
    .checkbox.checkbox-full input:checked + label, .checkbox.radio-full input:checked + label, .radio.checkbox-full input:checked + label, .radio.radio-full input:checked + label {
      background-color: #2463d4;
      border-color: #2463d4;
      color: white; }
      .checkbox.checkbox-full input:checked + label > span::after, .checkbox.radio-full input:checked + label > span::after, .radio.checkbox-full input:checked + label > span::after, .radio.radio-full input:checked + label > span::after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-family: "FontAwesome";
        content: "\f00c";
        color: #2463d4; }
  .checkbox.checkbox-toggle, .checkbox.radio-toggle, .radio.checkbox-toggle, .radio.radio-toggle {
    white-space: nowrap; }
    .checkbox.checkbox-toggle label, .checkbox.radio-toggle label, .radio.checkbox-toggle label, .radio.radio-toggle label {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #dcdee0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 3px;
      border-radius: 26px;
      padding-left: 26px; }
      .checkbox.checkbox-toggle label::before, .checkbox.radio-toggle label::before, .radio.checkbox-toggle label::before, .radio.radio-toggle label::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: white;
        left: 3px;
        top: 3px; }
    .checkbox.checkbox-toggle input:checked + label, .checkbox.radio-toggle input:checked + label, .radio.checkbox-toggle input:checked + label, .radio.radio-toggle input:checked + label {
      background-color: #2463d4;
      border-color: #2463d4;
      color: white; }
      .checkbox.checkbox-toggle input:checked + label > span::after, .checkbox.radio-toggle input:checked + label > span::after, .radio.checkbox-toggle input:checked + label > span::after, .radio.radio-toggle input:checked + label > span::after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-family: "FontAwesome";
        content: "\f00c";
        color: #2463d4; }

.radio label::before {
  border-radius: 100%; }
.radio input[type="radio"], .radio input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute; }
.radio input[type="radio"]:disabled, .radio input[type="checkbox"]:disabled {
  cursor: not-allowed; }
.radio input[type="radio"]:disabled + label, .radio input[type="checkbox"]:disabled + label {
  opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before, .radio input[type="checkbox"]:disabled + label::before {
  cursor: not-allowed; }
.radio.radio-inline {
  margin-top: 0; }

.btn-toggle {
  width: auto;
  height: 26px;
  padding: 3px;
  border-radius: 13px;
  background-color: #dcdee0;
  color: #7d7e7f; }
  .btn-toggle.onoff {
    width: 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .btn-toggle::before, .btn-toggle::after {
    content: '';
    position: absolute; }
  .btn-toggle::before {
    content: "Off";
    left: 28px;
    opacity: 1; }
  .btn-toggle::after {
    content: "On";
    right: 28px;
    opacity: 0; }
  .btn-toggle > .handle {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 3px;
    top: 2px;
    border-radius: 100%;
    background-color: white;
    -webkit-transition: left 0.25s;
    transition: left 0.25s; }
  .btn-toggle.active {
    background-color: #3989ea;
    color: white;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s; }
    .btn-toggle.active > .handle {
      left: calc(100% - 23px); }
    .btn-toggle.active:before {
      opacity: 0; }
    .btn-toggle.active:after {
      opacity: 1; }

.modal .modal-content {
  border: none;
  border-radius: 10px;
  overflow: hidden; }
.modal .modal-header .close {
  position: absolute;
  right: 15px;
  top: 15px;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9; }
  .modal .modal-header .close::before, .modal .modal-header .close::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    top: 15px;
    background-color: black;
    -webkit-transition: all 0.2s, translate 0.2s;
    transition: all 0.2s, translate 0.2s; }
  .modal .modal-header .close::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .modal .modal-header .close::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .modal .modal-header .close.text-wh::before, .modal .modal-header .close.text-wh::after {
    background-color: white; }
.modal .modal-lg {
  max-width: 800px; }
.modal .modal-md {
  max-width: 600px; }

#back_to_top {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  bottom: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  line-height: 50px;
  opacity: 0;
  visibility: hidden;
  z-index: 11; }
  #back_to_top i {
    display: block;
    font-size: 25px;
    line-height: 50px;
    text-align: center; }
  #back_to_top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); }

.faq .collapse-group {
  position: relative;
  border-bottom: 1px solid #dcdee0; }
  .faq .collapse-group .collapse-title, .faq .collapse-group .collapse-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .faq .collapse-group .collapse-title::before, .faq .collapse-group .collapse-content::before {
      font-weight: 500;
      font-family: Roboto;
      font-size: 26px;
      font-weight: 500;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 30px;
              flex: 0 0 30px;
      width: 30px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-right: 10px; }
  .faq .collapse-group .collapse-title {
    padding: 12px 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .faq .collapse-group .collapse-title::before {
      content: 'Q';
      color: #2463d4;
      left: 15px; }
    .faq .collapse-group .collapse-title::after {
      content: '\e64b';
      font-family: 'themify';
      color: #7d7e7f;
      margin-left: auto;
      margin-top: 5px;
      font-size: 20px;
      font-weight: 100; }
  .faq .collapse-group .collapse-content {
    padding: 25px 15px 25px 15px;
    background-color: #f2f5f7;
    border-top: dashed 1px #999a9b; }
    .faq .collapse-group .collapse-content::before {
      content: 'A';
      border: solid 1px #3989ea;
      color: #3989ea;
      border-radius: 100%; }
    .faq .collapse-group .collapse-content * {
      font-size: 16px; }
  .faq .collapse-group.show .collapse-title::after {
    content: '\e648'; }
  .faq .collapse-group.show .collapse-menu {
    display: block; }

.top-image {
  position: relative;
  height: 250px;
  background: #2463d4 url(../images/main-visual-01.jpg) no-repeat 50% 50%;
  background-size: cover; }
  .top-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #2463d4;
    opacity: .25;
    z-index: 1; }
  .top-image .title-icon {
    max-width: 120px; }

.map-container {
  width: 100%;
  height: 100%; }

.cs-wrap .image-background .text {
  z-index: 3; }
.cs-wrap .map-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0.45;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }
.cs-wrap .cs-tel h3 {
  font-size: 37px; }

.title {
  text-align: center; }
  .title h1, .title h2, .title h3, .title h4 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding-bottom: 15px;
    border-bottom: solid 1px #dcdee0; }
    .title h1::before, .title h2::before, .title h3::before, .title h4::before {
      content: '';
      position: absolute;
      width: 60px;
      max-width: 40%;
      height: 5px;
      left: 0;
      bottom: -1px;
      background-color: #2463d4; }

.sub-title h2, .sub-title h3, .sub-title h4, .sub-title h5 {
  /*display:inline-flex;align-items:center;justify-content:center;*/
  position: relative;
  padding-left: 24px; }
  .sub-title h2::before, .sub-title h3::before, .sub-title h4::before, .sub-title h5::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: solid 3px #3989ea; }
.sub-title.square h2, .sub-title.square h3, .sub-title.square h4, .sub-title.square h5 {
  padding-left: 20px; }
  .sub-title.square h2::before, .sub-title.square h3::before, .sub-title.square h4::before, .sub-title.square h5::before {
    width: 12px;
    height: 12px;
    top: 8px;
    border-radius: 0;
    border: none; }

.content-wrap {
  position: relative; }
  .content-wrap .sub-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 150px);
            flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
    padding-right: 30px; }

.nav-side {
  position: absolute;
  z-index: 100;
  max-width: 100px;
  width: 100px;
  right: 15px;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s; }
  .nav-side ul, .nav-side li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-side .collapse-btn {
    position: absolute;
    width: 20px;
    height: 40px;
    right: -20px;
    top: 50%;
    margin-top: -20px;
    background-color: white;
    border: solid 1px #2463d4;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2); }
    .nav-side .collapse-btn::before {
      content: "\e64a";
      font-family: 'themify';
      font-size: 16px;
      color: #2463d4; }
  .nav-side.fixed {
    position: fixed;
    top: 80px; }

.owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  left: 0;
  top: 50%; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    z-index: 2;
    position: absolute;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border: none;
    width: 50px;
    height: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 0px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 50px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.5); }
    .owl-nav .owl-prev::before, .owl-nav .owl-next::before {
      content: '';
      font-family: 'themify';
      font-size: 25px; }
  .owl-nav .owl-prev {
    left: 10px; }
    .owl-nav .owl-prev::before {
      content: '\e64a'; }
  .owl-nav .owl-next {
    right: 10px; }
    .owl-nav .owl-next::before {
      content: '\e649'; }

.main-visual .text-content {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 2; }
.main-visual .latest-slide {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  line-height: 1.4rem; }
  .main-visual .latest-slide * {
    color: white !important; }
  .main-visual .latest-slide .latest-wrap {
    height: 1.9rem;
    overflow: hidden; }
.main-visual .owl-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background: rgba(36, 99, 212, 0.35); }
.main-visual .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
.main-visual .slick-slide {
  padding: 0 10px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.main-visual .m_visual > img {
  width: 100%;
  height: auto;
  opacity: 0; }
.main-visual .m_visual #slide {
  position: absolute;
  left: 0;
  top: 0; }

section.main-bbs .latest-wrap {
  height: 170px;
  overflow: hidden; }

.main-gallery .owl-stage-outer {
  padding-bottom: 30px; }
.main-gallery .latest_gallery .ucc .text::before {
  content: '\f16a';
  font-family: 'FontAwesome';
  font-size: 40px;
  color: white; }

.process-wrap {
  margin-right: -35px;
  margin-left: -35px;
  position: relative; }
  .process-wrap .process-icon {
    width: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    text-align: center;
    color: white;
    position: relative; }
    .process-wrap .process-icon::before, .process-wrap .process-icon::after {
      content: '';
      z-index: -1;
      position: absolute;
      top: 50%; }
    .process-wrap .process-icon::before {
      width: calc(100% - 70px);
      height: 1px;
      left: 50%;
      border-top: dashed 1px; }
    .process-wrap .process-icon::after {
      content: '\f0da';
      font-family: 'FontAwesome';
      right: -35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 20px;
      height: 20px;
      margin-top: -10px; }
    .process-wrap .process-icon:last-child:before, .process-wrap .process-icon:last-child::after {
      display: none; }
    .process-wrap .process-icon .image-background {
      max-width: calc(100% - 70px);
      position: relative;
      border-radius: 100%;
      margin: 15px auto; }
      .process-wrap .process-icon .image-background .text {
        line-height: 1.4; }

/*로그인 */
section.member {
  max-width: 900px;
  margin: 0 auto; }

/******************
Template responsive
*******************/
@media (min-width: 768px) {
  #header .navbar-custom #navigation .navbar-nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-left: 30px; }
    #header .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link {
      color: white; }
  #header .navbar-custom #navigation .nav-sub {
    height: 0;
    opacity: 0;
    padding-top: 10px;
    padding-bottom: 40px;
    display: block; }
    #header .navbar-custom #navigation .nav-sub .sub-item {
      margin: 0 auto; }
  #header .navbar-custom #navigation.show {
    background-color: white; }
    #header .navbar-custom #navigation.show .nav-sub {
      opacity: 1;
      height: auto; }
  #header.show .navbar-brand, #header.fixed .navbar-brand {
    color: black;
    background-size: auto 45px;
    font-size: 32px;
    padding-left: 45px; }
  #header.show .navbar-custom, #header.fixed .navbar-custom {
    -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.05); }
    #header.show .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link, #header.fixed .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link {
      color: black; }
      #header.show .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link:hover, #header.show .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link.active, #header.fixed .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link:hover, #header.fixed .navbar-custom #navigation .navbar-nav > .nav-item > .nav-link.active {
        color: #2463d4; }
  #header.fixed {
    height: 60px;
    /*.navbar-brand{flex:0 0 200px;max-width:200px;width:200px;}*/ }
    #header.fixed .navbar-brand, #header.fixed #navigation, #header.fixed .navbar-toggler {
      height: 60px; }
    #header.fixed .navbar-custom {
      position: fixed; }
      #header.fixed .navbar-custom #navigation .navbar-nav .nav-item .nav-link {
        height: 60px; }
        #header.fixed .navbar-custom #navigation .navbar-nav .nav-item .nav-link > span {
          padding: 18.8px 0; }
  #header.show .navbar-custom #navigation {
    height: auto !important;
    overflow-y: visible; }
    #header.show .navbar-custom #navigation .navbar-nav .nav-item.active {
      margin-bottom: -20px; }
    #header.show .navbar-custom #navigation .navbar-nav .nav-item + .nav-item {
      border-left: dashed 1px rgba(255, 255, 255, 0.2); }
    #header.show .navbar-custom #navigation .nav-sub {
      opacity: 1;
      height: auto; } }
@media (min-width: 992px) {
  #header {
    height: 80px;
    /*.navbar-brand{flex:0 0 240px;max-width:240px;width:240px;}*/ }
    #header .navbar-custom #navigation .navbar-nav {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 95%;
              flex: 0 0 95%;
      max-width: 95%; }
    #header.fixed {
      height: 60px; }
      #header.fixed .navbar-custom {
        position: fixed; }
        #header.fixed .navbar-custom #navigation .navbar-nav .nav-item .nav-link > span {
          padding: 18.8px 0; }

  .main-visual #slide_main_visual .image-background > img {
    width: 100vw;
    max-height: 100vh; }
  .main-visual #slide_main_visual .image-background.mv .text {
    padding-bottom: 56.25%; }
  .main-visual #slide_main_visual .image-background.mv iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; } }
@media (min-width: 1200px) {
  #header .navbar-custom #navigation .navbar-nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%; } }
@media (max-width: 1399px) {
  .container {
    max-width: none;
    width: 100%; } }
@media (max-width: 991px) {
  #header #navigation .navbar-nav .nav-item .nav-link {
    color: black; } }
@media (max-width: 767px) {
  #header .navbar-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
    max-width: 160px;
    width: 160px;
    height: 60px;
    color: black;
    font-size: 35px;
    background-size: auto 40px;
    padding-left: 35px; }
  #header .top-bar {
    display: none; }
  #header .navbar-custom {
    background-color: white; }
    #header .navbar-custom .navbar-toggler {
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #header .navbar-custom .navbar-toggler[aria-expanded="true"] {
        position: fixed; }
    #header .navbar-custom #navigation {
      position: fixed;
      width: 80%;
      height: 100%;
      left: -80%;
      top: 0;
      border: none;
      background-color: white;
      -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.05);
              box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.05);
      padding: 60px 30px;
      -webkit-transition: left 0.3s;
      transition: left 0.3s; }
      #header .navbar-custom #navigation .navbar-nav {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        width: 100%;
        max-width: 100%; }
        #header .navbar-custom #navigation .navbar-nav .nav-item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          width: 100%;
          max-width: 100%; }
          #header .navbar-custom #navigation .navbar-nav .nav-item + .nav-item {
            border-top: solid 1px #dcdee0; }
          #header .navbar-custom #navigation .navbar-nav .nav-item .nav-link {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: start;
            color: black; }
            #header .navbar-custom #navigation .navbar-nav .nav-item .nav-link > span {
              padding: 16px 0; }
            #header .navbar-custom #navigation .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
              display: block;
              content: '\e64b';
              font-family: 'themify';
              color: #999a9b;
              border: none;
              font-size: 14px;
              margin-left: auto; }
          #header .navbar-custom #navigation .navbar-nav .nav-item .nav-sub {
            height: 0; }
          #header .navbar-custom #navigation .navbar-nav .nav-item.show .nav-sub, #header .navbar-custom #navigation .navbar-nav .nav-item.active .nav-sub {
            height: auto;
            margin-bottom: 20px; }
          #header .navbar-custom #navigation .navbar-nav .nav-item.show .nav-link::after, #header .navbar-custom #navigation .navbar-nav .nav-item.active .nav-link::after {
            content: '\e648'; }
      #header .navbar-custom #navigation.show {
        left: 0; }
  #header.fixed .navbar-custom {
    position: fixed;
    top: 0; }
  #header .navbar-custom .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

  .collapse-open {
    overflow: hidden !important; }
    .collapse-open .collapse-backdrop {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1040;
      width: 100vw;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.5); }

  .breadcrumb-wrap .breadcrumb {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
      padding: 6px 6px; }
  .breadcrumb-wrap + .title {
    margin-top: 50px; }

  .table.table-grid colgroup {
    display: none; }
  .table.table-grid > tbody > tr > td.no, .table.table-grid > tbody > tr > td.rdcnt, .table.table-grid > tbody > tr > th.no, .table.table-grid > tbody > tr > th.rdcnt, .table.table-grid > thead > tr > td.no, .table.table-grid > thead > tr > td.rdcnt, .table.table-grid > thead > tr > th.no, .table.table-grid > thead > tr > th.rdcnt {
    display: none; }
  .table.table-grid > tbody > tr > td.sj, .table.table-grid > tbody > tr > th.sj, .table.table-grid > thead > tr > td.sj, .table.table-grid > thead > tr > th.sj {
    border-left: none; }
  .table.table-grid > tbody > tr > td.writngDe, .table.table-grid > tbody > tr > th.writngDe, .table.table-grid > thead > tr > td.writngDe, .table.table-grid > thead > tr > th.writngDe {
    border-right: none; }

  .top-image .text h3 {
    font-size: 24px; }
  .top-image .title-icon {
    max-width: 100px; }

  .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }

  .wrapper {
    padding-top: 60px; }

  .main-visual .latest-slide {
    bottom: auto;
    top: 100%; } }
@media (max-width: 575px) {
  h6, .h6 {
    font-size: 14px; }

  #header {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1042; }
    #header .top-bar {
      display: none; }
      #header .top-bar .top-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }

  #footer {
    font-size: 13px; }

  .breadcrumb-wrap .breadcrumb .breadcrumb-item {
    font-size: 13px;
    padding: 12px 10pxpx; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
      margin-right: 5px; }

  .top-image .text h3 {
    font-size: 20px;
    text-align: center; }

  .table.table-res {
    display: block; }
    .table.table-res colgroup {
      display: none; }
    .table.table-res thead, .table.table-res tbody, .table.table-res tr, .table.table-res td {
      display: block; }
    .table.table-res tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .table.table-res tr th, .table.table-res tr td {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
        .table.table-res tr th.no, .table.table-res tr td.no {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50px;
                  flex: 0 0 50px;
          width: 50px; }
        .table.table-res tr th.subj, .table.table-res tr td.subj {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(100% - 50px);
                  flex: 0 0 calc(100% - 50px);
          width: calc(100% - 50px); }
          .table.table-res tr th.subj + td, .table.table-res tr td.subj + td {
            margin-left: auto; }
        .table.table-res tr th.no, .table.table-res tr th.subj, .table.table-res tr th.category, .table.table-res tr td.no, .table.table-res tr td.subj, .table.table-res tr td.category {
          border-bottom: none;
          padding-bottom: 0; }
        .table.table-res tr th.name, .table.table-res tr th.date, .table.table-res tr th.readcnt, .table.table-res tr th.status, .table.table-res tr td.name, .table.table-res tr td.date, .table.table-res tr td.readcnt, .table.table-res tr td.status {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          border-top: none;
          border-bottom: none;
          padding-top: 0;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .table.table-res tr th.name::before, .table.table-res tr th.date::before, .table.table-res tr th.readcnt::before, .table.table-res tr th.status::before, .table.table-res tr td.name::before, .table.table-res tr td.date::before, .table.table-res tr td.readcnt::before, .table.table-res tr td.status::before {
            content: attr(data-title);
            font-weight: 500;
            margin-right: 5px; }
    .table.table-res thead tr th.category, .table.table-res thead tr th.name, .table.table-res thead tr th.date, .table.table-res thead tr th.readcnt, .table.table-res thead tr th.status, .table.table-res thead tr td.category, .table.table-res thead tr td.name, .table.table-res thead tr td.date, .table.table-res thead tr td.readcnt, .table.table-res thead tr td.status {
      display: none; }
    .table.table-res thead tr th.category, .table.table-res thead tr td.category {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      width: 100px; }
    .table.table-res thead tr th.subj, .table.table-res thead tr td.subj {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 50px);
              flex: 0 0 calc(100% - 50px);
      width: calc(100% - 50px); }
      .table.table-res thead tr th.subj + td, .table.table-res thead tr td.subj + td {
        margin-left: auto; }
    .table.table-res thead tr td.name, .table.table-res thead tr td.date, .table.table-res thead tr td.readcnt, .table.table-res thead tr td.status {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      border-top: none;
      border-bottom: none;
      padding-top: 0; }
    .table.table-res#qna_list thead, .table.table-res#myqa_list thead {
      display: none; }
    .table.table-res#qna_list tr th.no, .table.table-res#qna_list tr td.no, .table.table-res#myqa_list tr th.no, .table.table-res#myqa_list tr td.no {
      display: none; }
    .table.table-res#qna_list tr th.subj, .table.table-res#qna_list tr td.subj, .table.table-res#myqa_list tr th.subj, .table.table-res#myqa_list tr td.subj {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 100px);
              flex: 0 0 calc(100% - 100px);
      width: calc(100% - 100px);
      padding-bottom: 5px; }
    .table.table-res#qna_list tr th.category, .table.table-res#qna_list tr td.category, .table.table-res#myqa_list tr th.category, .table.table-res#myqa_list tr td.category {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      width: 100px; }
    .table.table-res#qna_list tr th.status, .table.table-res#qna_list tr td.status, .table.table-res#myqa_list tr th.status, .table.table-res#myqa_list tr td.status {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .table.table-res#qna_list tr th:last-child, .table.table-res#qna_list tr td:last-child, .table.table-res#myqa_list tr th:last-child, .table.table-res#myqa_list tr td:last-child {
      margin-right: auto; }
    .table.table-res#myqa_list thead {
      display: none; }
    .table.table-res#myqa_list tr th.no, .table.table-res#myqa_list tr td.no {
      display: none; }
    .table.table-res#myqa_list tr th.category, .table.table-res#myqa_list tr td.category {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      width: 100px; }
    .table.table-res#myqa_list tr th.subj, .table.table-res#myqa_list tr td.subj {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 100px);
              flex: 0 0 calc(100% - 100px);
      width: calc(100% - 100px);
      padding-bottom: 5px; }

  .content-wrap .nav-side {
    width: 120px;
    max-width: 120px; }

  .main-visual .image-background > img {
    height: 75vw; }
  .main-visual h1 {
    font-size: 24px; }
  .main-visual h2 {
    font-size: 20px; }

  .cs-wrap .cs-tel h3 {
    font-size: 33px; } }
@media (max-width: 319px) {
  .breadcrumb-wrap .breadcrumb .breadcrumb-item {
    font-size: 12px; } }
/*# sourceMappingURL=style.css.map */