[v-cloak] {
  display: none;
}

#tour-page input[type=text],
#tour-page input[type=number],
#tour-page input[type=tel],
#tour-page input[type=password] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 0.8rem;
  border: 1px solid #d7d7d7;
  color: #373737;
  font-size: 1rem;
  outline: #ff5722;
}

#tour-page input[type=text]:focus,
#tour-page input[type=number]:focus,
#tour-page input[type=tel]:focus,
#tour-page input[type=password]:focus {
  border: 1px solid #ff5722;
}

#tour-page select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 0.8rem;
  border: 1px solid #d7d7d7;
  color: #373737;
  font-size: 1rem;
  outline: #ff5722;
}

#tour-page select:focus {
  border: 1px solid #ff5722;
}

#tour-page textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dedede;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6em;
  padding: .3rem;
  outline: #ff5722;
}

#tour-page textarea:focus {
  border: 1px solid #ff5722;
}

#tour-page label {
  margin-left: 0;
}

#tour-page input[type=radio],
#tour-page input[type=checkbox] {
  display: none;
}

#tour-page input[type=radio] + label,
#tour-page input[type=checkbox] + label {
  min-width: 100px;
  height: 40px;
  border: 1px solid #ebebeb;
  background-color: #f8f8f8;
  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;
  font-size: .9rem;
  padding: 0 .8rem;
}

#tour-page input[type=radio]:checked + label,
#tour-page input[type=checkbox]:checked + label {
  background-color: #ff5722;
  color: #fff;
}

#tour-page button {
  width: 150px;
  height: 40px;
  background-color: #08baff;
  color: #fff;
}

#tour-page button:disabled {
  background-color: #f8f8f8;
  color: #666;
}

#tour-page .input-group {
  position: relative;
  width: 100%;
}

#tour-page .input-group.with-title {
  margin-top: 1.6rem;
}

#tour-page .input-group.max-wrap {
  max-width: 210px;
}

#tour-page .input-group label {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#tour-page .input-group label i {
  color: #888;
  font-size: 1rem;
}

#tour-page .input-group small {
  position: absolute;
  top: -1.5rem;
  color: #373737;
}

#tour-page .mnbest .section-tab-links {
  width: 1200px;
  margin: 0 auto;
  font-size: 1.1rem;
  padding-bottom: 1rem;
}

#tour-page .mnbest .section-tab-links .tab-link {
  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-column-gap: 3rem;
          column-gap: 3rem;
  cursor: pointer;
}

#tour-page .mnbest .section-tab-links .tab-link .tab-item {
  border: 1px solid #f0edec;
  background-color: #f0edec;
  color: #7e7e7e;
  width: 10rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#tour-page .mnbest .section-tab-links .tab-link .tab-item.active {
  border: 1px solid #08baff;
  background-color: #08baff;
  color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

#tour-page .o-status-ok {
  padding: .1rem .3rem;
  float: right;
  color: #08baff;
  border-radius: .3rem;
}

#tour-page .rmore {
  cursor: pointer;
}

#tour-page .card-wrapper {
  position: relative;
}

#tour-page .card-loading {
  position: absolute;
  top: 10rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #373737;
  font-size: .9rem;
}

#tour-page .ads-banner {
  width: 1200px;
  height: 215px;
  margin: 2rem auto;
  background-color: #ecffe5;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#tour-page .ads-banner-text {
  padding: 1.6rem;
  color: #fff;
  font-size: 2.5rem;
  font-family: 'Vitro_core';
  -webkit-filter: drop-shadow(0.1rem 0.2rem 1rem #373737);
          filter: drop-shadow(0.1rem 0.2rem 1rem #373737);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#tour-page .headen-info {
  display: -ms-grid;
  display: grid;
  gap: .5rem;
  font-size: 20px;
}

#tour-page .headen-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#tour-page .headen-info li.info-meta {
  text-indent: 1.6rem;
  color: #707070;
  font-size: 12px;
}

#tour-page .headen-info a {
  color: #464646;
}

#tour-page .headen-info i {
  font-size: 20px;
}

.slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.slider .swiper {
  width: 790px;
  height: 100%;
}

.slider .swiper .thumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.slider .swiper .thumbnail-meta {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider .swiper .thumbnail-meta-item {
  color: #fff;
  padding-left: 5rem;
  display: -ms-grid;
  display: grid;
  row-gap: .5rem;
  font-family: 'OTWelcomeBA';
  font-weight: 500;
}

.slider .swiper .thumbnail-meta-item-title {
  font-size: 16px;
  line-height: 1.3em;
}

.slider .swiper .thumbnail-meta-item-memo {
  font-size: 28px;
}

.slider .swiper .thumbnail-meta-item-memo b {
  font-size: 18px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #08baff;
}

#mainBox {
  width: 400px;
  height: 425px;
  position: absolute;
  z-index: 20;
  top: 25%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  left: 0;
}

#mainBox * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'OTWelcomeBA';
  color: #424242;
}

#mainBox #tab {
  position: relative;
  height: 100%;
  width: 400px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
      grid-template-rows: auto 1fr;
  gap: 0;
}

#mainBox #tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1px;
          column-gap: 1px;
}

#mainBox #tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: 'OTWelcomeBA';
  background-color: #ff5722;
}

#mainBox #tabs li:hover, #mainBox #tabs li.current {
  color: #303030;
  background-color: #fff;
}

#mainBox .tab-content {
  display: none;
  padding: 20px;
  height: 100%;
  position: relative;
  background-color: #fff;
}

#mainBox .tab-content .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mainBox .tab-content .flex-box span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#mainBox .tab-content .flex-box span:not(:last-child) {
  margin-right: .8rem;
}

#mainBox .tab-content .tab-box:not(:nth-child(1)) {
  margin-top: 15px;
}

#mainBox .tab-content .tab-box.search-box {
  position: absolute;
  bottom: 30px;
  width: calc(100% - 40px);
}

#mainBox .tab-content input,
#mainBox .tab-content select,
#mainBox .tab-content select * {
  font-weight: 400;
  font-family: 'Noto Sans KR', sans-serif;
  color: #666;
  outline: none;
}

#mainBox .tab-content input:focus,
#mainBox .tab-content select:focus {
  border: 1px solid #ff5722;
}

#mainBox .tab-content form label {
  padding: 5px 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  cursor: default;
}

#mainBox .tab-content form input {
  width: 100%;
  font-size: 14px;
  padding: .3rem .5rem;
  line-height: 40px;
  height: 40px;
  border: 1px solid #dedede;
}

#mainBox .tab-content form select {
  width: 100%;
  font-size: 14px;
  padding: 0 .5rem;
  line-height: 40px;
  height: 40px;
  border: 1px solid #dedede;
}

#mainBox .tab-content form button {
  width: 100%;
  height: 50px;
  font-size: 16px;
  margin-top: 5px;
  background: #ff5722;
  color: #fff;
}

#mainBox .tab-content form button:hover {
  background: #ff5722;
}

#mainBox .tab-content.current {
  display: inherit;
}

#mainBox table {
  width: 1136px;
  margin: 0 auto;
}

#mainBox table th {
  color: #232323;
  font-size: 13px;
  text-align: left;
  height: 43px;
  line-height: 43px;
}

#mainBox table td {
  height: 36px;
  line-height: 36px;
  text-align: left;
}

#mainBox table td button {
  background-color: #5e5e5e;
  color: #fff;
  font-size: 14px;
  width: 100%;
  height: 36px;
}


.banner {
  display: grid;
}

.banner .info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}