<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  -webkit-border-radius: 0;
}

html {
  height: 100%;
  font-family: "Satoshi", sans-serif;
  font-size: 10px;
  letter-spacing: 0;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
html:lang(en) body {
  font-family: "NotoSans", sans-serif;
  letter-spacing: -0.06em;
}
html:lang(de) body {
  font-family: "NotoSans", sans-serif;
  letter-spacing: -0.06em;
}
html:lang(ja) body {
  font-family: "NotoSans", sans-serif;
  letter-spacing: -0.06em;
}
html:lang(fr) body {
  font-family: "Roboto", sans-serif;
}
html:lang(es) body {
  font-family: "Roboto", sans-serif;
}
html:lang(ru) body {
  font-family: "Roboto", sans-serif;
}
html:lang(zh_TW) body {
  font-family: "NotoSansTC", sans-serif;
}
html:lang(zh_CN) body {
  font-family: "Microsoft Yahei", "Microsoft YaHei UI", sans-serif;
}
html body {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  min-height: 100%;
  word-break: break-all;
  word-wrap: break-word;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
textarea,
select,
table,
button,
code {
  font: inherit;
}

[hidden] {
  display: none !important;
}

img {
  max-width: 100%;
  vertical-align: top;
  -webkit-user-drag: none;
}

ul,
ol,
li {
  list-style: none;
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}

select,
input,
textarea,
button {
  -webkit-appearance: none;
}
select:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input:disabled {
  background-color: rgba(255, 255, 255, 0);
  cursor: not-allowed;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

select {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

input,
textarea {
  border: 0;
  font-size: inherit;
  color: #000;
}
input::placeholder,
textarea::placeholder {
  /* Chrome, Safari, Firefox */
  color: #909090;
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE, Edge */
  color: #909090;
  opacity: 1;
}
input[readonly]::placeholder, input:disabled::placeholder,
textarea[readonly]::placeholder,
textarea:disabled::placeholder {
  /* Chrome, Safari, Firefox */
  color: #909090;
  opacity: 1;
}
input[readonly]:-ms-input-placeholder, input:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  /* IE, Edge */
  color: #909090;
  opacity: 1;
}
input[readonly], input:disabled,
textarea[readonly],
textarea:disabled {
  background: #e8e8e8;
  color: #909090 !important;
}
input::-ms-clear, input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  /* IE, Edge */
  display: none;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

table {
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.wrap {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
}
.wrap.sub {
  background: #f5f5f5;
}
.wrap.sub .common-inner {
  width: 100%;
}
@media (min-width: 1201px) {
  .wrap.sub .common-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .wrap.sub .common-inner {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .wrap.sub .common-inner {
    padding: 0 20px;
  }
}
.wrap.sub.--plan .subHeader {
  display: none;
}
@media (max-width: 1200px) {
  .wrap.sub.--plan {
    background: #fff;
  }
  .wrap.sub.--plan .footer__section {
    background: #f5f5f5;
  }
}
.wrap.sub.--plan2 .subHeader {
  display: none;
}
@media (max-width: 1200px) {
  .wrap.sub.--plan2 {
    background: #fff;
  }
  .wrap.sub.--plan2 .footer__section {
    display: none;
  }
}
.wrap.subMain2 {
  background: #fff;
}
.wrap.subMain2 .common-inner {
  max-width: 100%;
  padding: 0;
}

/* 
  100 - Thin
  200 - Light
  300 - DemiLight
  400 - Regular
  600 - Medium
  800 - Bold
  900 - Black
 */
@font-face {
  font-family: "Satoshi";
  font-weight: 200;
  font-style: normal;
  src: url("/static/front/fonts/Satoshi-Light.eot?") format("eot"), url("/static/front/fonts/Satoshi-Light.woff") format("woff"), url("/static/front/fonts/Satoshi-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 400;
  font-style: normal;
  src: url("/static/front/fonts/Satoshi-Regular.eot?") format("eot"), url("/static/front/fonts/Satoshi-Regular.woff") format("woff"), url("/static/front/fonts/Satoshi-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 600;
  font-style: normal;
  src: url("/static/front/fonts/Satoshi-Medium.eot?") format("eot"), url("/static/front/fonts/Satoshi-Medium.woff") format("woff"), url("/static/front/fonts/Satoshi-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 800;
  font-style: normal;
  src: url("/static/front/fonts/Satoshi-Bold.eot?") format("eot"), url("/static/front/fonts/Satoshi-Bold.woff") format("woff"), url("/static/front/fonts/Satoshi-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 900;
  font-style: normal;
  src: url("/static/front/fonts/Satoshi-Black.eot?") format("eot"), url("/static/front/fonts/Satoshi-Black.woff") format("woff"), url("/static/front/fonts/Satoshi-Black.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 100;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Thin.eot?") format("eot"), url("/static/front/fonts/NotoSans-Thin.otf") format("opentype"), url("/static/front/fonts/NotoSans-Thin.woff") format("woff"), url("/static/front/fonts/NotoSans-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 200;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Light.eot?") format("eot"), url("/static/front/fonts/NotoSans-Light.otf") format("opentype"), url("/static/front/fonts/NotoSans-Light.woff") format("woff"), url("/static/front/fonts/NotoSans-Light.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 300;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-DemiLight.eot?") format("eot"), url("/static/front/fonts/NotoSans-DemiLight.otf") format("opentype"), url("/static/front/fonts/NotoSans-DemiLight.woff") format("woff"), url("/static/front/fonts/NotoSans-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 400;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Regular.eot?") format("eot"), url("/static/front/fonts/NotoSans-Regular.otf") format("opentype"), url("/static/front/fonts/NotoSans-Regular.woff") format("woff"), url("/static/front/fonts/NotoSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 600;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Medium.eot?") format("eot"), url("/static/front/fonts/NotoSans-Medium.otf") format("opentype"), url("/static/front/fonts/NotoSans-Medium.woff") format("woff"), url("/static/front/fonts/NotoSans-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 800;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Bold.eot?") format("eot"), url("/static/front/fonts/NotoSans-Bold.otf") format("opentype"), url("/static/front/fonts/NotoSans-Bold.woff") format("woff"), url("/static/front/fonts/NotoSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSans";
  font-weight: 900;
  font-style: normal;
  src: url("/static/front/fonts/NotoSans-Black.eot?") format("eot"), url("/static/front/fonts/NotoSans-Black.otf") format("opentype"), url("/static/front/fonts/NotoSans-Black.woff") format("woff"), url("/static/front/fonts/NotoSans-Black.woff2") format("woff2");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 100;
  src: url("/static/front/fonts/NotoSansTC-Thin.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 200;
  src: url("/static/front/fonts/NotoSansTC-Light.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 400;
  src: url("/static/front/fonts/NotoSansTC-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 600;
  src: url("/static/front/fonts/NotoSansTC-Medium.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 800;
  src: url("/static/front/fonts/NotoSansTC-Bold.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansTC";
  font-style: normal;
  font-weight: 900;
  src: url("/static/front/fonts/NotoSansTC-Black.otf") format("opentype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("/static/front/fonts/Roboto-Thin.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("/static/front/fonts/Roboto-Light.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/static/front/fonts/Roboto-Regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/static/front/fonts/Roboto-Medium.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/static/front/fonts/Roboto-Bold.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("/static/front/fonts/Roboto-Black.woff") format("woff");
}
.not-transition * {
  transition: none !important;
}

.fixFontSatoshi {
  font-family: "Satoshi", sans-serif !important;
}

.screen-out {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.overHidden {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* 이외의 브라우저 */
  overscroll-behavior: none;
}

.required-color {
  color: #ff7062 !important;
}

.flexJustBet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.guide__section {
  padding: 20px;
}
.guide__title {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.guide__title::before {
  content: "·";
  padding-right: 10px;
}
.guide__title ~ .guide__title {
  border-top: 2px solid #000;
  margin-top: 60px;
  padding-top: 60px;
}
.guide__subtit {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-bottom: 10px;
}
.guide__subtit::before {
  content: "- ";
}
.guide__conts {
  padding: 20px;
  background: #fff;
}
.guide__conts + .guide__conts {
  margin-top: 20px;
}
.guide__conts__group {
  border: 1px dotted #000;
  margin-top: 10px;
  padding: 20px;
  background: #e0e0e0;
}
.guide__conts__list:not(.--row) &gt; li + li {
  margin-top: 20px;
}
.guide__conts__list.--row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.guide__conts__list.--row &gt; li {
  margin: 10px;
}
.guide__conts__list + .guide__conts__list {
  margin-top: 40px;
}
.guide__conts__name {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 10px;
}
.guide__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.guide__img__group {
  width: 60px;
  height: 60px;
  border: 1px dotted orange;
}
.guide__img__group.--type1 {
  width: 30px;
  height: 60px;
}
.guide__img__group.--type2 {
  width: 80px;
  height: 40px;
}
.guide__img__group.--type3 {
  width: 100px;
  height: 100px;
}
.guide__img__bg {
  border: 1px dotted orange;
  background: url(/static/front/images/ico_datepicker.png) no-repeat center/contain;
}
.guide__img__bg.--type1 {
  width: 30px;
  height: 60px;
}
.guide__img__bg.--type2 {
  width: 80px;
  height: 40px;
}
.guide__img__bg.--type3 {
  width: 100px;
  height: 100px;
}
.guide__color {
  width: 60px;
  height: 60px;
  border: 1px dotted orange;
  display: flex;
  align-items: center;
}
.guide__color.--white {
  background-color: #fff;
}
.guide__color.--salmon {
  background-color: #ff7062;
}
.guide__color.--orange {
  background-color: #fa8615;
}
.guide__color.--yellow {
  background-color: #fcba1b;
}
.guide__color.--blue {
  background-color: #078ace;
}
.guide__color.--purple {
  background-color: #904eca;
}
.guide__color.--black {
  background-color: #000;
}
.guide__color.--dgrey {
  background-color: #404040;
}
.guide__color.--wgrey {
  background-color: #707070;
}
.guide__color.--lgrey {
  background-color: #909090;
}
.guide__color.--scroll {
  background-color: #bbb;
}
.guide__color.--line {
  background-color: #e0e0e0;
}
.guide__color.--bgGrey {
  background-color: #f5f5f5;
}
.guide__color.--travelIng {
  background-color: #f9eae8;
}
.guide__color.--travelEnd {
  background-color: #e0e0e0;
}
.guide__color.--boxGrey {
  background-color: #fafaf6;
}
.guide .select__group {
  display: flex;
  align-items: center;
  border: 1px solid #707070;
  position: relative;
  width: 217px;
  height: 48px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .guide .select__group {
    max-width: 100%;
  }
}
.guide .select__group.is-active .select__label::after {
  top: 14px;
  transform: rotate(180deg);
}
.guide .select__group.is-active .select__opt__list__area {
  display: block;
  height: 156px;
  animation: height156 0.5s;
}
.guide .select__group.is-selected .select__label {
  color: #000;
}
.guide .select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 32px 0 16px;
}
.guide .select__label::after {
  width: 16px;
  height: 16px;
  background: url(/static/front/images/ico_select.svg) no-repeat center/contain;
  content: "";
  position: absolute;
  top: 16px;
  right: 12px;
  transform: rotate(0);
}
.guide .select__label &gt; span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: left;
}
@media (max-width: 767px) {
  .guide .select__label {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.guide .select__opt__list__area {
  border: 1px solid #707070;
  display: none;
  position: absolute;
  top: 52px;
  left: -1px;
  width: calc(100% + 2px);
  height: 0;
  background: #fff;
  border-radius: 5px;
  overflow: auto;
  z-index: 200;
}
.guide .select__opt__list__area::-webkit-scrollbar {
  width: 8px;
}
.guide .select__opt__list__area::-webkit-scrollbar-track {
  background: transparent;
}
.guide .select__opt__list__area::-webkit-scrollbar-thumb {
  background: #707070;
  background-clip: padding-box;
  border-radius: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.guide .select__opt__list__group {
  padding: 4px;
}
.guide .select__opt__list__group &gt; li + li {
  margin-top: 4px;
}
.guide .select__opt__list__group &gt; li:hover {
  background: #909090;
}
.guide .select__opt__list__item {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 44px;
  letter-spacing: inherit;
  padding-left: 12px;
  text-align: left;
  transition: background 0.5s;
}
@media (max-width: 767px) {
  .guide .select__opt__list__item {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.guide .dragDrop__items__list &gt; li {
  padding: 10px;
  background: mediumturquoise;
}
.guide .dragDrop__items__list &gt; li.notDrag {
  background: red;
  cursor: no-drop;
}
.guide .dragDrop__items__list &gt; li.ghost-item {
  background: skyblue;
}
.guide .dragDrop__items__list &gt; li .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 50px;
  background: blueviolet;
  cursor: grab;
}
.guide .dragDrop__items__list &gt; li .item::after {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: white;
  line-height: 1.4;
  letter-spacing: inherit;
  content: "drag 영역";
}
.guide .dragDrop__items__list &gt; li + li {
  margin-top: 20px;
}
.guide .tab__click__group {
  display: flex;
  align-items: center;
}
.guide .tab__click__group &gt; li {
  flex-shrink: 0;
  width: 33.33%;
}
.guide .tab__click__group &gt; li:nth-of-type(2) &gt; a {
  background: yellow;
}
.guide .tab__click__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  background: red;
}
.guide .tab__click__pannel {
  background: #fff;
}
.guide .tab__click__pannel__group {
  display: none;
  background: #e0e0e0;
  padding: 20px;
}
.guide .tab__click__pannel__group.is-tab-opened {
  display: block;
}
.guide .tab__swiper__menu .swiper-slide {
  width: 200px;
  height: 50px;
  background: yellowgreen;
}
.guide .tab__swiper__menu .swiper-slide.swiper-slide-active {
  background: yellow;
}
.guide .tab__swiper__pannel {
  margin-top: 30px;
}
.guide .tab__swiper__pannel .swiper-slide {
  width: 100%;
  height: 500px;
  background: orange;
}
.guide .accordion__group.is-opened .accordion__conts__group {
  display: block;
}
.guide .accordion__tit__group {
  position: relative;
  background: #e0e0e0;
}
.guide .accordion__btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: red;
}
.guide .accordion__btn span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.guide .accordion__conts__group {
  display: none;
  max-height: 0;
  background: #929292;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.check {
  background-color: #ccc;
  padding: 10px;
  display: inline-block;
}
.check input[type=checkbox] {
  display: none;
}
.check label {
  width: 24px;
  height: 24px;
}
.check input[type=checkbox] + label .chk_like {
  width: 24px;
  height: 24px;
  /*background: url(/static/front/images/ico/ico_like_24_white.svg) no-repeat center/contain;*/
  background: url(/static/front/images/advance/add_on/Icon_good.svg) no-repeat center/contain;
  cursor: pointer;
}
.check input[type=checkbox]:checked + label .chk_like {
  /*background: url(/static/front/images/ico/ico_like_24_pink.svg) no-repeat center/contain;*/
  background: url(/static/front/images/advance/add_on/Icon_good_on.svg) no-repeat center/contain;
}

.table__group {
  position: relative;
  width: 100%;
}
.table__group.--type1 table {
  position: relative;
  table-layout: fixed;
  text-align: left;
}
.table__group.--type1 table th,
.table__group.--type1 table td {
  border-bottom: 1px solid #909090;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  padding: 20px;
}
.table__group.--type1 table th:not(:last-child),
.table__group.--type1 table td:not(:last-child) {
  border-right: 1px solid #909090;
}
@media (max-width: 767px) {
  .table__group.--type1 table th,
  .table__group.--type1 table td {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    line-height: 26px;
    letter-spacing: -0.56px;
  }
}
.table__group.--type1 table tbody th {
  font-weight: 700;
  background: #909090;
}
.table__group.--type1 table::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
}
.table__group.--type2 table {
  position: relative;
  table-layout: fixed;
  text-align: left;
}
.table__group.--type2 table thead th {
  font-weight: 700;
  background: #909090;
}
.table__group.--type2 table th,
.table__group.--type2 table td {
  border-bottom: 1px solid #909090;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  padding: 20px;
}
.table__group.--type2 table th:not(:last-child),
.table__group.--type2 table td:not(:last-child) {
  border-right: 1px solid #909090;
}
@media (max-width: 767px) {
  .table__group.--type2 table th,
  .table__group.--type2 table td {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    line-height: 26px;
    letter-spacing: -0.56px;
  }
}
.table__group.--type2 table tbody th {
  font-weight: 700;
  background: #909090;
}
.table__group.--type2 table::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
}

.header__section {
  border-bottom: 1px solid #e0e0e0;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  transform: translateY(0);
  transition: transform 0.3s;
  z-index: 20000;
}
.header__section a {
  text-decoration: none !important;
}
.header__top__section {
  display: none;
}
@media (min-width: 1201px) {
  .header__top__section {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 30px;
    background: #000;
  }
}
.header__top__msg__group {
  display: flex;
  align-items: center;
}
.header__top__msg__group p {
  font-size: 16px;
  font-weight: 200;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__top__msg__group p.point {
  color: #ff7062;
}
.header__top__msg__group p + p {
  margin-left: 10px;
}
.header__top__btns {
  display: flex;
  align-items: center;
}
.header__top__btns &gt; li {
  display: flex;
  align-items: center;
}
.header__top__btns &gt; li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  margin: 0 20px;
  background: rgba(255, 255, 255, 0.5);
}
.header__top__btns__group {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header__top__btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__top__btn::before {
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 6px;
  background: no-repeat center/contain;
}
.header__top__btn.--mypage::before {
  background-image: url(/static/front/images/ico/ico_mypage_20_white.svg);
}
.header__top__btn.--logout::before {
  background-image: url(/static/front/images/ico/ico_logout_20_white.svg);
}
.header__top__btn.--login::before {
  background-image: url(/static/front/images/ico/ico_login_20_white.svg);
}
.header__top__btn.--map::before {
  background-image: url(/static/front/images/ico/ico_map_20_white.svg);
}
.header__nav__section {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 1201px) {
  .header__nav__section {
    height: 80px;
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .header__nav__section {
    justify-content: center;
    height: 58px;
    padding: 0 20px;
  }
}
.header__nav__group {
  display: none;
}
@media (min-width: 1201px) {
  .header__nav__group {
    display: block;
    height: 100%;
    margin-left: 145px;
  }
}
.header__nav__logo__link {
  display: flex;
  align-items: center;
  width: 135px;
  height: 24px;
  background: url(/static/front/images/logo/logo_visitkorea_135x24_black.svg?v=1) no-repeat center/contain;
}
@media (max-width: 1200px) {
  .header__nav__logo__link {
    width: 122px;
    height: 22px;
  }
}
.header__nav__list {
  display: flex;
  height: 100%;
}
.header__nav__list &gt; li {
  height: 100%;
}
.header__nav__list &gt; li + li {
  margin-left: 80px;
}
.header__nav__list &gt; li:hover .header__nav__depth2__section {
  display: block;
}
.header__nav__list &gt; li.is-over .header__nav__link &gt; span, .header__nav__list &gt; li.is-active .header__nav__link &gt; span {
  color: #000;
}
.header__nav__list &gt; li.is-over .header__nav__link &gt; span::after, .header__nav__list &gt; li.is-active .header__nav__link &gt; span::after {
  display: block;
  transition: transform 0.5s;
}
.header__nav__link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.header__nav__link &gt; span {
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
}
.header__nav__link &gt; span::after {
  width: 32px;
  height: 5px;
  content: "";
  display: none;
  position: absolute;
  bottom: -7px;
  left: 50%;
  background: #ff7062;
  border-radius: 5px;
  transform: translate(-50%, 100%);
}
.header__nav__link:hover &gt; span {
  color: #000;
}
.header__nav__link:hover &gt; span::after {
  display: block;
  transition: transform 0.5s;
}
@media (max-width: 1200px) {
  .header__nav__search__group {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }
}
@media (min-width: 1201px) {
  .header__nav__search__group {
    margin-left: 30px;
  }
}
.header__nav__search__btn {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_search_24_black.svg) no-repeat center/contain;
}
.header__nav__search__btn span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__nav__search__btn.is-clicked {
  background-image: url(/static/front/images/ico/ico_X_24_black.svg);
}
.header__nav__depth2__section {
  border-bottom: 1px solid #707070;
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  padding: 30px 0;
  background: #fff;
  z-index: 10000;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .header__nav__depth2__section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.header__nav__depth2__group {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
.header__nav__depth2__group.--col3 .N-header__nav__group {
  width: calc(33.3333333333% - 30px);
}
.header__nav__depth2__group.--col4 .N-header__nav__group {
  width: calc(25% - 30px);
}
.header__nav__depth2__group + .header__nav__depth2__group {
  margin-top: 60px;
}
.header__nav__depth2__tit &gt; a {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__nav__depth2__tit ~ .header__nav__depth2__tit {
  margin-top: 40px;
}
.header__nav__depth2__list {
  border-top: 1px solid #707070;
  margin: 14px 0 0;
  padding-top: 14px;
}
.header__nav__depth2__list + .header__nav__depth2__tit {
  padding-top: 20px;
}
.header__nav__depth2__list &gt; ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.header__nav__depth2__list &gt; ul &gt; li {
  width: calc((100% - 120px) / 6);
  margin: 10px;
}
.header__nav__depth2__list &gt; ul &gt; li a:hover {
  text-decoration: underline;
}
.header__nav__depth2__link {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__nav__depth3__list &gt; li:first-of-type {
  margin-top: 20px;
}
.header__nav__depth3__list &gt; li:not(:first-of-type) {
  margin-top: 10px;
}
.header__nav__depth3__link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .header__nav__hamburger__group {
    display: block;
  }
  .header__nav__hamburger__group.is-opened .header__hamburger__section {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
  }
}
@media (min-width: 1201px) {
  .header__nav__hamburger__group {
    display: none;
  }
}


.header__nav__hamburger__btn span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}



.header__nav__hamburger__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: url(/static/front/images/ico/ico_hamburger_24_black.svg) no-repeat center/24px;
  left: 10px;
  z-index: 100;
}
.header__nav__hamburger__btn span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__hamburger__section {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  flex-direction: column;
  background: #fff;
  z-index: 200;
}
.header__hamburger__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_white.svg) no-repeat center/contain;
  position: absolute;
  top: 17px;
  right: 20px;
  z-index: 100;
}
.header__hamburger__close span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__hamburger__top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  padding: 10px 20px;
  background: #000;
  overflow: hidden;
}
.header__hamburger__top p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header__hamburger__top p.txt1 {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__hamburger__top p.txt2 {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__hamburger__top p.--point {
  color: #ff7062;
}
.header__hamburger__top__user {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.header__hamburger__top__user .link {
  display: flex;
  align-items: center;
}
.header__hamburger__top__user .link .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
}
.header__hamburger__top__user .link:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  margin: 0 10px;
  background: rgba(255, 255, 255, 0.4);
}
.header__hamburger__conts {
  flex-grow: 1;
  overflow: hidden;
}
.header__hamburger__bottom {
  flex-shrink: 0;
  height: 60px;
  padding: 0 20px;
  background: #e0e0e0;
}
.header__hamburger__bottom__btns {
  display: flex;
  align-items: center;
  height: 100%;
}
.header__hamburger__bottom__btns &gt; li {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.header__hamburger__bottom__btns &gt; li:first-of-type {
  width: calc((100% - 33px) / 2 + 33px);
}
.header__hamburger__bottom__btns &gt; li:first-of-type::after {
  width: 1px;
  height: 20px;
  content: "";
  margin: 0 16px;
  background: rgba(0, 0, 0, 0.2);
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__section {
  width: calc(100% - 33px);
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__label {
  justify-content: space-between;
  width: 100%;
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__label span.label {
  font-weight: 600;
  color: #404040;
  text-align: left;
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__label span.label::before {
  background-image: url(/static/front/images/ico/ico_lang_20_darkGrey.svg);
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__label::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_darkGrey.svg);
}
.header__hamburger__bottom__btns &gt; li:first-of-type .select__lang__optList__section {
  top: -28px;
  left: 0;
  transform: translateY(-100%);
}
.header__hamburger__bottom__btns &gt; li:last-of-type {
  width: calc((100% - 33px) / 2);
}
.header__hamburger__bottom__link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0 26px;
}
.header__hamburger__bottom__link &gt; span.ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: no-repeat center/contain;
}
.header__hamburger__bottom__link &gt; span.ico:not(.--arrow) {
  left: 0;
}
.header__hamburger__bottom__link &gt; span.ico.--lang {
  background-image: url(/static/front/images/ico/ico_lang_20_black.svg);
}
.header__hamburger__bottom__link &gt; span.ico.--map {
  background-image: url(/static/front/images/ico/ico_map_20_black.svg);
}
.header__hamburger__bottom__link &gt; span.ico.--arrow {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_black.svg);
  right: 0;
}
.header__hamburger__bottom__link &gt; span.txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 6px;
}
.header__hamburger__bottom__link.is-open &gt; span.ico.--arrow {
  transform: translateY(-50%) rotate(180deg);
}
.header__hamburger__menu__section {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.header__hamburger__quieck__links {
  padding: 0 20px 30px;
}
.header__hamburger__quieck__links &gt; li {
  margin-top: 30px;
}
.header__hamburger__quieck__links &gt; li a.link {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__hamburger__quieck__links &gt; li a.link::before {
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 6px;
  background: no-repeat center/contain;
}
.header__hamburger__quieck__links &gt; li a.link.--login::before {
  background-image: url(/static/front/images/ico/ico_login_20_darkGrey.svg);
}
.header__hamburger__quieck__links &gt; li a.link.--logout::before {
  background-image: url(/static/front/images/ico/ico_logout_20_darkGrey.svg);
}
.header__hamburger__quieck__links &gt; li a.link.--mypage::before {
  background-image: url(/static/front/images/ico/ico_mypage_20_darkGrey.svg);
}
.header__drawer__group.is-opened .header__drawer__conts__group {
  display: block;
}
.header__drawer__group.is-opened .header__drawer__btn {
  transform: translateY(-50%) rotate(180deg);
}
.header__drawer__tit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-right: 4px;
}
.header__drawer__tit__group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
  height: 65px;
  padding: 0 20px;
}
.header__drawer__tit__group &gt; a {
  max-width: calc(100% - 24px);
  overflow: hidden;
}
.header__drawer__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url(/static/front/images/ico/ico_arrowDown_20_darkGrey.svg) no-repeat center/20px;
  right: 10px;
}
.header__drawer__btn &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__drawer__conts {
  padding: 20px;
}
.header__drawer__conts__group {
  border-bottom: 1px solid #e0e0e0;
  display: none;
}
.header__drawer__depth2__tit &gt; a {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__drawer__depth2__tit ~ .header__drawer__depth2__tit {
  margin-top: 20px;
}
.header__drawer__depth2__list {
  border-top: 1px solid #707070;
  margin-top: 16px;
  padding-top: 16px;
}
.header__drawer__depth2__list &gt; li + li {
  margin-top: 20px;
}
.header__drawer__depth2__list + .header__drawer__depth2__tit {
  padding-top: 20px;
}
.header__drawer__depth2__link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__drawer__depth3__list {
  margin-top: 20px;
  padding-bottom: 10px;
}
.header__drawer__depth3__list &gt; li + li {
  margin-top: 16px;
}
.header__drawer__depth3__link {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.header__drawer__depth3__link::before {
  content: "- ";
}
.header__search__section {
  display: none;
  justify-content: center;
  background: #fff;
}
@media (max-width: 1200px) {
  .header__search__section {
    padding: 20px;
  }
}
@media (min-width: 1201px) {
  .header__search__section {
    padding: 30px 0 50px;
  }
}
.header__search__section.is-opened {
  display: flex;
}
.header__search__form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  max-width: 1300px;
}
.header__search__form::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
}
.header__search__ipt {
  width: calc(100% - 34px);
  height: 100%;
}
.header__search__ipt__group {
  flex-grow: 1;
  position: relative;
  height: 100%;
  padding-right: 10px;
}
.header__search__ipt__group.is-focused .header__search__ipt__del {
  display: block;
}
.header__search__ipt__del {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/14px;
  display: none;
  right: 10px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
.header__search__ipt__del &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__search__btn {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_search_24_black.svg) no-repeat center/contain;
  flex-shrink: 0;
}
.header__search__btn &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.header__user__btns {
  display: flex;
  align-items: center;
}
.header__user__btns &gt; li {
  display: flex;
  align-items: center;
}
.header__user__btns &gt; li:not(:last-of-type)::after {
  width: 1px;
  height: 12px;
  content: "";
  margin: 0 20px;
  background: rgba(0, 0, 0, 0.5);
}
.header__user__btns__group {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header__user__btns__group .select__lang__section span.label {
  font-size: 16px;
  color: #000;
}
.header__user__btns__group .select__lang__section span.label::before {
  background-image: url(/static/front/images/ico/ico_lang_20_black.svg);
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .header__user__btns__group .select__lang__section span.label {
    display: none;
  }
}
.header__user__btns__group .select__lang__label::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_black.svg);
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .header__user__btns__group .select__lang__label::before {
    width: 20px;
    height: 20px;
    background: url(/static/front/images/ico/ico_lang_20_black.svg) no-repeat center/contain;
    content: "";
    margin-right: 6px;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .header__user__btns__group .select__lang__optList__section {
    left: 0;
  }
}
@media (max-width: 1200px) {
  .header__user__btns__group {
    display: none;
  }
}
.header__user__btn {
  display: flex;
  align-items: center;
}
.header__user__btn span {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-left: 6px;
}
@media (min-width: 1201px) and (max-width: 1500px) {
  .header__user__btn span {
    display: none;
  }
}
.header__user__btn::before {
  width: 20px;
  height: 20px;
  content: "";
  background: no-repeat center/contain;
}
.header__user__btn.--mypage::before {
  background-image: url(/static/front/images/ico/ico_mypage_20_black.svg);
}
.header__user__btn.--logout::before {
  background-image: url(/static/front/images/ico/ico_logout_20_black.svg);
}
.header__user__btn.--login::before {
  background-image: url(/static/front/images/ico/ico_login_20_black.svg);
}
.header__user__btn.--map::before {
  background-image: url(/static/front/images/ico/ico_map_20_black.svg);
}

.subHeader__section {
  width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .subHeader__section {
    width: 100%;
    height: 222px;
  }
}
.subMain2 .subHeader__section {
  width: 100%;
  height: auto;
}
.subHeader__section.--bgType1 {
  background: #ff7062;
}
.subHeader__section.--bgType2 {
  background: #000;
}
.subHeader__section.--bgType3 {
  background: #904eca;
}
.subHeader__section.--bgType4 {
  background: #fa8615;
}
.subHeader__section.--bgType5 {
  background: #078ace;
}
.subHeader__section.--bgType6 {
  background: #fcba1b;
}
.subHeader__section.--bgType7 {
  background: #ffbcb5;
}
.subHeader__section.--bgType8 {
  background: #ffcfa7;
}
.subHeader__section.--bgType9 {
  background: #c69beb;
}
.subHeader__section.--bgType10 {
  background: #ff8c62;
}
.subHeader__section.--bgType11 {
  background: #707070;
}
.subHeader__section.--bgType12 {
  background: #80aced;
}
/* ADDSTART_231121_정재웅_의료관광 리뉴얼 상세화면 배경색 추가 */
.subHeader__section.--bgType13 {
  background: #71D8E7;
}
/* ENDSTART_231121_정재웅_의료관광 리뉴얼 상세화면 배경색 추가 */
/* ADDSTART_240624_이종국_한류관광 리뉴얼 상세화면 배경색 추가 */
.subHeader__section.--bgType15 {
  background: #FEAEE0;
}
/* ENDSTART_240624_이종국_한류관광 리뉴얼 상세화면 배경색 추가 */

/* ADDSTART_공연관광 리뉴얼 상세화면 배경색 추가 */
.subHeader__section.--bgType16 {
  background: #FF9299;
}
/* ENDSTART_공연관광 리뉴얼 상세화면 배경색 추가 */

/* ADDSTART_의료관광 리뉴얼 상세화면 배경색 추가 */
.subHeader__section.--bgType17 {
  background: #ccddff;
}
/* ENDSTART_의료관광 리뉴얼 상세화면 배경색 추가 */

.subHeader__section.--color-bk .subHeader__title .title {
  color: #000;
}
.subHeader__section.--color-bk .subHeader__path__list &gt; li a.home {
  background-image: url(/static/front/images/ico/ico_home_20_black.svg);
}
.subHeader__section.--color-bk .subHeader__path__list &gt; li a:not(.home) {
  color: #000;
  text-shadow: none;
}
.subHeader__area {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 1201px) {
  .subHeader__area {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subHeader__area {
    max-width: 100%;
  }
}
.subMain2 .subHeader__area {
  max-width: 100%;
}
.subMain2 .subHeader__area::before, .subMain2 .subHeader__area::after {
  display: none;
}
.subHeader__area.bg-wh::after {
  background: #fff;
}
.subHeader__area::after, .subHeader__area::before {
  content: "";
  position: absolute;
}
.subHeader__area::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border-radius: 30px 30px 0 0;
}
.subHeader__area::before {
  background: no-repeat center/contain;
}
@media (min-width: 1201px) {
  .subHeader__area::before {
    right: 40px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area::before {
    right: 20px;
  }
}
.subHeader__area.--imgType1::before {
  background-image: url(/static/front/images/obj/obj_house_160x84_white.svg);
  opacity: 0.5;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType1::before {
    width: 228px;
    height: 120px;
    bottom: 25px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType1::before {
    width: 160px;
    height: 84px;
    bottom: 20px;
  }
}
.subHeader__area.--imgType2::before {
  width: 87px;
  height: 87px;
  background-image: url(/static/front/images/ico/ico_login_87_white.svg);
  opacity: 0.3;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType2::before {
    bottom: 70px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType2::before {
    bottom: 50px;
  }
}
.subHeader__area.--imgType3::before {
  background-image: url(/static/front/images/obj/obj_taegeukMark_288.svg);
  opacity: 0.3;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType3::before {
    width: 287px;
    height: 287px;
    top: 85px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType3::before {
    width: 224px;
    height: 224px;
    top: 105px;
  }
}
.subHeader__area.--imgType4::before {
  background-image: url(/static/front/images/obj/obj_coursMap_309x174.svg);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType4::before {
    width: 309px;
    height: 173px;
    top: 28px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType4::before {
    width: 185px;
    height: 104px;
    top: 62px;
  }
}
.subHeader__area.--imgType5::before {
  background-image: url(/static/front/images/ico/ico_search_80_white.svg);
  opacity: 0.3;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType5::before {
    width: 80px;
    height: 80px;
    bottom: 70px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType5::before {
    width: 60px;
    height: 60px;
    bottom: 50px;
  }
}
.subHeader__area.--imgType6::before {
  background-image: url(/static/front/images/obj/obj_ktoOverseas_768x230.png);
  opacity: 1;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType6::before {
    width: 748px;
    height: 230px;
    top: 0;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType6::before {
    background-image: url(/static/front/images/obj/obj_ktoOverseas_768x230_mo.png);
    width: 284px;
    height: 155px;
    right: -20px;
    top: 24px;
  }
}
.subHeader__area.--imgType7::before {
  width: 97px;
  height: 92px;
  background-image: url(/static/front/images/ico/ico_faq_97x92_white.svg);
  opacity: 0.3;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType7::before {
    bottom: 70px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType7::before {
    bottom: 50px;
  }
}
.subHeader__area.--imgType8::before {
  background-image: url(/static/front/images/obj/obj_thingsToDoHeader_310x130.svg);
  bottom: 30px;
  opacity: 0.3;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType8::before {
    width: 309px;
    height: 130px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType8::before {
    width: 180px;
    height: 76px;
  }
}
.subHeader__area.--imgType9::before {
  background-image: url(/static/front/images/obj/obj_food_130x130.svg);
  background-size: 100%;
  bottom: 60px;
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType9::before {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType9::before {
    width: 130px;
    height: 130px;
  }
}
.subHeader__area.--imgType10::before {
  background-image: url(/static/front/images/obj/obj_shopping_178x124.svg);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType10::before {
    width: 178px;
    height: 124px;
    bottom: 50px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType10::before {
    width: 141px;
    height: 98px;
    bottom: 40px;
  }
}
.subHeader__area.--imgType11::before {
  background-image: url(/static/front/images/obj/obj_food_highlight_230x230.png);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType11::before {
    width: 230px;
    height: 230px;
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType11::before {
    width: 155px;
    height: 155px;
    bottom: 30px;
  }
}
.subHeader__area.--imgType12::before {
  background-image: url(/static/front/images/obj/obj_food_notice_230x230.png);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType12::before {
    width: 230px;
    height: 230px;
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType12::before {
    width: 155px;
    height: 155px;
    bottom: 30px;
  }
}
.subHeader__area.--imgType13::before {
  background-image: url(/static/front/images/obj/obj_food_wiki_230x230.png);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType13::before {
    width: 230px;
    height: 230px;
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType13::before {
    width: 155px;
    height: 155px;
    bottom: 30px;
  }
}
/* ADDSTART_231121_정재웅_의료관광 리뉴얼 상세화면 이미지 추가 */
.subHeader__area.--imgType14::before {
    background-image: url(/static/front/thingsToDo/medical/images/sub/obg_medical.png);
}
@media (min-width: 1201px) {
    .subHeader__area.--imgType14::before {
        width: 230px;
        height: 230px;
        bottom: 30px;
    }
}
@media (max-width: 1200px) {
    .subHeader__area.--imgType14::before {
        width: 155px;
        height: 155px;
        bottom: 30px;
    }
}
/* ENDSTART_231121_정재웅_의료관광 리뉴얼 상세화면 이미지 추가 */
/* ADDSTART_240624_이종국_한류관광 리뉴얼 상세화면 이미지 추가 */
.subHeader__area.--imgType15::before {
  background-image: url(/static/front/thingsToDo/hallyu/images/sub/obg_hallyu.png);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType15::before {
    width: 230px;
    height: 230px;
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType15::before {
    width: 155px;
    height: 155px;
    bottom: 30px;
  }
}
/* ENDSTART_240624_이종국_한류관광 리뉴얼 상세화면 이미지 추가 */


/* ADDSTART_240624_이종국_한류관광 리뉴얼 상세화면 이미지 추가 */
.subHeader__area.--imgType16::before {
  background-image: url(/static/front/images/obj/obj_performance_white.png);
}
@media (min-width: 1201px) {
  .subHeader__area.--imgType16::before {
    width: 424px;
    height: 194px;
    bottom: 9px;
  }
}
@media (max-width: 1200px) {
  .subHeader__area.--imgType16::before {
    width: 228px;
    height: 120px;
    bottom: 25px;
  }
}
/* ENDSTART_240624_이종국_한류관광 리뉴얼 상세화면 이미지 추가 */

/* ADDSTART_240830_최일현_의료관광 리뉴얼 상세화면 이미지 추가 */
.subHeader__area.--imgType17::before { width: 210px; height: 190px; bottom: 0px; right: 20px; opacity: 1; background: url(https://english.visitkorea.or.kr/public/assets/medical_asset/images/renuwal/medical_banner.png) 0 0 / 100% 100% no-repeat; }
@media (max-width: 1200px) {
  .subHeader__area.--imgType1::before { width: 105px; height: 95px; bottom: 40px;}
}
/* ENDSTART_240830_최일현_의료관광 리뉴얼 상세화면 이미지 추가 */

.subHeader__group {
  height: 100%;
}
@media (min-width: 1201px) {
  .subHeader__group {
    padding: 32px 40px 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subHeader__group {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1200px) {
  .subHeader__group {
    padding: 20px 20px 0;
  }
}
.subMain2 .subHeader__group {
  padding: 0;
}
.subMain2 .subHeader__title {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.subHeader__title .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subHeader__title .title {
    font-size: 44px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 56px;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .subHeader__title .title {
    font-size: 28px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 36px;
    letter-spacing: inherit;
  }
}
.subHeader__title .desc {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1201px) {
  .subHeader__title .desc {
    margin-top: 4px;
  }
}
@media (max-width: 1200px) {
  .subHeader__title .desc {
    margin-top: 10px;
  }
}
.subHeader__title .desc &gt; span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subHeader__title .desc &gt; span {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 30px;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .subHeader__title .desc &gt; span {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 20px;
    letter-spacing: inherit;
  }
}
.subHeader__title .desc &gt; span.bold {
  font-weight: 800;
}
@media (min-width: 1201px) {
  .subHeader__title .desc &gt; span + span {
    margin-left: 8px;
  }
}
@media (max-width: 1200px) {
  .subHeader__title .desc &gt; span + span {
    margin-left: 6px;
  }
}
@media (max-width: 1200px) {
  .subHeader__title .desc2 {
    margin-top: 10px;
  }
  .subHeader__title .desc2 &gt; span {
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.subHeader__btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1201px) {
  .subHeader__btn {
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .subHeader__btn {
    margin-top: 8px;
  }
}
.subHeader__btn .link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 1201px) {
  .subHeader__btn .link {
    width: 250px;
    height: 60px;
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    color: #ff7062;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .subHeader__btn .link {
    width: 230px;
    height: 50px;
    font-size: 15px;
    font-weight: 800;
    font-style: normal;
    color: #ff7062;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.subHeader__btn .link::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_+_20_salmon.svg) no-repeat center/contain;
  content: "";
  margin-left: 4px;
}
.subHeader__path {
  position: absolute;
  bottom: 40px;
}
@media (min-width: 1201px) {
  .subHeader__path {
    left: 40px;
    width: calc(100% - 80px);
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subHeader__path {
    left: 30px;
    width: calc(100% - 60px);
  }
}
@media (max-width: 1200px) {
  .subHeader__path {
    left: 20px;
    width: calc(100% - 40px);
  }
}
.subMain2 .subHeader__path {
  position: static;
  width: 100%;
}
@media (min-width: 1201px) {
  .subMain2 .subHeader__path {
    display: flex;
    justify-content: flex-end;
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain2 .subHeader__path {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain2 .subHeader__path {
    display: none;
  }
}
.subHeader__path__list {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.subMain2 .subHeader__path__list {
  justify-content: flex-end;
  width: 100%;
}
.subHeader__path__list &gt; li {
  display: flex;
  align-items: center;
  height: 26px;
}
.subMain2 .subHeader__path__list &gt; li {
  height: 36px;
}
.subHeader__path__list &gt; li a.home {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_home_20_white.svg) no-repeat center/contain;
}
.subHeader__path__list &gt; li a.home &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.subHeader__path__list &gt; li a:not(.home) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  display: inline-block;
  padding-right: 4px;
}
@media (max-width: 1200px) {
  .subHeader__path__list &gt; li a:not(.home) {
    font-size: 14px;
  }
}
.subHeader__path__list &gt; li:first-of-type {
  flex-shrink: 0;
  margin-right: 4px;
}
.subHeader__path__list &gt; li:last-of-type a:not(.home) {
  font-weight: 600;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}
.subMain2 .subHeader__path__list &gt; li:last-of-type a:not(.home) {
  text-shadow: none;
}
@media (max-width: 1200px) {
  .subHeader__path__list &gt; li:last-of-type {
    max-width: calc(100% - 24px) !important;
  }
}
.subHeader__path__list &gt; li:not(:first-of-type) {
  overflow: hidden;
}
.subHeader__path__list &gt; li:not(:first-of-type):not(:last-of-type)::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin: 0 4px;
}
.subHeader__section.--color-bk .subHeader__path__list &gt; li:not(:first-of-type):not(:last-of-type)::after {
  background-image: url(/static/front/images/ico/ico_arrowRight_20_black.svg);
}
.subHeader__path__list.--path2 &gt; li:last-of-type {
  max-width: calc(100% - 24px);
}
.subHeader__path__list.--path3 &gt; li:nth-of-type(2) {
  max-width: calc(30% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path3 &gt; li:nth-of-type(2) {
    display: none;
  }
}
.subHeader__path__list.--path3 &gt; li:last-of-type {
  max-width: calc(100% - (24px + 30% + 28px));
}
.subHeader__path__list.--path4 &gt; li:nth-of-type(2) {
  max-width: calc(25% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path4 &gt; li:nth-of-type(2) {
    display: none;
  }
}
.subHeader__path__list.--path4 &gt; li:nth-of-type(3) {
  max-width: calc(25% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path4 &gt; li:nth-of-type(3) {
    display: none;
  }
}
.subHeader__path__list.--path4 &gt; li:last-of-type {
  max-width: calc(100% - (24px + 50% + 56px));
}
.subHeader__path__list.--path5 &gt; li:nth-of-type(2) {
  max-width: calc(20% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path5 &gt; li:nth-of-type(2) {
    display: none;
  }
}
.subHeader__path__list.--path5 &gt; li:nth-of-type(3) {
  max-width: calc(20% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path5 &gt; li:nth-of-type(3) {
    display: none;
  }
}
.subHeader__path__list.--path5 &gt; li:nth-of-type(4) {
  max-width: calc(20% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path5 &gt; li:nth-of-type(4) {
    display: none;
  }
}
.subHeader__path__list.--path5 &gt; li:last-of-type {
  max-width: calc(100% - (24px + 60% + 84px));
}
.subHeader__path__list.--path6 &gt; li:nth-of-type(2) {
  max-width: calc(16% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path6 &gt; li:nth-of-type(2) {
    display: none;
  }
}
.subHeader__path__list.--path6 &gt; li:nth-of-type(3) {
  max-width: calc(16% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path6 &gt; li:nth-of-type(3) {
    display: none;
  }
}
.subHeader__path__list.--path6 &gt; li:nth-of-type(4) {
  max-width: calc(16% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path6 &gt; li:nth-of-type(4) {
    display: none;
  }
}
.subHeader__path__list.--path6 &gt; li:nth-of-type(5) {
  max-width: calc(16% + 28px);
}
@media (max-width: 1200px) {
  .subHeader__path__list.--path6 &gt; li:nth-of-type(5) {
    display: none;
  }
}
.subHeader__path__list.--path6 &gt; li:last-of-type {
  max-width: calc(100% - (24px + 64% + 84px));
}
.subHeader__pageTitle__section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  position: relative;
  background: #fff;
}
.subHeader__pageTitle__btnHistory {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_arrowLeft_24_black.svg) no-repeat center/contain;
  left: 20px;
}
.subHeader__pageTitle__btnHistory span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.subHeader__pageTitle__title {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 60px;
}
.subHeader__full .submain__banner__item {
  height: 550px;
  border-radius: 0;
  margin-bottom: 60px;
}
.subHeader__full .submain__banner__item__position {
  max-width: 1200px;
  width: 100%;
  padding: 0 0 40px;
  left: 50%;
  transform: translateX(-50%);
}
.subHeader__full .submain__banner__item__position .link {
  border: none;
  width: 147px;
  height: 20px;
}
.subHeader__full .submain__banner__item__position .link-txt {
  font-weight: 400;
}
@media (max-width: 1200px) {
  .subHeader__full {
    height: 580px;
    margin-top: 0;
  }
  .subHeader__full .submain__banner__item__position {
    padding: 0 20px 32px;
    height: auto;
    top: auto;
    bottom: 0;
  }
  .subHeader__full .submain__banner__item__position .link {
    left: 0;
    transform: translateX(0);
    width: 90px;
    height: auto;
    bottom: 0;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 24px;
  }
  .subHeader__full .submain__banner__item__position .link::after {
    margin-left: 0;
  }
  .subHeader__full .submain__banner__item__position .link-txt {
    font-size: 14px;
  }
  .subHeader__full .submain__banner__item__position .tit {
    text-align: left;
    font-size: 28px;
    letter-spacing: -0.44px;
  }
  .subHeader__full .submain__banner__item__position .tit-box {
    display: block;
    height: auto;
    align-items: baseline;
    text-align: left;
    flex-direction: column;
  }
  .subHeader__full .submain__banner__item__position .tit-box .sbtxt {
    text-align: left;
    font-size: 16px;
    letter-spacing: -0.24px;
  }
}

@media (min-width: 1201px) and (max-width: 1800px) {
  .N-header .header__nav__group {
    display: none;
  }
}
.N-header .header__nav__depth2__list {
  margin: 0;
  border: none;
  padding-top: 39px;
}
.N-header .header__nav__depth2__list &gt; ul {
  display: flex;
  flex-direction: column;
}
.N-header .header__nav__depth2__list &gt; ul &gt; li {
  width: calc(100% - 50px);
}
.N-header .header__nav__depth2__list .accordion__tit__group {
  background: none;
}
.N-header .header__nav__depth2__list .accordion__group.is-opened .accordion__tit__group &gt; a {
  color: #ff7062;
}
.N-header .header__nav__depth2__list .accordion__group.is-opened .accordion__tit__group &gt; a.header__nav__depth2__link.ico::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/front/images/ico/ico_-_20_darkGray.svg);
}
.N-header .header__nav__depth2__list .accordion__conts &gt; ul li + li {
  margin-top: 5px;
}
.N-header .header__nav__depth2__list .accordion__conts__group {
  background: none;
  margin-left: 12px;
  margin-top: 10px;
}
.N-header .header__nav__depth2__link {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.N-header .header__nav__depth2__link:hover {
  color: #ff7062;
}
.N-header .header__nav__depth2__link.ico {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.N-header .header__nav__depth2__link.ico::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/front/images/ico/ico_+_20_lightGrey.svg);
  margin-left: 3px;
}
.N-header .header__nav__depth2__link.ling {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.N-header .header__nav__depth2__link.ling::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/front/images/ico/ico_link_20.svg);
}
.N-header .header__nav__depth2__group {
  display: flex;
  justify-content: flex-start;
  margin-left: 290px;
  flex-wrap: wrap;
}
.N-header .header__nav__depth2__tit + .header__nav__depth2__list {
  padding-top: 14px;
}
.N-header__nav__group {
  width: calc(20% - 30px);
  margin: 15px;
}
.N-header__nav__group.--col3 {
  width: calc(33.3333333333% - 30px);
}
.N-header__nav__group.--col4 {
  width: calc(25% - 30px);
}
.N-header__nav__group.--colrow {
  flex: 0 0 100%;
}
.N-header__nav__group.--colrow .N-header__nav__group {
  width: 100%;
}
.N-header__nav__group.--colrow .header__nav__depth2__list &gt; ul {
  height: auto;
  align-content: flex-start;
  flex-direction: row;
}
.N-header__nav__group.--colrow .header__nav__depth2__list &gt; ul &gt; li {
  width: calc(20% - 10px);
}
.N-header .header__user__btn {
  display: flex;
  flex-direction: column;
  margin-right: 0;
}
.N-header .header__user__btn .txt {
  font-size: 13px;
  display: inline-block;
}
.N-header .select__lang__label span.label {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  margin-right: 0;
}
.N-header .select__lang__label span.label::before {
  margin-right: -10px;
}
.N-header .select__lang__label span.label span {
  font-size: 13px;
  margin-left: 0;
}
.N-header .select__lang__label::after {
  margin-top: 20px;
}
.N-header .select__lang__label::before {
  display: none;
}
.N-header .header__nav__search__btn {
  width: 20px;
  height: 20px;
}
.N-header .header__nav__search__btn.--sitemap {
  background-image: url(/static/front/images/ico/ico_hamburger_24_black.svg);
}
.N-header .header__search__group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.N-header .header__search__group .txt {
  font-size: 13px;
}
.N-header__benner {
  height: 56px;
}
.N-header__benner &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.N-header .accordion__group .accordion__conts__group {
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.N-header .accordion__group.is-opened {
  display: block;
}

.footer__section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  margin-top: auto;
}
@media (max-width: 1200px) {
  .footer__section {
    border-radius: 18px 18px 0 0;
  }
}
.footer__group {
  width: 100%;
}
@media (min-width: 1201px) {
  .footer__group {
    display: flex;
    justify-content: space-between;
    max-width: 1300px;
    padding: 50px 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .footer__group {
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1200px) {
  .footer__group {
    padding: 30px 20px;
  }
}
@media (max-width: 1200px) {
  .footer__nav {
    display: flex;
    justify-content: center;
  }
}
.footer__nav__list {
  display: flex;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .footer__nav__list {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .footer__nav__list {
    flex-wrap: wrap;
  }
}
@media (min-width: 1201px) {
  .footer__nav__list &gt; li + li {
    margin-left: 50px;
  }
}
@media (max-width: 1200px) {
  .footer__nav__list &gt; li {
    width: calc((100% - 50px) / 2);
  }
  .footer__nav__list &gt; li:nth-of-type(even) {
    margin-left: 50px;
  }
  .footer__nav__list &gt; li:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media (min-width: 1201px) {
  .footer__nav__list dt {
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .footer__nav__list dt {
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (min-width: 1201px) {
  .footer__nav__list dd {
    margin-top: 20px;
  }
  .footer__nav__list dd &gt; a {
    font-size: 16px;
    font-weight: 200;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .footer__nav__list dd {
    margin-top: 10px;
  }
  .footer__nav__list dd &gt; a {
    font-size: 14px;
    font-weight: 200;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.footer__nav__sns {
  display: flex;
  flex-wrap: wrap;
  width: 90px;
}
.footer__nav__sns &gt; li:nth-of-type(even) {
  margin-left: 10px;
}
.footer__nav__sns &gt; li:nth-of-type(n + 3) {
  margin-top: 10px;
}
.footer__nav__sns &gt; li a.sns {
  width: 40px;
  height: 40px;
  display: block;
  background: no-repeat center/contain;
}
.footer__nav__sns &gt; li a.sns.--instagram {
  background-image: url(/static/front/images/sns/sns_instagram_40_darkGrey.svg);
}
.footer__nav__sns &gt; li a.sns.--facebook {
  background-image: url(/static/front/images/sns/sns_facebook_40_darkGrey.svg);
}
.footer__nav__sns &gt; li a.sns.--twiter {
  background-image: url(/static/front/images/sns/sns_twiter_40_darkGrey.png);
}
.footer__nav__sns &gt; li a.sns.--youtube {
  background-image: url(/static/front/images/sns/sns_youtube_40_darkGrey.svg);
}
@media (min-width: 1201px) {
  .footer__corp {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .footer__corp {
    align-items: center;
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .footer__corp {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .footer__corp__select {
    display: flex;
    justify-content: center;
  }
}
.footer__corp__info {
  display: flex;
  margin-top: auto;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .footer__corp__info {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .footer__corp__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    text-align: center;
  }
}
.footer__corp__info div.img {
  width: 141px;
  height: 64px;
  margin-right: 30px;
}
@media (max-width: 1200px) {
  .footer__corp__info div.img {
    width: 94px;
    height: 43px;
  }
}
.footer__corp__info div.img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__corp__info div.copyright {
  font-size: 14px;
  font-weight: 200;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.footer__corp__info div.copyright .email {
  color: #ff7062;
}
@media (max-width: 1200px) {
  .footer__corp__info div.copyright {
    margin-top: 20px;
  }
}

.sub .footer__section {
  background: #fff;
}

.subMain2 .footer__section {
  background: #f5f5f5;
}

@keyframes opac {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.quieck__section.is-quieck-closed {
  display: none;
}
.wrap.main .quieck__section .quieck__top__section {
  display: none !important;
}
@media (max-width: 1200px) {
  .moFix__section.is-opened ~ .quieck__section .quieck__slide__group.--type1 {
    bottom: 100px;
  }
}
.quieck__banner {
  width: 100%;
  height: 100%;
  display: block;
}
.quieck__banner &gt; img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.quieck__banner__list &gt; li:not(:first-of-type) {
  margin-top: 10px;
}
.quieck__banner__list &gt; li.is-closed {
  display: none;
}
.quieck__banner__img {
  position: relative;
}
@media (min-width: 1201px) {
  .quieck__banner__img {
    width: 80px;
    height: 80px;
    animation: opac 0.5s;
  }
}
@media (max-width: 1200px) {
  .quieck__banner__img {
    width: 60px;
    height: 60px;
  }
}
.quieck__banner__close {
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
}
.quieck__banner__close &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (min-width: 768px) {
  .quieck__banner__close {
    width: 18px;
    height: 18px;
    top: 5px;
  }
}
@media (max-width: 767px) {
  .quieck__banner__close {
    width: 20px;
    height: 20px;
    top: 2px;
  }
}
.quieck__banner__section {
  position: fixed;
  z-index: 10000;
}
@media (min-width: 1201px) {
  .quieck__banner__section {
    bottom: 80px;
    right: 40px;
  }
}
@media (max-width: 1200px) {
  .quieck__banner__section {
    bottom: 114px;
    right: 10px;
  }
}
@media (min-width: 1201px) {
  .quieck__banner__section {
    display: none;
  }
  .quieck__banner__section.is-opened {
    display: block;
  }
}
@media (max-width: 1200px) {
  .quieck__banner__section {
    display: block;
  }
  .quieck__banner__section.is-opened {
    display: none;
  }
}
.quieck__slide__section.is-opened .quieck__slide__group.--type1 {
  display: block;
}
.quieck__slide__section.is-opened .quieck__slide__group.--type2 {
  display: none;
}
.quieck__slide__section.is-opened.is-ani .quieck__slide__group.--type1 {
  animation: opac 0.5s;
}
.quieck__slide__section.is-not {
  display: none !important;
}
.quieck__slide__group.--type1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 115px;
  display: none;
  position: fixed;
  bottom: 40px;
  max-width: 1300px;
  z-index: 10000;
}
@media (max-width: 1200px) {
  .quieck__slide__group.--type1 {
    height: 74px;
  }
}
.quieck__slide__group.--type2 {
  position: fixed;
  z-index: 10000;
}
@media (min-width: 1201px) {
  .quieck__slide__group.--type2 {
    bottom: 110px;
    right: 40px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__group.--type2 {
    bottom: 90px;
    right: 10px;
  }
}
@media (min-width: 1201px) {
  .quieck__slide__group.--type2 {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__group.--type2 {
    width: 60px;
    height: 60px;
  }
}
.quieck__slide__btn {
  width: 100%;
  height: 100%;
  border: 3px solid #ff7062;
  border-radius: 50%;
  overflow: hidden;
  animation: opac 0.5s;
}
.quieck__slide__btn &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.quieck__slide__swiper__group {
  display: flex;
  height: 100%;
  padding: 10px 0;
  box-sizing: content-box;
}
.quieck__slide__swiper__group .swiper-slide {
  width: auto;
  height: 100%;
  box-sizing: content-box;
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__group .swiper-slide:first-of-type {
    padding-left: 54px;
  }
  .quieck__slide__swiper__group .swiper-slide:last-of-type {
    padding-right: 54px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__group .swiper-slide {
    padding-left: 10px;
  }
  .quieck__slide__swiper__group .swiper-slide:last-of-type {
    padding-right: 10px;
  }
}
.quieck__slide__swiper__group .swiper-button-lock {
  display: none !important;
}
.quieck__slide__swiper__group .swiper-button-disabled {
  opacity: 1;
  pointer-events: initial;
  cursor: not-allowed;
}
.quieck__slide__swiper__group .swiper-button-disabled::after {
  opacity: 0.5;
}
.quieck__slide__swiper__group .swiper-button-prev, .quieck__slide__swiper__group .swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: calc(100% - 20px);
  top: 10px;
  flex-shrink: 0;
  margin: 0;
  background-color: #fff;
}
.quieck__slide__swiper__group .swiper-button-prev::after, .quieck__slide__swiper__group .swiper-button-next::after {
  width: 28px;
  height: 28px;
  background: url(/static/front/images/ico/ico_arrowLeft_28_lightGrey.svg) no-repeat center/contain;
  content: "";
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__group .swiper-button-prev, .quieck__slide__swiper__group .swiper-button-next {
    display: none;
  }
}
.quieck__slide__swiper__group .swiper-button-prev {
  left: 0;
  border-radius: 0 12px 12px 0;
}
.quieck__slide__swiper__group .swiper-button-next {
  right: 0;
  border-radius: 12px 0 0 12px;
}
.quieck__slide__swiper__group .swiper-button-next::after {
  transform: rotate(180deg);
}
.quieck__slide__swiper__item {
  display: flex;
  align-items: center;
  width: 425px;
  height: 100%;
  padding: 12px 0 12px 12px;
  background: #ff7062;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item {
    width: calc(100vw - 20px);
    border-radius: 12px;
  }
}
.quieck__slide__swiper__item .travel-img {
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__item .travel-img {
    width: 91px;
    height: 91px;
    margin-right: 18px;
    border-radius: 16px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 8px;
  }
}
.quieck__slide__swiper__item .travel-img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.quieck__slide__swiper__item .travel-plan {
  flex-grow: 1;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__item .travel-plan {
    padding-right: 18px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-plan {
    padding-right: 16px;
  }
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__item .travel-plan-title {
    display: -webkit-box;
    max-height: 56px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    height: 56px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-plan-title {
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 20px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.quieck__slide__swiper__item .travel-plan-date {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  margin-top: 6px;
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-plan-date {
    margin-top: 8px;
    font-size: 12px;
  }
}
.quieck__slide__swiper__item .travel-plan-date::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_white.svg) no-repeat center/contain;
  content: "";
  margin-right: 6px;
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-plan-date::before {
    margin-right: 4px;
  }
}
.quieck__slide__swiper__item .travel-state {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  flex-shrink: 0;
  text-align: center;
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__item .travel-state {
    width: 90px;
    height: 63px;
    padding: 0 20px;
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-state {
    width: 78px;
    height: 38px;
    padding: 0 16px;
  }
}
@media (min-width: 1201px) {
  .quieck__slide__swiper__item .travel-state-value {
    display: -webkit-box;
    max-height: 56px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .quieck__slide__swiper__item .travel-state-value {
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.quieck__slide__swiper__link {
  width: 115px;
  height: 100%;
  background: url(/static/front/images/ico/ico_+_20_lightGrey.svg) no-repeat center/contain;
  position: relative;
  display: block;
  background-color: #f5f5f5;
  background-size: 30px;
  border-radius: 18px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.quieck__top {
  width: 50px;
  height: 50px;
  background: url(/static/front/images/ico/ico_arrowUp_24_white.svg) no-repeat center/24px;
  background-color: #ff7062;
  border-radius: 22px;
  box-shadow: 2.5px 4.3px 10px 0 rgba(0, 0, 0, 0.25);
}
.quieck__top &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.quieck__top__section {
  position: fixed;
  z-index: 10000;
  display: none;
}
@media (min-width: 1201px) {
  .quieck__top__section {
    bottom: 20px;
    right: 40px;
  }
}
@media (max-width: 1200px) {
  .quieck__top__section {
    bottom: 0px;
    right: 10px;
  }
}
@media (min-width: 1201px) {
  .quieck__top__section.is-opened {
    display: block;
  }
}

.main__dimed {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
}
.main__section {
  width: 100%;
  height: 100%;
  max-width: 1232px;
  margin: 0 auto;
}
.main__section.--wd1300 {
  max-width: 1340px;
}
.main__section.--wd1300 .main__subtit {
  margin: 0 auto;
  max-width: 1232px;
}
@media (max-width: 767px) {
  .main__section {
    margin: 30px auto;
  }
}
.main__section.--full {
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #f5f5f5;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .main__section.--full {
    padding: 30px 0;
  }
}
.main__section.--full .main__cont {
  max-width: 1232px;
  margin: 0 auto;
}
.main__section.--full .main__subtit {
  margin: 0 auto;
  max-width: 1232px;
}
.main__section ~ .main__section {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .main__section ~ .main__section {
    margin-top: 30px;
  }
}
.main__contents {
  margin: 60px 0 120px;
}
@media (max-width: 767px) {
  .main__contents {
    margin: 40px auto;
  }
}
.main__subtit {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: baseline;
}
.main__subtit h2 {
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 24px;
}
.main__subtit__link {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.main__subtit__link::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  padding-right: 20px;
}
@media (max-width: 767px) {
  .main__subtit h2 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-bottom: 16px;
  }
  .main__subtit ~ .main__subtit {
    margin-top: 60px;
  }
}
.main__cont {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 20px;
}
.main__cont.--mg30 {
  margin-top: 30px;
}
.main__cont.--mg30 .main__subtit {
  padding: 0;
}
@media (max-width: 1200px) {
  .main__cont.--pr0 {
    padding-right: 0;
  }
  .main__cont.--pr0 .main__subtit__tab {
    margin-right: 20px;
  }
  .main__cont.--pr0 .swiper {
    width: calc(100% + 20px);
    margin-left: -20px;
    padding-right: 40px;
  }
  .main__cont.--pr0 .swiper .swiper-wrapper {
    padding-left: 20px;
  }
  .main__cont.--pr0 .cardBox__scroll {
    width: calc(100% + 20px);
    margin-left: -20px;
    padding-left: 20px;
  }
}
.main__tit {
  font-size: 54px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 48px;
  text-align: left;
}
@media (max-width: 767px) {
  .main__tit {
    font-size: 32px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.main__tit__group {
  position: relative;
  top: 450px;
}
@media (max-width: 767px) {
  .main__tit__group {
    top: 500px;
  }
}
.main__tit__sub {
  font-size: 44px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: left;
}
@media (max-width: 767px) {
  .main__tit__sub {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.main__date {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  padding-right: 20px;
  top: 30px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.main__date ul {
  display: flex;
  justify-content: flex-end;
}
.main__date ul li {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.main__date ul li + li {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .main__date {
    top: 74px;
  }
  .main__date ul li {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .main__date ul li + li {
    margin-left: 8px;
  }
}
.main__travel {
  z-index: 1;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 767px) {
  .main__travel {
    width: auto;
  }
}
.main__travel__text {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 768px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main__travel__text {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    flex-direction: column;
  }
  .main__travel__text &gt; span + span {
    margin-left: 0;
  }
}
.main__travel__text &gt; span + span {
  display: inline-block;
  color: #ff7062;
  margin-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main__travel__btn {
  width: 250px;
  height: 60px;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin: 0 auto 36px;
  border-radius: 30px;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #000;
}
@media (max-width: 767px) {
  .main__travel__btn {
    width: 230px;
    height: 55px;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    margin: 0 auto 21px;
  }
}
.main__banner {
  position: relative;
  overflow: hidden;
}
.main__banner .swiper__group .swiper-button-next {
  right: 0;
  margin-top: 0;
}
.main__banner .swiper__group .swiper-button-prev {
  left: 0;
  margin-top: 0;
}
.main__banner__section {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1340px;
  margin: 0 auto;
  top: 0;
  padding: 0 20px;
}
.main__banner .swiper__group {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main__banner .swiper__group.--typeRow .swiper-slide {
  height: calc((100% - 30px) / 2) !important;
}
.main__banner .swiper__group .swiper-slide {
  width: 100%;
  height: 750px;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #909090;
}
.main__banner .swiper__group .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.main__banner .swiper .swiper-pagination {
  bottom: 40px;
}
.main__banner .swiper .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  border-radius: 2px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .main__banner .swiper .swiper-pagination-bullet {
    width: 20px;
  }
}
.main__banner .swiper .autoplay {
  position: absolute;
  display: flex;
  z-index: 9;
  bottom: 40px;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}
.main__banner .swiper .autoplay .swiper-pagination {
  position: relative;
  display: flex;
  width: auto;
  bottom: 0;
}
.main__banner .swiper .autoplay__group button {
  width: 24px;
  height: 24px;
}
.main__banner .swiper .autoplay__group button span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.main__banner .swiper .autoplay__group button.play {
  display: none;
  background: url("/static/front/images/main/main_player_start.svg") no-repeat;
}
.is-stop .main__banner .swiper .autoplay__group button.play {
  display: block;
}
.main__banner .swiper .autoplay__group button.stop {
  display: block;
  background: url("/static/front/images/main/main_player_stop.svg") no-repeat;
}
.is-stop .main__banner .swiper .autoplay__group button.stop {
  display: none;
}
.main__banner .swiper .autoplay__group.is-stop button.play {
  display: block;
}
.main__banner .swiper .autoplay__group.is-stop button.stop {
  display: none;
}
.main__banner__sub {
  width: 100%;
  height: 163px;
  text-align: center;
  padding: 42px;
  background: linear-gradient(to right, #ffa095, #ffba77, #ffda81);
  overflow: hidden;
  border-radius: 18px;
}
.main__banner__sub__tit {
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 12px;
}
.main__banner__sub__tit &gt; span {
  font-size: 32pxpx;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  display: inline-block;
  margin-left: 16px;
}
.main__banner__sub__txt {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main__banner__sub {
    width: 100%;
    height: 146px;
    padding: 30px;
  }
  .main__banner__sub__tit {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-bottom: 8px;
  }
  .main__banner__sub__tit &gt; span {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    display: block;
    margin-left: 0;
  }
  .main__banner__sub__txt {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.main__banner .mk__banner {
  position: relative;
  max-width: 1920px;
  height: 820px;
  margin: auto;
  background: url(/static/front/images/main/img_MEDICAL_KOREA_banner.jpg) no-repeat center top;
}
.main__banner .mk__banner::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 250, 0) 40%, rgba(0, 0, 0, 0.599877451) 100%);
  z-index: 1;
}
.main__banner .mk__banner .mk__txt {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 60px;
  z-index: 2;
}
.main__banner .mk__banner .mk__txt h2 {
  font-size: 44px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .main__banner .mk__banner .mk__txt h2 {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.main__banner .mk__banner .mk__txt p {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  margin-top: 4px;
}
.main__banner .mk__banner .mk__txt ul {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.main__banner .mk__banner .mk__txt ul li {
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  width: 229px;
  height: 229px;
  margin: 0 7px;
  padding-top: 60px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.main__banner .mk__banner .mk__txt ul li strong {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-transform: uppercase;
}
.main__banner .mk__banner .mk__txt ul li p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 12px;
  text-align: center;
}

.cardBox__scroll {
  overflow-x: auto;
  padding-bottom: 20px;
}
.cardBox &gt; ul {
  width: 100%;
  display: flex;
}
.cardBox &gt; ul li {
  width: 100%;
  height: 300px;
  transition: all 0.5s ease-out;
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 15px;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
}
.cardBox &gt; ul li + li {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .cardBox &gt; ul li {
    width: 236px;
    height: 236px;
    min-width: 236px;
    margin-right: 20px;
  }
  .cardBox &gt; ul li + li {
    margin-left: 0;
  }
}
.cardBox &gt; ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.cardBox__tag {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: max-content;
  max-width: 100%;
  min-width: 162px;
  height: 54px;
  padding: 16px 20px;
  top: 214px;
  background-color: #000;
}
@media (max-width: 767px) {
  .cardBox__tag {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    min-width: 148px;
    height: 48px;
    padding: 14px 20px;
    top: 173px;
  }
}
.cardBox__type02 &gt; ul {
  width: 100%;
  display: flex;
}
.cardBox__type02 &gt; ul li {
  width: 100%;
  height: 300px;
  min-width: 300px;
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 15px;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
}
.cardBox__type02 &gt; ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.cardBox__type02 &gt; ul li + li {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .cardBox__type02 &gt; ul li {
    margin-right: 20px;
  }
  .cardBox__type02 &gt; ul li + li {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .cardBox__type02 &gt; ul li {
    width: 236px;
    height: 236px;
    min-width: 236px;
  }
  .cardBox__type02 &gt; ul li + li {
    margin-left: 0;
  }
  .cardBox__type02 &gt; ul li a {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.cardBox__type02__tit {
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  bottom: 24px;
}
@media (max-width: 767px) {
  .cardBox__type02__tit {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}

.snsTab__click__group {
  display: flex;
  align-items: center;
}
.snsTab__click__group &gt; li {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: #fff;
  box-shadow: inset 0px 0px 0px 1px #e0e0e0;
}
.snsTab__click__group &gt; li:hover {
  background: #ff7062;
  box-shadow: none;
}
.snsTab__click__group &gt; li + li {
  margin-left: 5px;
}
.snsTab__click__group &gt; li.is-tab-opened {
  background: #ff7062;
  box-shadow: none;
}
.snsTab__click__group &gt; li.is-tab-opened &gt; a.--insta {
  background: url(/static/front/images/sns/sns_insta-line_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li.is-tab-opened &gt; a.--pace {
  background: url(/static/front/images/sns/sns_facebook_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li.is-tab-opened &gt; a.--youtub {
  background: url(/static/front/images/sns/sns_youtube_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li.is-tab-opened &gt; a.--twtter {
  background: url(/static/front/images/sns/sns_twiter_18_white.png) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a {
  width: 34px;
  height: 34px;
  display: inline-block;
  padding: 8px;
}
.snsTab__click__group &gt; li &gt; a.--insta {
  background: url(/static/front/images/sns/sns_insta-line_18_grey.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--insta:hover {
  background: url(/static/front/images/sns/sns_insta-line_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--pace {
  background: url(/static/front/images/sns/sns_facebook_18_grey.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--pace:hover {
  background: url(/static/front/images/sns/sns_facebook_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--youtub {
  background: url(/static/front/images/sns/sns_youtube_18_grey.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--youtub:hover {
  background: url(/static/front/images/sns/sns_youtube_18_white.svg) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--twtter {
  background: url(/static/front/images/sns/sns_twiter_18_grey.png) no-repeat center/18px;
}
.snsTab__click__group &gt; li &gt; a.--twtter:hover {
  background: url(/static/front/images/sns/sns_twiter_18_white.png) no-repeat center/18px;
}
.snsTab__click__pannel {
  background: #fff;
}
.snsTab__click__pannel__group {
  display: none;
  background: #e0e0e0;
}
.snsTab__click__pannel__group.is-tab-opened {
  display: block;
}
.snsTab__grid {
  width: 1192px;
  height: 283px;
  display: flex;
  transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
  .snsTab__grid {
    width: 668px;
    height: 152px;
  }
}
.snsTab__grid li {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
  flex: 1;
}
.snsTab__grid li a {
  width: 100%;
  height: 100%;
  display: block;
}
.snsTab__grid li + li {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .snsTab__grid li {
    margin-right: 20px;
  }
  .snsTab__grid li + li {
    margin-left: 0;
  }
}
.snsTab__grid__snstit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  position: absolute;
  top: 20px;
  left: 20px;
  max-height: 230px;
  overflow: hidden;
}
.snsTab__grid__snstit span {
  display: block;
  max-width: 240px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 767px) {
  .snsTab__grid__snstit {
    max-height: 70px;
    top: 16px;
    left: 16px;
  }
  .snsTab__grid__snstit span {
    max-width: 110px;
  }
}
.snsTab__grid__snsico {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.snsTab__grid__snsico.--insta {
  background: url("/static/front/images/sns/sns_instar_20_white.svg") no-repeat;
}
.snsTab__grid__snsico.--pace {
  background: url("/static/front/images/sns/sns_facebook_20_white.svg") no-repeat;
}
.snsTab__grid__snsico.--youtub {
  background: url("/static/front/images/sns/sns_youtube_20_white.svg") no-repeat;
}
.snsTab__grid__snsico.--twit {
  background: url("/static/front/images/sns/sns_twiter_20_white.png") no-repeat;
}

@media (min-width: 1201px) {
  .submain__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .submain__section {
    padding-bottom: 80px;
  }
}
.submain__dimed {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
}
.submain__banner__section {
  overflow: hidden;
}
.submain__banner__list &gt; li + li {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .submain__banner__list &gt; li + li {
    margin-top: 12px;
  }
}
.submain__banner__list.--col2 + .submain__banner__list {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .submain__banner__list.--col2 + .submain__banner__list {
    margin-top: 12px;
  }
}
@media (min-width: 1201px) {
  .submain__banner__list.--col2 {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
  }
  .submain__banner__list.--col2 &gt; li {
    width: calc((100% - 80px) / 2);
    margin: 20px;
  }
  .submain__banner__list.--col2 .submain__banner__item__position {
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 30px 30px 40px;
  }
  .submain__banner__list.--col2 .submain__banner__item__position .tit-box {
    width: 100%;
  }
  .submain__banner__list.--col2 .submain__banner__item__position .link {
    margin-left: auto;
  }
}
.submain__banner__item {
  position: relative;
  height: 380px;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .submain__banner__item {
    height: 220px;
  }
}
.submain__banner__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.submain__banner__item__position .link {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-radius: 21px;
  background-color: #404040;
}
.submain__banner__item__position .link-txt {
  width: 100%;
}
@media (max-width: 1200px) {
  .submain__banner__item__position .link-txt {
    font-size: 13px;
  }
}
.submain__banner__item__position .link::after {
  content: "";
  flex-shrink: 0;
  margin-left: auto;
}
@media (min-width: 1201px) {
  .submain__banner__item__position {
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: space-between;
    width: 100%;
    padding: 0 60px 40px;
  }
  .submain__banner__item__position .tit {
    font-size: 34px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  }
  .submain__banner__item__position .tit-box {
    width: calc(100% - 200px);
  }
  .submain__banner__item__position .tit-box .sbtxt {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
  }
  .submain__banner__item__position .link {
    width: auto;
    height: 40px;
    padding: 0 20px;
  }
  .submain__banner__item__position .link-txt {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .submain__banner__item__position {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 30px 0;
  }
  .submain__banner__item__position .tit {
    display: -webkit-box;
    max-height: 80px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .submain__banner__item__position .tit-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 66px;
    text-align: center;
  }
  .submain__banner__item__position .tit-box .sbtxt {
    display: -webkit-box;
    max-height: 56px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .submain__banner__item__position .link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 40px;
    bottom: 30px;
    padding: 0 20px;
  }
  .submain__banner__item__position .link-txt {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (min-width: 1201px) {
  .submain__bbsList__section {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .submain__bbsList__section {
    margin-top: 40px;
  }
}
.submain__cardList__swiper__section {
  overflow: hidden;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .submain__cardList__swiper__section {
    width: calc(100% + 40px);
    margin: 0 -20px 24px;
  }
  .submain__cardList__swiper__section .swiper {
    padding: 0 20px;
  }
}
.submain__quote__msg {
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
}
@media (max-width: 1200px) {
  .submain__quote__msg {
    font-size: 16px;
  }
}
.submain__quote__msg__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .submain__quote__msg__section {
    margin-bottom: 40px;
  }
}
.submain__quote__msg__section::before {
  content: "";
}
@media (min-width: 1201px) {
  .submain__quote__msg__section::before {
    width: 46px;
    height: 36px;
    background: url(/static/front/images/obj/obj_quote_46x36.svg) no-repeat center/contain;
    margin-bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .submain__quote__msg__section::before {
    width: 28px;
    height: 22px;
    background: url(/static/front/images/obj/obj_quote_28x22.svg) no-repeat center/contain;
    margin-bottom: 14px;
  }
}
.submain__quote__banner__section {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .submain__quote__banner__list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
  }
  .submain__quote__banner__list &gt; li {
    width: calc((100% - 120px) / 3);
    height: 440px;
    margin: 20px;
  }
}
@media (max-width: 1200px) {
  .submain__quote__banner__list &gt; li + li {
    margin-top: 12px;
  }
}
.submain__quote__banner__item {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .submain__quote__banner__item {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1200px) {
  .submain__quote__banner__item {
    height: 174px;
  }
}
.submain__quote__banner__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.submain__quote__banner__item .txt {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
@media (min-width: 1201px) {
  .submain__quote__banner__item .txt {
    display: -webkit-box;
    max-height: 80px;
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .submain__quote__banner__item .txt {
    display: -webkit-box;
    max-height: 60px;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    text-align: center;
  }
}
.submain__quote__banner__item .txt-group {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1201px) {
  .submain__quote__banner__item .txt-group {
    display: flex;
    align-items: flex-end;
    padding: 0 34px 30px 34px;
  }
}
@media (max-width: 1200px) {
  .submain__quote__banner__item .txt-group {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
  }
}
.submain__quote__banner__item .position {
  position: absolute;
  display: block;
  top: 30px;
  right: 30px;
  z-index: 20;
}
.submain__quote__banner__item .position .link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 20px;
  background: #404040;
  border-radius: 20px;
}
.submain__quote__section .mainNew__banner__section.--type2 {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .submain__quote__section .mainNew__banner__section.--type2 {
    margin-bottom: 12px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .submain__quote__section .mainNew__banner__section.--type2 .mainNew__banner__group.--bg {
    height: 174px;
  }
}

@media (min-width: 1201px) {
  .food {
    padding: 0 0 120px;
  }
}
@media (max-width: 1200px) {
  .food {
    padding-bottom: 80px;
  }
  .food .listGrid__type01 .submain__flex__list:first-child img {
    object-position: 50% 75%;
  }
}
.food .submain__banner__section {
  overflow: revert;
}
.food .submain__banner__list {
  max-width: 1300px;
  margin: 60px auto;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .food .submain__banner__list {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .food .submain__banner__list {
    margin-top: 40px;
  }
}
.food .submain__banner__list &gt; li.--type00 .submain__banner__item {
  height: 600px;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item {
    height: 400px;
    margin-top: 0;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .tit {
    text-align: left;
    font-size: 28px;
    letter-spacing: -0.44px;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .tit-box {
    display: block;
    height: auto;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .tit-box .sbtxt {
    text-align: left;
    font-size: 16px;
    letter-spacing: -0.24px;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .subMain__visual__position .link {
    left: 0;
    transform: translateX(0);
    width: 90px;
    height: auto;
    bottom: 0;
    padding: 0;
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 24px;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .subMain__visual__position .link::after {
    margin-left: 0;
  }
  .food .submain__banner__list &gt; li.--type00 .submain__banner__item .subMain__visual__position .link-txt {
    font-size: 14px;
  }
}
.food .submain__banner__list &gt; li + li {
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .food .submain__banner__list {
    padding-top: 40px;
    margin: 0 20px;
  }
  .food .submain__banner__list &gt; li + li {
    margin-top: 40px;
  }
}
.food .subMain__visual__position .link {
  display: inline-block;
  border: none;
  width: 147px;
  height: 20px;
}
.food .subMain__visual__position .link-box {
  position: absolute;
  right: 0;
}
.food .subMain__visual__position .link-box .btn__arrow .txt {
  font-weight: 400;
  color: white;
}
.food .subMain__visual__position .link-box .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_main_arrow_right.svg);
}
@media (max-width: 1200px) {
  .food .subMain__visual__position .link-box {
    position: relative;
  }
  .food .subMain__visual__position .link-box .btn__arrow {
    justify-content: left;
    margin-top: 17px;
  }
}
.food .--type02 {
  height: 100%;
  border-radius: 18px;
  background-image: linear-gradient(100deg, #f4b2b2 6%, #fdcd80 51%, #eabf9f 95%);
}
.food .--type02 .submain__banner__item__bn {
  display: flex;
  padding: 50px;
  height: 260px;
  justify-content: space-between;
  flex-direction: column;
  background: url(/static/front/images/sub/icon_type2_bennar.png) no-repeat right/146px;
  background-position-x: calc(100% - 50px);
}
.food .--type02 .submain__banner__item__bn .tit {
  display: -webkit-box;
  max-height: 50px;
  font-size: 32px;
  font-weight: 800;
  color: #000;
  line-height: 50px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.food .--type02 .submain__banner__item__bn .tit-box .sbtxt {
  margin-top: 10px;
  display: -webkit-box;
  max-height: 56px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.food .--type02 .submain__banner__item__bn .link {
  width: 120px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.food .--type02 .submain__banner__item__bn .link-txt {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #303030;
  line-height: 1.4;
  letter-spacing: inherit;
}
.food .--type02 .submain__banner__item__bn .link::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_black.svg) no-repeat center/contain;
  display: inline-block;
}
@media (max-width: 1200px) {
  .food .--type02 {
    border-radius: 8px;
    background-image: linear-gradient(129deg, #f4b2b2 8%, #fdcd80 51%, #eabf9f 93%);
  }
  .food .--type02 .submain__banner__item__bn {
    padding: 24px;
    height: 298px;
    justify-content: flex-start;
    background-position-x: calc(100% - 20px);
    background-position-y: calc(100% - 20px);
  }
  .food .--type02 .submain__banner__item__bn .tit {
    display: -webkit-box;
    max-height: 36px;
    font-size: 24px;
    font-weight: 800;
    color: #000;
    line-height: 36px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .food .--type02 .submain__banner__item__bn .tit-box .sbtxt {
    margin-top: 8px;
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .food .--type02 .submain__banner__item__bn .link {
    margin-top: 12px;
  }
  .food .--type02 .submain__banner__item__bn .link-txt {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.food .--type03 {
  height: 100%;
  border-radius: 18px;
  background-color: #fdcd80;
}
.food .--type03 .mo {
  display: none;
}
@media (max-width: 1200px) {
  .food .--type03 {
    border-radius: 8px;
  }
  .food .--type03 .mo {
    display: block;
  }
}
.food .--type03 .submain__banner__item__col2 {
  padding: 50px;
}
.food .--type03 .submain__banner__item__col2 .tit {
  display: -webkit-box;
  max-height: 50px;
  font-size: 32px;
  font-weight: 800;
  color: #000;
  line-height: 50px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.food .--type03 .submain__banner__item__col2 .tit-box {
  text-align: center;
}
.food .--type03 .submain__banner__item__col2 .tit-box .sbtxt {
  margin-top: 10px;
  display: -webkit-box;
  max-height: 56px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .food .--type03 .submain__banner__item__col2 {
    padding: 24px;
  }
  .food .--type03 .submain__banner__item__col2 .tit {
    display: -webkit-box;
    max-height: 36px;
    font-size: 24px;
    font-weight: 800;
    color: #000;
    line-height: 36px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .food .--type03 .submain__banner__item__col2 .tit-box {
    text-align: center;
  }
  .food .--type03 .submain__banner__item__col2 .tit-box .sbtxt {
    margin-top: 8px;
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.food .--type03 .submain__banner__item__col2 &gt; ul {
  margin-top: 40px;
  display: flex;
}
.food .--type03 .submain__banner__item__col2 &gt; ul &gt; li {
  flex: 1;
  padding: 50px;
  border-radius: 18px;
  background-color: #fff;
  height: 295px;
  text-align: center;
}
.food .--type03 .submain__banner__item__col2 &gt; ul &gt; li + li {
  margin-left: 30px;
}
.food .--type03 .submain__banner__item__col2 &gt; ul &gt; li .logo-img {
  height: 120px;
  width: 0 auto;
}
.food .--type03 .submain__banner__item__col2 &gt; ul &gt; li .logo-img img {
  height: 100%;
}
.food .--type03 .submain__banner__item__col2 &gt; ul &gt; li &gt; p {
  display: -webkit-box;
  max-height: 40px;
  font-size: 28px;
  font-weight: 800;
  color: #000;
  line-height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-top: 34px;
  letter-spacing: -0.28px;
}
@media (max-width: 1200px) {
  .food .--type03 .submain__banner__item__col2 &gt; ul {
    margin-top: 16px;
  }
  .food .--type03 .submain__banner__item__col2 &gt; ul &gt; li {
    padding: 20px;
    border-radius: 6px;
    height: auto;
    text-align: center;
  }
  .food .--type03 .submain__banner__item__col2 &gt; ul &gt; li + li {
    margin-left: 12px;
  }
  .food .--type03 .submain__banner__item__col2 &gt; ul &gt; li .logo-img {
    height: 70px;
  }
  .food .--type03 .submain__banner__item__col2 &gt; ul &gt; li &gt; p {
    display: -webkit-box;
    max-height: 60px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 14px;
  }
}

.listGrid__type01 {
  display: flex;
}
.listGrid__type01 .submain__flex__list {
  flex: 2;
}
@media (max-width: 1200px) {
  .listGrid__type01 .submain__flex__list {
    flex: 1;
  }
}
.listGrid__type01 .submain__flex__list + .submain__flex__list {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .listGrid__type01 .submain__flex__list + .submain__flex__list {
    margin-left: 0;
  }
}
.listGrid__type01 .submain__flex__list:first-child {
  height: 556px;
  flex: 0 0 330px;
}
.listGrid__type01 .submain__flex__list:first-child .submain__banner__item {
  height: 100%;
}
.listGrid__type01 .submain__flex__list:first-child .submain__banner__item .submain__dimed {
  top: 0;
  bottom: auto;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
}
.listGrid__type01 .submain__flex__list:first-child .submain__banner__item .tit-box {
  flex-direction: column;
  align-items: flex-start;
  bottom: auto;
  top: 0;
  padding: 60px 50px 0;
}
.listGrid__type01 .submain__flex__list:first-child .submain__banner__item .tit-box .tit {
  font-size: 30px;
}
@media (max-width: 1200px) {
  .listGrid__type01 .submain__flex__list:first-child .submain__banner__item .tit-box {
    padding: 25px 16px 0;
  }
  .listGrid__type01 .submain__flex__list:first-child .submain__banner__item .tit-box .tit {
    font-size: 19px;
  }
}
@media (min-width: 1201px) {
  .listGrid__type01 .submain__flex__list &gt; ul {
    display: flex;
    flex-wrap: wrap;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li {
    width: calc(50% - 10px);
  }
  .listGrid__type01 .submain__flex__list &gt; ul li + li {
    margin-left: 20px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li:nth-child(3) {
    margin-left: 0;
    margin-top: 20px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li:nth-child(4) {
    margin-top: 20px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li .submain__banner__item {
    height: 268px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li .submain__banner__item + .submain__banner__item {
    margin-left: 20px;
  }
  .listGrid__type01 .submain__flex__list .tit {
    display: -webkit-box;
    max-height: 68px;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 34px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .listGrid__type01 .submain__flex__list .tit-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 30px 30px;
  }
}
@media (min-width: 1201px) and (min-width: 1201px) {
  .listGrid__type01 .submain__flex__list .tit-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1201px) {
  .listGrid__type01 .submain__flex__list .tit-box .link-box .btn__arrow::after {
    background-image: url(/static/front/images/ico/ico_main_arrow_right.svg);
  }
  .listGrid__type01 .submain__flex__list .tit-box .link-box .btn__arrow .txt {
    color: #fff;
  }
  .listGrid__type01 .submain__flex__list .tit-box .sbtxt {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
  }
}
@media (max-width: 1200px) {
  .listGrid__type01 {
    flex-direction: column;
  }
  .listGrid__type01 .submain__flex__list:first-child {
    flex: 1;
  }
  .listGrid__type01 .submain__flex__list:first-child .submain__banner__item {
    height: 121px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li {
    width: calc(50% - 10px);
  }
  .listGrid__type01 .submain__flex__list &gt; ul li + li {
    margin-left: 16px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li:nth-child(3) {
    margin-left: 0;
    margin-top: 16px;
  }
  .listGrid__type01 .submain__flex__list &gt; ul li:nth-child(4) {
    margin-top: 16px;
  }
  .listGrid__type01 .submain__banner__item {
    border-radius: 8px;
    height: 110px;
  }
  .listGrid__type01 .tit {
    display: -webkit-box;
    max-height: 40px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .listGrid__type01 .tit-box {
    position: absolute;
    text-align: left;
    padding: 0 12px 12px;
    bottom: 0;
  }
  .listGrid__type01 .tit-box .sbtxt {
    display: -webkit-box;
    max-height: 56px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .listGrid__type01 .tit-box .link-box {
    margin-top: 5px;
  }
  .listGrid__type01 .tit-box .link-box .btn__arrow {
    justify-content: flex-start;
  }
  .listGrid__type01 .tit-box .link-box .btn__arrow::after {
    background-image: url(/static/front/images/ico/ico_main_arrow_right.svg);
  }
  .listGrid__type01 .tit-box .link-box .btn__arrow .txt {
    color: #fff;
  }
}

@media (min-width: 1201px) {
  .list__type1__search__section {
    padding: 30px 20px;
    background: #fff;
    border-radius: 18px;
  }
}
@media (min-width: 1201px) {
  .list__type1__search__group {
    display: flex;
    flex-wrap: wrap;
  }
  .list__type1__search__group &gt; li.select {
    width: 380px;
  }
  .list__type1__search__group &gt; li.date {
    width: calc(100% - 380px);
    padding-left: 10px;
  }
  .list__type1__search__group &gt; li.full {
    width: 100%;
    margin-top: 10px;
  }
  .list__type1__search__group &gt; li.col2 {
    width: 50%;
  }
  .list__type1__search__group &gt; li.col2 + .col2 {
    padding-left: 10px;
  }
}
@media (max-width: 1200px) {
  .list__type1__search__group &gt; li + li {
    margin-top: 8px;
  }
}
@media (min-width: 1201px) {
  .list__type1__info__section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media (max-width: 1200px) {
  .list__type1__info__section {
    border-top: 1px solid #e0e0e0;
    margin-top: 24px;
    padding-top: 24px;
  }
}
@media (min-width: 1201px) {
  .list__type1__info__section .count {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 1200px) {
  .list__type1__info__section .count {
    margin-top: 14px;
  }
}
.list__type1__info__section .count-txt {
  display: flex;
  align-items: center;
}
.list__type1__info__section .count-txt &gt; span {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.list__type1__info__section .count-txt &gt; span.point {
  color: #ff7062;
}
.list__type1__info__section .count-txt &gt; span + .point {
  margin-left: 8px;
}
@media (max-width: 1200px) {
  .list__type1__info__section .count-txt &gt; span {
    font-size: 14px;
  }
}
.list__type1__info__section .count-txt + .count-txt {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .list__type1__info__section .count-txt.--page {
    display: none;
  }
}
@media (min-width: 1201px) {
  .list__type2__search__group {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
  }
  .list__type2__search__group &gt; li {
    width: calc((100% - 20px) / 2);
    margin: 5px;
  }
  .list__type2__search__group &gt; li .datepicker__range__group .datepicker-picker {
    width: 383px;
  }
}
@media (max-width: 1200px) {
  .list__type2__search__group &gt; li + li {
    margin-top: 8px;
  }
}
.list__type2__info__section {
  position: relative;
}
@media (min-width: 1201px) {
  .list__type2__info__group {
    height: 130px;
  }
}
.list__type2__info__group &gt; li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1201px) {
  .list__type2__info__group &gt; li + li {
    border-top: 1px solid #e0e0e0;
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li + li {
    margin-top: 14px;
  }
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .sorting {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .list__type2__info__group &gt; li .sorting + .count {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .sorting + .count {
    display: none;
  }
}
.list__type2__info__group &gt; li .count-txt {
  display: flex;
  align-items: center;
}
.list__type2__info__group &gt; li .count-txt &gt; span {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.list__type2__info__group &gt; li .count-txt &gt; span.point {
  color: #ff7062;
}
.list__type2__info__group &gt; li .count-txt &gt; span + .point {
  margin-left: 8px;
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .count-txt &gt; span {
    font-size: 14px;
  }
}
.list__type2__info__group &gt; li .count-txt + .count-txt {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .count-txt.--page {
    display: none;
  }
}
@media (min-width: 1201px) {
  .list__type2__info__group &gt; li .btn {
    width: 136px;
    height: 48px;
  }
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .btn {
    width: 16px;
    height: 16px;
  }
}
.list__type2__info__group &gt; li .btn-filter {
  width: 100%;
  height: 100%;
}
.list__type2__info__group &gt; li .btn-filter::before {
  background: url(/static/front/images/ico/ico_filter_16_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
}
.list__type2__info__group &gt; li .btn-filter.is-active {
  background: #ff7062;
  border-color: #ff7062;
}
.list__type2__info__group &gt; li .btn-filter.is-active .txt {
  color: #fff;
}
.list__type2__info__group &gt; li .btn-filter.is-active::before {
  background-image: url(/static/front/images/ico/ico_filter_16_white.svg);
}
@media (min-width: 1201px) {
  .list__type2__info__group &gt; li .btn-filter {
    border: 1px solid #000;
    padding: 0 10px;
    background: #fff;
    border-radius: 10px;
  }
  .list__type2__info__group &gt; li .btn-filter .txt {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list__type2__info__group &gt; li .btn-filter::before {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}
@media (max-width: 1200px) {
  .list__type2__info__group &gt; li .btn-filter .txt {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
  }
  .list__type2__info__group &gt; li .btn-filter::before {
    width: 100%;
    height: 100%;
  }
}
.list__filter__type1__section {
  display: none;
  width: 100%;
  background: #fff;
  z-index: 1000;
}
.list__filter__type1__section.is-active {
  display: block;
}
@media (min-width: 1201px) {
  .list__filter__type1__section {
    position: absolute;
    top: 145px;
    left: 0;
    border-radius: 10px;
    box-shadow: 0px 2px 15px 5px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1200px) {
  .list__filter__type1__section {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.list__filter__type1__group {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .list__filter__type1__group {
    max-height: 60vh;
  }
}
@media (max-width: 1200px) {
  .list__filter__type1__group {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}
.list__filter__type1__header {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  flex-shrink: 0;
  position: relative;
  height: 60px;
}
.list__filter__type1__header .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.list__filter__type1__header button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.list__filter__type1__header button.reset {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
  left: 20px;
}
.list__filter__type1__header button.close {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_X_24_black.svg) no-repeat center/contain;
  right: 20px;
}
.list__filter__type1__header button.close span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (min-width: 1201px) {
  .list__filter__type1__header {
    display: none;
  }
}
.list__filter__type1__conts {
  flex-grow: 1;
  overflow-y: auto;
}
@media (min-width: 1201px) {
  .list__filter__type1__conts {
    padding: 30px 50px 0;
  }
}
@media (max-width: 1200px) {
  .list__filter__type1__conts {
    padding: 24px 20px 0;
  }
}
.list__filter__type1__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .list__filter__type1__bottom {
    height: 100px;
  }
}
@media (max-width: 1200px) {
  .list__filter__type1__bottom {
    height: 114px;
    padding: 0 20px;
  }
}
.list__filter__type1__bottom .btn {
  height: 50px;
  padding: 0 20px;
  background: #fff;
  border-radius: 13px;
}
.list__filter__type1__bottom .btn .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.list__filter__type1__bottom .btn.--search {
  width: 320px;
  background: #000;
}
.list__filter__type1__bottom .btn.--search .txt {
  font-weight: 800;
  color: #fff;
}
@media (max-width: 1200px) {
  .list__filter__type1__bottom .btn.--search {
    width: 100%;
  }
}
.list__filter__type1__bottom .btn.--reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #000;
  right: 50px;
  display: flex;
  width: 140px;
}
.list__filter__type1__bottom .btn.--reset::before {
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_reset_15_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin: 3px 8px 0 0;
}
@media (max-width: 1200px) {
  .list__filter__type1__bottom .btn.--reset {
    display: none;
  }
}
.list__filter__type2 {
  display: none;
}
.list__filter__type2.is-active {
  display: block;
}
@media (max-width: 1200px) {
  .list__filter__type2.is-active {
    height: 100vh;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20000;
  }
  .list__filter__type2.is-active .dim::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #000;
    opacity: 0.4;
    animation: popupDimbg 0.5s;
  }
}
.list__filter__type2__section {
  position: absolute;
  width: 420px;
  height: max-content;
  background: #fff;
  z-index: 10;
}
@media (min-width: 1201px) {
  .list__filter__type2__section {
    top: 60px;
    right: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 1200px) {
  .list__filter__type2__section {
    width: 100%;
    height: max-content;
    max-height: 95%;
    bottom: 0;
    overflow: hidden;
    border-radius: 22px 22px 0 0;
  }
}
.list__filter__type2__group {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.list__filter__type2__header {
  display: flex;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  height: auto;
  margin-top: 30px;
  padding-left: 20px;
}
.list__filter__type2__header .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.list__filter__type2__header button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.list__filter__type2__header button.close {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_X_24_black.svg) no-repeat center/contain;
  right: 20px;
}
.list__filter__type2__header button.close span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (min-width: 1201px) {
  .list__filter__type2__header {
    display: none;
  }
}
.list__filter__type2__conts {
  flex-grow: 1;
  overflow-y: auto;
}
.list__filter__type2__conts.pd0 {
  padding: 0;
}
.list__filter__type2__conts .list__filter__ckbox__title {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 16px;
}
.list__filter__type2__conts .list__filter__ckbox__title + .list__filter__ckbox__group {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .list__filter__type2__conts .list__filter__ckbox__title + .list__filter__ckbox__group {
    overflow-y: auto;
    height: 50vh;
  }
}
.list__filter__type2__conts .ipt__ckbox__square__group {
  height: 37px;
}
.list__filter__type2__conts .ipt__ckbox__square__group input[type=checkbox]:checked + label {
  background: #000;
  border-color: #000;
}
.list__filter__type2__conts .ipt__ckbox__square__group input[type=checkbox] + label {
  width: auto;
  position: relative;
  border-radius: 25px;
  border: solid 1px #bbb;
  padding: 0 16px;
}
.list__filter__type2__conts .ipt__ckbox__square__group input[type=checkbox] + label .txt {
  color: #bbb;
  padding-right: 0;
}
.list__filter__type2__conts .list__filter__ckbox__list &gt; li {
  width: auto;
  margin: 7px 5px;
}
@media (min-width: 1201px) {
  .list__filter__type2__conts {
    padding: 25px 23px 0;
  }
}
@media (max-width: 1200px) {
  .list__filter__type2__conts {
    padding: 24px 20px 0;
  }
}
.list__filter__type2__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .list__filter__type2__bottom {
    height: 100px;
  }
}
@media (max-width: 1200px) {
  .list__filter__type2__bottom {
    height: 114px;
    padding: 0 20px;
  }
}
.list__filter__type2__bottom .btn__default {
  height: 50px;
  padding: 0 20px;
  border-radius: 13px;
  max-width: max-content;
}
.list__filter__type2__bottom .btn__default .txt {
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.list__filter__text {
  margin-bottom: 12px;
}
.list__filter__ckbox__section .ckbox-maintit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 26px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .list__filter__ckbox__section .ckbox-maintit {
    font-size: 18px;
    line-height: 22px;
  }
}
.list__filter__ckbox__section .ckbox-subtit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .list__filter__ckbox__section .ckbox-subtit {
    margin-bottom: 4px;
    font-size: 14px;
  }
}
.list__filter__ckbox__section .ckbox-all {
  margin-left: auto;
}
.list__filter__ckbox__area ~ .list__filter__ckbox__area {
  margin-top: 40px;
}
.list__filter__ckbox__group {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .list__filter__ckbox__group ~ .list__filter__ckbox__group {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .list__filter__ckbox__group ~ .list__filter__ckbox__group {
    margin-top: 12px;
  }
}
.list__filter__ckbox__title {
  display: flex;
  align-items: flex-end;
}
.list__filter__ckbox__title + .list__filter__ckbox__group {
  margin-top: 20px;
}
.list__filter__ckbox__list {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .list__filter__ckbox__list {
    margin: -5px;
  }
}
@media (max-width: 1200px) {
  .list__filter__ckbox__list {
    margin: -5px -4px;
  }
}
@media (min-width: 1201px) {
  .list__filter__ckbox__list &gt; li {
    width: calc((100% - 70px) / 7);
    margin: 5px;
  }
}
@media (max-width: 1200px) {
  .list__filter__ckbox__list &gt; li {
    width: calc((100% - 16px) / 2);
    margin: 5px 4px;
  }
}

.card__type1__section {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .card__type1__list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
  }
  .card__type1__list &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .card__type1__list &gt; li + li {
    margin-top: 8px;
  }
}
.card__type1__item {
  border: 1px solid #e0e0e0;
  display: block;
  background: #fff;
  border-radius: 18px;
  height: 100%;
}
@media (min-width: 1201px) {
  .card__type1__item {
    padding: 24px;
  }
}
@media (max-width: 1200px) {
  .card__type1__item {
    padding: 12px 12px 16px;
  }
}
.card__type1__item .thumbnail {
  width: 100%;
  height: 131px;
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.card__type1__item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.card__type1__item .thumbnail .btnLike {
  position: absolute;
  bottom: 10px;
  right: 12px;
}
.card__type1__item .title {
  position: relative;
}
@media (min-width: 1201px) {
  .card__type1__item .title {
    height: 50px;
    margin-top: 14px;
    padding-right: 24px;
  }
}
@media (max-width: 1200px) {
  .card__type1__item .title {
    height: 44px;
    margin-top: 12px;
    padding: 0 36px 0 8px;
  }
  .card__type1__item .title + .subTit2 {
    margin-top: 6px;
  }
}
@media (min-width: 1201px) {
  .card__type1__item .title p {
    display: -webkit-box;
    max-height: 50px;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    line-height: 25px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .card__type1__item .title p {
    display: -webkit-box;
    max-height: 44px;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.card__type1__item .title::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
}
@media (max-width: 1200px) {
  .card__type1__item .title::after {
    right: 8px;
  }
}
.card__type1__item .title + .subTit2 {
  margin-top: 8px;
}
.card__type1__item .subTit {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 12px;
  height: 16px;
}
.card__type1__item .subTit + .title {
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .card__type1__item .subTit {
    padding: 0 8px;
  }
  .card__type1__item .subTit + .title {
    margin-top: 6px;
  }
}
@media (min-width: 1201px) {
  .card__type1__item .subTit2 p {
    display: -webkit-box;
    max-height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .card__type1__item .subTit2 p {
    display: -webkit-box;
    max-height: 40px;
    font-size: 15px;
    font-weight: 400;
    color: #707070;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.card__type1__item .subTit2 + .foot {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .card__type1__item .subTit2 {
    padding: 0 8px;
  }
  .card__type1__item .subTit2 + .foot {
    margin-top: 13px;
  }
}
.card__type1__item .foot &gt; ul {
  display: flex;
  justify-content: space-between;
}
.card__type1__item .foot &gt; ul &gt; li {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.card__type1__item .foot &gt; ul &gt; li.like {
  color: #ff7062;
  display: flex;
  align-items: center;
}
.card__type1__item .foot &gt; ul &gt; li.like::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_like_15_pink.svg) no-repeat center/contain;
}
@media (max-width: 1200px) {
  .card__type1__item .foot {
    padding: 0 8px;
  }
}
.card__type1__item .couponTit {
  position: relative;
  margin-top: 12px;
}
@media (min-width: 1201px) {
  .card__type1__item .couponTit {
    height: 57px;
    padding-right: 24px;
  }
}
@media (max-width: 1200px) {
  .card__type1__item .couponTit {
    height: 47px;
    padding: 0 36px 0 8px;
  }
}
.card__type1__item .couponTit &gt; p {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 22px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .card__type1__item .couponTit &gt; p {
    font-size: 16px;
    line-height: 20px;
  }
}
.card__type1__item .couponTit::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
}
@media (max-width: 1200px) {
  .card__type1__item .couponTit::after {
    right: 8px;
  }
}
.card__type1__item .info {
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  .card__type1__item .info {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .card__type1__item .info {
    margin-top: 12px;
    padding: 0 8px;
  }
}
.card__type1__item .info p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
.card__type1__item .info p.date + .view {
  margin-left: 12px;
}
.card__type1__item .info p.view {
  display: flex;
  align-items: center;
}
.card__type1__item .info p.view::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-right: 4px;
}
.card__type1__item .theme {
  margin-top: 14px;
}
@media (max-width: 1200px) {
  .card__type1__item .theme {
    margin-top: 12px;
    padding: 0 8px;
  }
}
.card__type1__item .theme &gt; p {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.card__type1__item .theme &gt; p span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .card__type1__item .theme &gt; p span {
    font-size: 12px;
  }
}
.card__type1__item .theme &gt; p span.tit {
  flex-shrink: 0;
  width: 70px;
  padding-right: 6px;
}
@media (max-width: 1200px) {
  .card__type1__item .theme &gt; p span.tit {
    width: 54px;
    padding-right: 4px;
  }
}
.card__type1__item .theme &gt; p span.txt {
  color: #404040;
}
.card__type1__item .theme &gt; p + p {
  margin-top: 6px;
}
@media (max-width: 1200px) {
  .card__type1__item .theme &gt; p + p {
    margin-top: 4px;
  }
}
.card__type1__item .price {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .card__type1__item .price {
    margin-top: 10px;
    padding: 0 8px;
  }
}
.card__type1__item .price p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.card__type1__item .price p.krw {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  flex-shrink: 0;
  max-width: 70%;
}
@media (max-width: 1200px) {
  .card__type1__item .price p.krw {
    font-size: 14px;
    line-height: 18px;
  }
}
.card__type1__item .price p.etc {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 18px;
  letter-spacing: inherit;
  padding-left: 6px;
}
@media (max-width: 1200px) {
  .card__type1__item .price p.etc {
    padding-left: 4px;
    font-size: 12px;
    line-height: 16px;
  }
}

.bbsList__title__group {
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .bbsList__title__group {
    margin-bottom: 16px;
  }
}
.bbsList__title__group .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .bbsList__title__group .title {
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 37px;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .bbsList__title__group .title {
    font-size: 22px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 27px;
    letter-spacing: inherit;
  }
}
.bbsList__title__group .more {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: auto;
}
.bbsList__title__group .more::after {
  content: "";
}
@media (min-width: 1201px) {
  .bbsList__title__group .more {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 22px;
    letter-spacing: inherit;
  }
  .bbsList__title__group .more::after {
    width: 12px;
    height: 12px;
    background: url(/static/front/images/ico/ico_arrowRight_12_salmon.svg) no-repeat center/contain;
    margin: 0 0 2px 4px;
  }
}
@media (max-width: 1200px) {
  .bbsList__title__group .more {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 20px;
    letter-spacing: inherit;
  }
  .bbsList__title__group .more::after {
    width: 10px;
    height: 10px;
    background: url(/static/front/images/ico/ico_arrowRight_10_salmon.svg) no-repeat center/contain;
    margin: 0 0 3px 4px;
  }
}
@media (min-width: 1201px) {
  .bbsList__list__type1__section {
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type1__section .swiper {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
}
.bbsList__list__type1__item {
  border: 1px solid #e0e0e0;
  position: relative;
  display: block;
  padding: 30px;
  background: #fff;
  border-radius: 13px;
  height: 100%;
}
@media (max-width: 1200px) {
  .bbsList__list__type1__item {
    padding: 20px;
  }
}
@media (min-width: 1201px) {
  .bbsList__list__type1__item .title {
    display: -webkit-box;
    max-height: 56px;
    font-size: 22px;
    font-weight: 800;
    color: #404040;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding-right: 30px;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type1__item .title {
    display: -webkit-box;
    max-height: 44px;
    font-size: 16px;
    font-weight: 800;
    color: #404040;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (min-width: 1201px) {
  .bbsList__list__type1__item .title-group {
    display: flex;
  }
}
.bbsList__list__type1__item .info-list {
  display: flex;
  align-items: center;
}
.bbsList__list__type1__item .info-list &gt; li p {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 22px;
  letter-spacing: inherit;
}
.bbsList__list__type1__item .info-list &gt; li p.view::before {
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
  content: "";
}
@media (min-width: 1201px) {
  .bbsList__list__type1__item .info-list &gt; li {
    height: 22px;
  }
  .bbsList__list__type1__item .info-list &gt; li p.view::before {
    width: 22px;
    height: 22px;
    margin-right: 2px;
  }
  .bbsList__list__type1__item .info-list &gt; li + li {
    margin-left: 12px;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type1__item .info-list &gt; li {
    height: 17px;
  }
  .bbsList__list__type1__item .info-list &gt; li p {
    font-size: 13px;
    line-height: 16px;
  }
  .bbsList__list__type1__item .info-list &gt; li p.view::before {
    width: 17px;
    height: 17px;
    margin-right: 4px;
  }
  .bbsList__list__type1__item .info-list &gt; li + li {
    margin-left: 20px;
  }
}
@media (min-width: 1201px) {
  .bbsList__list__type1__item .info {
    flex-shrink: 0;
    margin-left: auto;
    padding-top: 3px;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type1__item .info {
    margin-top: 14px;
  }
}
@media (min-width: 1201px) {
  .bbsList__list__type1__item .desc {
    display: -webkit-box;
    max-height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 18px;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type1__item .desc {
    display: -webkit-box;
    max-height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 14px;
  }
}
.bbsList__list__type2__section {
  border-top: 1px solid #000;
}
.bbsList__list__type2__list &gt; li {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .bbsList__list__type2__list &gt; li {
    padding: 30px 0;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type2__list &gt; li {
    padding: 20px 0;
  }
}
.bbsList__list__type2__item {
  width: 100%;
}
@media (min-width: 1201px) {
  .bbsList__list__type2__item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type2__item {
    display: flex;
    flex-direction: column;
  }
}
.bbsList__list__type2__item .title {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-left: 40px;
}
@media (max-width: 1200px) {
  .bbsList__list__type2__item .title {
    margin-bottom: 12px;
    padding-left: 0;
  }
}
.bbsList__list__type2__item .date {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .bbsList__list__type2__item .date {
    margin-left: auto;
    padding: 0 40px;
    font-size: 14px;
  }
}
.bbsList__list__type3__list &gt; li {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .bbsList__list__type3__list &gt; li {
    padding: 30px 0;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type3__list &gt; li {
    padding: 20px 0;
  }
}
.bbsList__list__type3__headbox {
  width: 100%;
  height: 80px;
  border: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 18px;
  text-align: center;
}
.bbsList__list__type3__headbox &gt; li {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.bbsList__list__type3__headbox &gt; li:nth-child(1) {
  flex: 0 0 10%;
}
.bbsList__list__type3__headbox &gt; li:nth-child(2) {
  flex: 0 0 60%;
}
.bbsList__list__type3__headbox &gt; li:nth-child(3) {
  flex: 0 0 15%;
}
.bbsList__list__type3__headbox &gt; li:nth-child(4) {
  flex: 0 0 15%;
}
@media (max-width: 1200px) {
  .bbsList__list__type3__headbox &gt; li {
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .bbsList__list__type3__headbox &gt; li:nth-child(1) {
    flex: 0 0 15%;
  }
  .bbsList__list__type3__headbox &gt; li:nth-child(2) {
    flex: 0 0 40%;
  }
  .bbsList__list__type3__headbox &gt; li:nth-child(3) {
    flex: 0 0 10%;
  }
  .bbsList__list__type3__headbox &gt; li:nth-child(4) {
    flex: 0 0 35%;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type3__headbox {
    width: 100%;
    height: 48px;
    border-radius: 13px;
  }
}
.bbsList__list__type3__item {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.bbsList__list__type3__item &gt; li {
  padding: 0 10px;
}
.bbsList__list__type3__item &gt; li:nth-child(1) {
  flex: 0 0 10%;
}
.bbsList__list__type3__item &gt; li:nth-child(2) {
  flex: 0 0 60%;
}
.bbsList__list__type3__item &gt; li:nth-child(3) {
  flex: 0 0 15%;
}
.bbsList__list__type3__item &gt; li:nth-child(4) {
  flex: 0 0 15%;
}
@media (max-width: 1200px) {
  .bbsList__list__type3__item &gt; li:nth-child(1) {
    flex: 0 0 15%;
  }
  .bbsList__list__type3__item &gt; li:nth-child(2) {
    flex: 0 0 40%;
  }
  .bbsList__list__type3__item &gt; li:nth-child(3) {
    flex: 0 0 10%;
  }
  .bbsList__list__type3__item &gt; li:nth-child(4) {
    flex: 0 0 35%;
  }
}
.bbsList__list__type3__item .number {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .bbsList__list__type3__item .number {
    text-align: center;
  }
}
.bbsList__list__type3__item .title {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.bbsList__list__type3__item .btn__down {
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .bbsList__list__type3__item .btn__down {
    padding: 0 20px;
  }
}
.bbsList__list__type3__item .date {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .bbsList__list__type3__item .date {
    margin-left: auto;
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .bbsList__list__type3__item .date {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .bbsList__swiper {
    margin: -6px 0;
  }
}
@media (min-width: 1201px) {
  .bbsList__swiper .bbsList__list__type1__item {
    margin: 6px 0;
  }
}
@media (min-width: 1201px) {
  .bbsList__swiper .swiper-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .bbsList__swiper .swiper-pagination {
    display: none;
  }
}
@media (max-width: 1200px) {
  .bbsList__swiper .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 24px;
  }
  .bbsList__swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px !important;
    background: #e0e0e0;
    opacity: 1;
  }
  .bbsList__swiper .swiper-pagination-bullet-active {
    background: #ff7062;
  }
}

.editor__type1__section {
  overflow: hidden;
}
.editor__type1__list &gt; li {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .editor__type1__list &gt; li {
    padding: 30px 0;
  }
}
@media (max-width: 1200px) {
  .editor__type1__list &gt; li {
    padding: 24px 0;
  }
}
.editor__type1__list &gt; li:first-of-type {
  padding-top: 0;
}
@media (min-width: 1201px) {
  .editor__type1__item {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .editor__type1__item {
    display: flex;
    flex-direction: column;
  }
}
.editor__type1__item__img {
  border-radius: 18px;
  overflow: hidden;
}
.editor__type1__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .editor__type1__item__img {
    width: 350px;
    height: 250px;
  }
}
@media (max-width: 1200px) {
  .editor__type1__item__img {
    width: 100%;
    height: 220px;
  }
}
@media (min-width: 1201px) {
  .editor__type1__item__img + .editor__type1__item__text {
    padding-left: 50px;
  }
}
@media (max-width: 1200px) {
  .editor__type1__item__img + .editor__type1__item__text {
    margin-top: 20px;
  }
}
.editor__type1__item__text {
  flex-grow: 1;
}

.toggle .tglPopup {
  z-index: 9;
  display: none;
  position: relative;
  width: 100%;
  max-width: 580px;
  padding: 30px;
  border-radius: 10px;
  background: #404040;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  -webkit-box-shadow: 0 10px 21px -2px rgba(50, 51, 42, 0.2);
  box-shadow: 0 10px 21px -2px rgba(50, 51, 42, 0.2);
}
@media (max-width: 1200px) {
  .toggle .tglPopup {
    padding: 15px;
  }
}
.toggle .tglPopup .point {
  color: #ff7062;
}
.toggle .tglPopup.show {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
}
@media (max-width: 1200px) {
  .toggle .tglPopup.show {
    top: 50px;
  }
}
.toggle .tglPopup::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  display: block;
  width: 15px;
  height: 15px;
  background: #404040;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination.--pc &gt; li {
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 2;
  letter-spacing: inherit;
  border-radius: 4px;
  justify-items: center;
  text-align: center;
}
.pagination.--pc &gt; li + li {
  margin-left: 4px;
}
.pagination.--pc &gt; li.active {
  background: #707070;
  color: #fff;
}
.pagination.--pc .prev, .pagination.--pc .next, .pagination.--pc .start, .pagination.--pc .end {
  width: 32px;
  height: 32px;
}
.pagination.--pc .prev span, .pagination.--pc .next span, .pagination.--pc .start span, .pagination.--pc .end span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.pagination.--pc .next {
  background: url(/static/front/images/ico/icon_naviArrow_32_gray_1_1.svg) no-repeat center/contain;
}
.pagination.--pc .prev {
  background: url(/static/front/images/ico/icon_naviArrow_32_gray_1_2.svg) no-repeat center/contain;
}
.pagination.--pc .start {
  background: url(/static/front/images/ico/icon_naviArrow_32_gray_2_2.svg) no-repeat center/contain;
}
.pagination.--pc .end {
  background: url(/static/front/images/ico/icon_naviArrow_32_gray_2_1.svg) no-repeat center/contain;
}
@media (max-width: 1200px) {
  .pagination.--pc {
    display: none;
  }
}
@media (min-width: 1201px) {
  .pagination.--mo {
    display: none;
  }
}
@media (max-width: 1200px) {
  .pagination.--mo {
    display: block;
  }
  .pagination.--mo .btn__default {
    max-width: 100%;
    height: 50px;
    border-radius: 13px;
  }
  .pagination.--mo .btn__default .txt {
    font-size: 16px;
  }
}

@media (min-width: 1201px) {
  .subMain1 .subMain__section {
    padding-top: 10px;
  }
}
@media (min-width: 1201px) {
  .subMain__section {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .subMain__section {
    padding-bottom: 80px;
  }
}
@media (min-width: 1201px) {
  .subMain1 .subMain__conts__list &gt; li {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .subMain1 .subMain__conts__list &gt; li {
    margin-top: 32px;
  }
}
.subMain2 .subMain__conts__list {
  max-width: 1300px;
  margin: 0 auto;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain2 .subMain__conts__list {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain2 .subMain__conts__list {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain2 .subMain__conts__list &gt; li:first-of-type {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain2 .subMain__conts__list &gt; li:first-of-type {
    margin-top: 40px;
  }
}
.subMain2 .subMain__conts__list &gt; li + li {
  margin-top: 40px;
}
.subMain2 .subMain__conts__list.--type2 {
  max-width: 100%;
  padding: 0;
}
@media (min-width: 1201px) {
  .subMain2 .subMain__conts__list.--type2 &gt; li + li {
    margin-top: 60px;
  }
}
.subMain__title {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .subMain__title {
    font-size: 24px;
  }
}
.subMain__desc {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .subMain__desc {
    font-size: 16px;
  }
}
.subMain__title + .subMain__desc {
  margin-top: 4px;
}
.subMain__visual__section {
  position: relative;
  overflow: hidden;
}
.subMain__visual__section &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__visual__section::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 1201px) {
  .subMain__visual__section.--type1 {
    width: 100%;
    height: 540px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__section.--type1 {
    width: 100%;
    height: 400px;
    border-radius: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__visual__section.--type2 {
    width: 100%;
    height: 550px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__section.--type2 {
    width: 100%;
    height: 492px;
  }
  .subMain__visual__section.--type2.--wellness &gt; img {
    object-position: 70% 50%;
  }
}
@media (min-width: 1201px) {
  .subMain__visual__section.--type3 {
    width: 100%;
    height: 820px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__section.--type3 {
    width: 100%;
    height: 722px;
  }
}
@media (min-width: 1201px) {
  .subMain__visual__section.--type4 {
    width: 100%;
    height: 1083px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__section.--type4 {
    width: 100%;
    height: 1160px;
  }
}
@media (min-width: 1201px) {
  .subMain__visual__section.--type5 {
    width: 100%;
    height: 200px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__section.--type5 {
    width: 100%;
    height: 100px;
  }
}
.subMain__visual__section.--type5::after {
  display: none;
}
.subMain__visual__position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.subMain__visual__position__conts {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
@media (min-width: 1201px) {
  .subMain__visual__position__conts {
    padding: 50px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts {
    padding: 30px 20px;
  }
}
.subMain__visual__position__conts.--type2 {
  max-width: 1300px;
  margin: 0 auto;
}
.subMain__visual__position__conts.--type3 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.subMain__visual__position__conts.--type3 .subMain__visual__position__title {
  font-size: 44px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 .subMain__visual__position__title {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.subMain__visual__position__conts.--type3 .subMain__visual__position__desc {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  margin-top: 4px;
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 .subMain__visual__position__desc {
    max-height: max-content;
  }
}
.subMain__visual__position__conts.--type3 ul {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 40px;
  width: 1300px;
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 ul {
    width: 1110px;
    margin: 40px 20px;
  }
}
.subMain__visual__position__conts.--type3 ul li {
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  width: 229px;
  height: 229px;
  margin: 0 7px;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 ul li {
    width: 200px;
    height: 200px;
  }
}
.subMain__visual__position__conts.--type3 ul li strong {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 ul li strong {
    font-size: 18px;
  }
}
.subMain__visual__position__conts.--type3 ul li p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 ul li p {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 10px;
  }
}
.subMain__visual__position__conts.--type3 ul li .btn__underline {
  margin-top: 14px;
}
.subMain__visual__position__conts.--type3 ul li .btn__underline .txt {
  color: #fff;
  font-size: 13px;
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type3 ul li .btn__underline {
    margin-top: 8px;
  }
}
.subMain__visual__position__conts.--type4 {
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
  justify-content: flex-start;
  height: auto;
}
.subMain__visual__position__conts.--type4 .subMain__visual__position__title {
  margin-top: 90px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .subMain__visual__position__title {
    margin-top: 40px;
  }
}
.subMain__visual__position__conts.--type4 .subMain__visual__position__desc {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  white-space: normal;
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .subMain__visual__position__desc {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    max-height: max-content;
    -webkit-line-clamp: inherit;
  }
}
.subMain__visual__position__conts.--type4 .cicle_list {
  max-width: 860px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .cicle_list {
    max-width: 340px;
  }
}
.subMain__visual__position__conts.--type4 .cicle_list ul {
  display: flex;
  justify-content: flex-start;
  width: calc(100% + 16px);
  height: auto;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .cicle_list ul {
    margin-left: -8px;
  }
}
.subMain__visual__position__conts.--type4 .cicle_list ul li {
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
  align-items: center;
  padding: 0 8px;
}
.subMain__visual__position__conts.--type4 .cicle_list ul li .icon-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .cicle_list ul li .icon-img {
    width: 96px;
    height: 96px;
    margin-top: 40px;
  }
  .subMain__visual__position__conts.--type4 .cicle_list ul li .icon-img &gt; img {
    width: 76px;
    height: 76px;
  }
}
.subMain__visual__position__conts.--type4 .cicle_list ul li .pagelink-ico p {
  display: flex;
  align-items: center;
}
.subMain__visual__position__conts.--type4 .cicle_list ul li .pagelink-ico p::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 20px;
  height: 20px;
  display: block;
  margin-left: 2px;
}
.subMain__visual__position__conts.--type4 .cicle_list ul li p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 12px;
  text-align: center;
  word-break: keep-all;
}
@media (max-width: 1200px) {
  .subMain__visual__position__conts.--type4 .cicle_list ul li p {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 10px;
  }
}
.subMain__visual__position__conts.--type5 {
  max-width: 1300px;
  margin: 0 auto;
  justify-content: flex-start;
}
.subMain__visual__position__conts.--type5 .subMain__visual__position__title {
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .subMain__visual__position__conts.--type5 .subMain__visual__position__title {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.subMain__visual__position__title {
  font-size: 44px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 65px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .subMain__visual__position__title {
    font-size: 28px;
    line-height: 41px;
  }
}
@media (min-width: 1201px) {
  .subMain__visual__position__desc {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 36px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__position__desc {
    display: -webkit-box;
    max-height: 52px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (min-width: 1201px) {
  .subMain__visual__position__title + .subMain__visual__position__desc {
    margin-top: 4px;
  }
}
@media (max-width: 1200px) {
  .subMain__visual__position__title + .subMain__visual__position__desc {
    margin-top: 6px;
  }
}
.subMain__guide__section {
  background: #fdd1c6;
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__guide__section {
    padding: 50px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__section {
    padding: 24px;
    border-radius: 8px;
  }
  .subMain__guide__section .subMain__title {
    font-size: 22px;
  }
}
.subMain__guide__list__section {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subMain__guide__list__section {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__section {
    margin-top: 16px;
  }
}
.subMain__guide__list__group {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__guide__list__group {
    margin: -15px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__group {
    margin: -6px;
  }
}
@media (min-width: 1201px) {
  .subMain__guide__list__group &gt; li {
    width: calc((100% - 60px) / 2);
    margin: 15px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__group &gt; li {
    width: calc((100% - 24px) / 2);
    margin: 6px;
  }
}
.subMain__guide__list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}
@media (min-width: 1201px) {
  .subMain__guide__list__item {
    padding: 50px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__item {
    padding: 24px 14px 14px;
    border-radius: 6px;
  }
}
@media (min-width: 1201px) {
  .subMain__guide__list__item .item-ico {
    width: 92px;
    height: 92px;
    margin-bottom: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__item .item-ico {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
  }
}
.subMain__guide__list__item .item-ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__guide__list__item .item-txt {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .subMain__guide__list__item .item-txt {
    display: -webkit-box;
    max-height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    height: 44px;
  }
}
.subMain__banner__section {
  position: relative;
}
@media (max-width: 1200px) {
  .subMain__banner__section .subMain__desc {
    font-size: 14px;
  }
}
.subMain__banner__section.--type1 .subMain__banner__group {
  background: #f4b2b2;
  background-image: linear-gradient(101deg, #f4b2b2 6%, #fdcd80 51%, #eabf9f 95%);
}
@media (min-width: 1201px) {
  .subMain__banner__section.--type1 .subMain__banner__group {
    padding-right: 226px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__section.--type1 .subMain__banner__group {
    padding-bottom: 146px;
  }
}
@media (min-width: 1201px) {
  .subMain__banner__section.--type1 .subMain__banner__btns__group {
    margin-top: 34px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__section.--type1 .subMain__banner__btns__group {
    width: calc(100% - 146px);
    margin-top: 12px;
  }
}
.subMain__banner__section.--type2 {
  padding: 0;
  text-align: center;
}
.subMain__banner__section.--type2 .subMain__title,
.subMain__banner__section.--type2 .subMain__desc {
  color: #fff;
}
@media (max-width: 1200px) {
  .subMain__banner__section.--type2 .subMain__title {
    font-size: 22px;
  }
}
.subMain__banner__section.--type2 .subMain__banner__group.--bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1201px) {
  .subMain__banner__section.--type2 .subMain__banner__btns__group {
    justify-content: center;
    margin-top: 40px;
  }
  .subMain__banner__section.--type2 .subMain__banner__btns__group a + a {
    margin-left: 16px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__section.--type2 .subMain__banner__btns__group {
    flex-direction: column;
    margin-top: 24px;
  }
  .subMain__banner__section.--type2 .subMain__banner__btns__group a + a {
    margin-top: 10px;
  }
}
.subMain__banner__group {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subMain__banner__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__group {
    border-radius: 8px;
  }
}
.subMain__banner__group.--bg {
  z-index: 1;
}
.subMain__banner__group.--bg &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__banner__group.--bg::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.subMain__banner__group:not(.--bg) {
  position: relative;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__banner__group:not(.--bg) {
    padding: 50px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__group:not(.--bg) {
    padding: 24px;
  }
}
.subMain__banner__btns__group {
  display: flex;
  align-items: center;
}
.subMain__banner__btns__group .btn__default, .subMain__banner__btns__group .btn__default:not(:only-of-type):first-of-type {
  background: #000;
  border-radius: 36px;
}
@media (min-width: 1201px) {
  .subMain__banner__btns__group .btn__default {
    width: 220px;
    height: 72px;
  }
  .subMain__banner__btns__group .btn__default .txt {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__btns__group .btn__default:only-of-type, .subMain__banner__btns__group .btn__default:not(:only-of-type) {
    width: 184px;
    height: 56px;
    max-width: 100% !important;
  }
  .subMain__banner__btns__group .btn__default .txt {
    font-size: 16px;
  }
}
.subMain__banner__btns__group .btn__arrow {
  max-width: 100%;
}
.subMain__banner__btns__group .btn__arrow .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 20px);
  font-weight: 600;
}
.subMain__banner__btns__group .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_arrowRight_20_darkG2.svg);
}
.subMain__banner__section.--type1 .subMain__banner__ico.--tax {
  width: 146px;
  height: 146px;
}
@media (min-width: 1201px) {
  .subMain__banner__section.--type1 .subMain__banner__ico.--tax {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__banner__section.--type1 .subMain__banner__ico.--tax {
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}
.subMain__aboutKorea__tour__section {
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__aboutKorea__tour__section {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__section {
    padding: 0 20px;
  }
}
.subMain__aboutKorea__tour__area {
  overflow: hidden;
}
.subMain__aboutKorea__tour__area &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__area &gt; ul {
    margin: -8px;
  }
}
.subMain__aboutKorea__tour__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__area &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__area &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__area {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__area {
    margin-top: 24px;
  }
}
.subMain__aboutKorea__tour__group {
  width: 100%;
  height: 270px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__aboutKorea__tour__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__group {
    height: 110px;
    border-radius: 8px;
  }
}
.subMain__aboutKorea__tour__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__tour__group .position {
    padding: 28px 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__group .position {
    padding: 12px;
  }
}
.subMain__aboutKorea__tour__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.4;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__aboutKorea__tour__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__tour__group .desc {
    font-size: 16px;
  }
}
.subMain__aboutKorea__info__section {
  display: flex;
  flex-direction: column;
  background: #f9eae8;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__info__section {
    align-items: center;
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__info__section {
    padding: 40px 0;
  }
  .subMain__aboutKorea__info__section .subMain__title {
    padding: 0 20px;
  }
}
.subMain__aboutKorea__info__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__info__group {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__info__group {
    margin-top: 24px;
  }
}
.subMain__aboutKorea__info__group ul {
  display: flex;
}
.subMain__aboutKorea__info__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__info__group ul &gt; li {
    width: 146px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__info__group ul &gt; li {
    width: 120px;
  }
}
@media (min-width: 1201px) {
  .subMain__aboutKorea__info__group ul &gt; li + li {
    margin-left: 50px;
  }
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__info__group ul &gt; li + li {
    margin-left: 16px;
  }
}
.subMain__aboutKorea__info__group ul &gt; li:first-of-type {
  padding-left: 20px;
  box-sizing: content-box;
}
.subMain__aboutKorea__info__group ul &gt; li:last-of-type {
  padding-right: 20px;
  box-sizing: content-box;
}
.subMain__aboutKorea__info__item {
  display: block;
  width: 100%;
}
.subMain__aboutKorea__info__item .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.subMain__aboutKorea__info__item .ico &gt; img {
  width: 80px;
  height: 80px;
}
.subMain__aboutKorea__info__item .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .subMain__aboutKorea__info__item .txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
.subMain__wellness__recommend__section {
  text-align: center;
}
.subMain__wellness__recommend__area {
  overflow: hidden;
}
.subMain__wellness__recommend__area &gt; ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__wellness__recommend__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__area &gt; ul {
    margin: -8px;
  }
}
.subMain__wellness__recommend__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__wellness__recommend__area &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__area &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__wellness__recommend__area {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__area {
    margin-top: 24px;
  }
}
.subMain__wellness__recommend__group {
  width: 100%;
  height: 350px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__wellness__recommend__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__wellness__recommend__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__group {
    height: 200px;
    border-radius: 8px;
  }
}
.subMain__wellness__recommend__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__wellness__recommend__group .position {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__group .position {
    padding: 24px;
  }
}
.subMain__wellness__recommend__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__wellness__recommend__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__wellness__recommend__group .desc {
    font-size: 18px;
  }
}
.subMain__wellness__recommend__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__wellness__recommend__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
.subMain__traditional {
  max-width: 100%;
}
.subMain__traditional &gt; li {
  background-color: #fff;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__traditional &gt; li {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__traditional &gt; li {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__traditional &gt; li:first-of-type &gt; div {
    padding-top: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__traditional &gt; li:first-of-type &gt; div {
    padding-top: 40px;
  }
}
.subMain__traditional &gt; li &gt; div {
  max-width: 1300px;
  margin: 0 auto;
}
.subMain__traditional &gt; li:nth-child(2n) {
  background-color: #f9eae8;
}
.subMain__traditional &gt; li:nth-child(2n).grey {
  background-color: #f5f5f5;
}
.subMain__traditional &gt; li .item_wh {
  padding: 40px 0;
}
.subMain__traditional &gt; li .item_ph {
  padding: 50px 0;
}
@media (max-width: 1200px) {
  .subMain__traditional &gt; li .item_ph {
    padding: 40px 0;
  }
}
.subMain__traditional &gt; li .item_ph .subMain__traditional__group {
  flex-direction: row-reverse;
}
@media (max-width: 1200px) {
  .subMain__traditional &gt; li .item_ph .subMain__traditional__group {
    flex-direction: column;
  }
}
@media (min-width: 1201px) {
  .subMain__traditional &gt; li .item_ph .subMain__traditional__group .txtBox {
    margin-left: 0;
  }
}
.subMain__traditional &gt; li .item_ph .subMain__traditional__group .imgBox {
  max-width: 530px;
}
@media (min-width: 1201px) {
  .subMain__traditional &gt; li .item_ph .subMain__traditional__group .imgBox {
    margin-left: 60px;
  }
}
.subMain__traditional__group {
  position: relative;
  display: flex;
}
@media (max-width: 1200px) {
  .subMain__traditional__group {
    flex-direction: column;
    max-width: 530px;
    margin: 0 auto;
  }
}
.subMain__traditional__group__item {
  width: 100%;
}
.subMain__traditional__group__item.imgBox {
  overflow: hidden;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .subMain__traditional__group__item.imgBox {
    margin: 0 auto 16px;
    height: 240px;
  }
  .subMain__traditional__group__item.imgBox &gt; img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
.subMain__traditional__group__item.txtBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1201px) {
  .subMain__traditional__group__item.txtBox {
    max-width: 710px;
    margin-left: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__traditional__group__item.txtBox .subMain__title {
    width: 100%;
    height: 110px;
    color: #fff;
    position: absolute;
    top: 0;
    padding: 24px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    border-radius: 18px 18px 0 0;
  }
  .subMain__traditional__group__item.txtBox .subMain__title &gt; span {
    display: -webkit-box;
    max-height: 48px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .subMain__traditional__group__item.txtBox .subMain__banner__btns__group {
    width: 100%;
    height: 79px;
    position: absolute;
    padding: 24px;
    top: 162px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
    border-radius: 0 0 18px 18px;
    bottom: 0;
  }
  .subMain__traditional__group__item.txtBox .subMain__banner__btns__group .btn__arrow .txt {
    font-weight: 400;
    color: #fff;
  }
  .subMain__traditional__group__item.txtBox .subMain__banner__btns__group .btn__arrow::after {
    background-image: url(/static/front/images/ico/ico_arrowRight_20_white.svg);
  }
}
@media (min-width: 1201px) {
  .subMain__traditional__group__item.txtBox .subMain__banner__btns__group {
    margin-bottom: 40px;
    margin-top: 16px;
  }
  .subMain__traditional__group__item.txtBox .subMain__title + .subMain__desc {
    margin-top: 16px;
  }
}
.subMain__performance__show__section {
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__performance__show__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) {
  .subMain__performance__show__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__performance__show__section {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__section {
    padding: 0 20px;
  }
}
.subMain__performance__show__area {
  overflow: hidden;
}
.subMain__performance__show__area &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__performance__show__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__area &gt; ul {
    margin: -8px;
  }
}
.subMain__performance__show__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__performance__show__area &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__area &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__performance__show__area {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__area {
    margin-top: 24px;
  }
}
.subMain__performance__show__group {
  width: 100%;
  height: 270px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__performance__show__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__performance__show__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__group {
    height: 110px;
    border-radius: 8px;
  }
}
.subMain__performance__show__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__performance__show__group .position {
    padding: 28px 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__show__group .position {
    padding: 12px;
  }
}
.subMain__performance__show__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.4;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__performance__show__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__performance__show__group .desc {
    font-size: 16px;
  }
}
.subMain__performance__show__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__performance__show__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
.subMain__performance__show__group .position &gt; .ico {
  width: 24px;
  height: 24px;
  margin: 6px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__performance__show__group .position &gt; .ico {
    width: 20px;
    height: 20px;
    margin: 1px 5px 1px 0;
  }
}
.subMain__performance__daehakro__section {
  background: #f9eae8;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__section {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__section {
    padding: 40px 0;
  }
}
.subMain__performance__daehakro__area {
  max-width: 1300px;
  margin: auto;
}
.subMain__performance__daehakro__area .subMain__title,
.subMain__performance__daehakro__area .subMain__desc {
  text-align: center;
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__performance__daehakro__area {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__area {
    padding: 0 20px;
  }
}
.subMain__performance__daehakro__group {
  overflow: hidden;
}
.subMain__performance__daehakro__group &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__group &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__group &gt; ul {
    margin: -8px;
  }
}
.subMain__performance__daehakro__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__group &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__group &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
.subMain__performance__daehakro__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__performance__daehakro__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__group {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__group {
    margin-top: 24px;
  }
}
.subMain__performance__daehakro__item {
  width: 100%;
  height: 350px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__performance__daehakro__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__item {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__item {
    height: 180px;
    border-radius: 8px;
  }
}
.subMain__performance__daehakro__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__performance__daehakro__item .position {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__item .position {
    padding: 24px;
  }
}
.subMain__performance__daehakro__item .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__performance__daehakro__item .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__item .desc {
    font-size: 18px;
  }
}
.subMain__performance__daehakro__item .position &gt; .ico {
  width: 24px;
  height: 24px;
  margin: 6px;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__performance__daehakro__item .position &gt; .ico {
    width: 20px;
    height: 20px;
    margin: 5px 0 5px 5px;
  }
}
@media (min-width: 1201px) {
  .subMain__performance__banner__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__performance__banner__section {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__performance__banner__section {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li .article-group {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__muslim__article__area ul &gt; li .article-group {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li .article-group {
    padding: 0 20px;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item {
  position: relative;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .thumbnail {
  position: relative;
  overflow: hidden;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .thumbnail &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .thumbnail {
    width: 530px;
    height: 360px;
    border-radius: 18px;
    float: left;
    margin-right: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .thumbnail {
    width: 100%;
    height: 240px;
    border-radius: 8px;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .thumbnail::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #000;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 50%, black 100%);
    opacity: 0.4;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .title {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-top: 10px;
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .title {
    position: absolute;
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    padding: 0;
    font-size: 20px;
    color: #fff;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .desc {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .desc {
    margin-top: 16px;
    font-size: 14px;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link {
  position: absolute;
  z-index: 10;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link .btn__arrow {
  max-width: 100%;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link .btn__arrow .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 20px);
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link {
    bottom: 40px;
    max-width: calc(100% - 590px);
    left: 590px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link {
    display: flex;
    align-items: center;
    top: 196px;
    max-width: calc(100% - 48px);
    left: 24px;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link .btn__arrow .txt {
    font-weight: 600;
    color: #fff;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item .link .btn__arrow::after {
    background-image: url(/static/front/images/ico/ico_arrowRight_20_W2.svg);
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(odd) .article-item::after {
    content: "";
    display: block;
    clear: both;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) {
  margin-top: 40px;
  background: #f5f5f5;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item {
  position: relative;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .thumbnail {
  position: relative;
  overflow: hidden;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .thumbnail &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .thumbnail {
    width: 530px;
    height: 360px;
    border-radius: 18px;
    float: right;
    margin-left: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .thumbnail {
    width: 100%;
    height: 240px;
    border-radius: 8px;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .thumbnail::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #000;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 50%, black 100%);
    opacity: 0.4;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .title {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-top: 10px;
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .title {
    position: absolute;
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    padding: 0;
    font-size: 20px;
    color: #fff;
    text-align: right;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .desc {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .desc {
    margin-top: 16px;
    font-size: 14px;
  }
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link {
  position: absolute;
  z-index: 10;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link .btn__arrow {
  max-width: 100%;
}
.subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link .btn__arrow .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 20px);
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link {
    bottom: 40px;
    max-width: calc(100% - 590px);
    left: 0;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link {
    display: flex;
    align-items: center;
    top: 196px;
    max-width: calc(100% - 48px);
    right: 24px;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link .btn__arrow .txt {
    font-weight: 600;
    color: #fff;
  }
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item .link .btn__arrow::after {
    background-image: url(/static/front/images/ico/ico_arrowRight_20_W2.svg);
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) .article-item::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__article__area ul &gt; li:nth-of-type(even) {
    padding: 40px 0;
  }
}
.subMain__muslim__cateIco__title {
  display: flex;
  align-items: center;
  background: #add7d7;
  padding: 10px 0;
}
.subMain__muslim__cateIco__title strong {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #176e6e;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__title strong {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__muslim__cateIco__title strong {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__title strong {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__title strong {
    width: 1300px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__title strong {
    font-size: 24px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__list &gt; li + li {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__list &gt; li + li {
    margin-top: 40px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__area {
    max-width: 1300px;
    margin: 50px auto 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__muslim__cateIco__area {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__area {
    margin-top: 30px;
    padding: 0 20px;
  }
}
.subMain__muslim__cateIco__group.--type1 {
  overflow: hidden;
}
.subMain__muslim__cateIco__group.--type1 &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group.--type1 &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group.--type1 &gt; ul {
    margin: -8px;
  }
}
.subMain__muslim__cateIco__group.--type1 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group.--type1 &gt; ul &gt; li {
    width: calc((100% - 80px) / 4);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group.--type1 &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
.subMain__muslim__cateIco__group.--type3 {
  overflow: hidden;
}
.subMain__muslim__cateIco__group.--type3 &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group.--type3 &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group.--type3 &gt; ul {
    margin: -8px;
  }
}
.subMain__muslim__cateIco__group.--type3 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group.--type3 &gt; ul &gt; li {
    width: calc((100% - 100px) / 5);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group.--type3 &gt; ul &gt; li {
    width: calc((100% - 48px) / 3);
    margin: 8px;
  }
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li .ico {
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li .ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li .desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 4px;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li:nth-of-type(1) .title {
  color: #007f84;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li:nth-of-type(2) .title {
  color: #094d74;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li:nth-of-type(3) .title {
  color: #699536;
}
.subMain__muslim__cateIco__group .categories-list1 &gt; li:nth-of-type(4) .title {
  color: #c2304c;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group .categories-list2 {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list2 {
    display: flex;
    flex-direction: column;
  }
}
.subMain__muslim__cateIco__group .categories-list2 &gt; li .icos {
  display: flex;
  justify-content: center;
}
.subMain__muslim__cateIco__group .categories-list2 &gt; li .icos .ico {
  width: 72px;
  height: 72px;
}
.subMain__muslim__cateIco__group .categories-list2 &gt; li .icos .ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__muslim__cateIco__group .categories-list2 &gt; li .icos .ico + .ico {
  margin-left: 10px;
}
.subMain__muslim__cateIco__group .categories-list2 &gt; li .name {
  border-top: 2px solid #add7d7;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #176e6e;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 20px;
  padding-top: 14px;
  text-align: center;
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list2 &gt; li .name {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group .categories-list2 &gt; li + li {
    margin-left: 80px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list2 &gt; li + li {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list2 &gt; li {
    text-align: center;
  }
}
.subMain__muslim__cateIco__group .categories-list2-item {
  display: inline-block;
}
.subMain__muslim__cateIco__group .categories-list2-desc {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group .categories-list2-desc + .categories-list2 {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list2-desc {
    font-size: 16px;
  }
  .subMain__muslim__cateIco__group .categories-list2-desc + .categories-list2 {
    margin-top: 30px;
  }
}
.subMain__muslim__cateIco__group .categories-list3 &gt; li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.subMain__muslim__cateIco__group .categories-list3 .ico {
  width: 72px;
  height: 72px;
}
.subMain__muslim__cateIco__group .categories-list3 .ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__muslim__cateIco__group .categories-list3 .name {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list3 .name {
    margin-top: 8px;
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group .categories-list3 + .categories-list3-desc {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list3 + .categories-list3-desc {
    margin-top: 30px;
  }
}
.subMain__muslim__cateIco__group .categories-list3-desc {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group .categories-list3-desc {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__cateIco__group + .subMain__muslim__cateIco__group {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__cateIco__group + .subMain__muslim__cateIco__group {
    margin-top: 40px;
  }
}
.subMain__muslim__ebook__section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__section {
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__section .subMain__title {
    padding: 0 20px;
    text-align: center;
  }
}
.subMain__muslim__ebook__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__group {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__group {
    margin-top: 24px;
  }
}
.subMain__muslim__ebook__group ul {
  display: flex;
}
.subMain__muslim__ebook__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__group ul &gt; li {
    width: 286px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__group ul &gt; li {
    width: 252px;
  }
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__group ul &gt; li + li {
    margin-left: 16px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__group ul &gt; li + li {
    margin-left: 16px;
  }
}
.subMain__muslim__ebook__group ul &gt; li:first-of-type {
  padding-left: 20px;
  box-sizing: content-box;
}
.subMain__muslim__ebook__group ul &gt; li:last-of-type {
  padding-right: 20px;
  box-sizing: content-box;
}
.subMain__muslim__ebook__item {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__item {
    height: 345px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__item {
    height: 304px;
    border-radius: 8px;
  }
}
.subMain__muslim__ebook__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__muslim__ebook__item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 50%);
  opacity: 0.4;
}
.subMain__muslim__ebook__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.subMain__muslim__ebook__item .position .title,
.subMain__muslim__ebook__item .position .link {
  position: absolute;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__item .position .title,
  .subMain__muslim__ebook__item .position .link {
    left: 30px;
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__item .position .title,
  .subMain__muslim__ebook__item .position .link {
    left: 24px;
    max-width: calc(100% - 48px);
  }
}
.subMain__muslim__ebook__item .position .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__item .position .title {
    top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__item .position .title {
    top: 24px;
    font-size: 18px;
  }
}
.subMain__muslim__ebook__item .position .link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 20px;
  background: #404040;
  border-radius: 20px;
}
@media (min-width: 1201px) {
  .subMain__muslim__ebook__item .position .link {
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__item .position .link {
    bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .subMain__muslim__ebook__item {
    border-radius: 12px;
  }
}
.subMain__muslim__ebook__item &gt; img {
  transform: scale(1.1);
}
.subMain__travelBasics__info__section {
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__travelBasics__info__section {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__section {
    padding: 0 20px;
  }
}
.subMain__travelBasics__info__area {
  overflow: hidden;
}
.subMain__travelBasics__info__area &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__area &gt; ul {
    margin: -8px;
  }
}
.subMain__travelBasics__info__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__area &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__area &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__area {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__area {
    margin-top: 24px;
  }
}
.subMain__travelBasics__info__group {
  width: 100%;
  height: 350px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__travelBasics__info__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__group {
    height: 180px;
    border-radius: 8px;
  }
}
.subMain__travelBasics__info__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__info__group .position {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__group .position {
    padding: 24px;
  }
}
.subMain__travelBasics__info__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__travelBasics__info__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__travelBasics__info__group .desc {
    font-size: 16px;
  }
}
.subMain__travelBasics__info__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__travelBasics__info__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
.subMain__travelBasics__tour__section {
  display: flex;
  flex-direction: column;
  background: #f9eae8;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__section {
    align-items: center;
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__section {
    padding: 40px 0;
  }
  .subMain__travelBasics__tour__section .subMain__title {
    padding: 0 20px;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__area {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__travelBasics__tour__area {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__area {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__area {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__area {
    margin-top: 24px;
  }
}
.subMain__travelBasics__tour__group {
  overflow: hidden;
}
.subMain__travelBasics__tour__group &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__group &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__group &gt; ul {
    margin: -8px;
  }
}
.subMain__travelBasics__tour__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__group &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__group &gt; ul &gt; li {
    width: calc((100% - 20px) / 1);
    margin: 8px;
  }
}
.subMain__travelBasics__tour__item {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__item {
    height: 271px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__item {
    height: 133px;
    border-radius: 8px;
  }
}
.subMain__travelBasics__tour__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__travelBasics__tour__item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 50%);
  opacity: 0.5;
}
.subMain__travelBasics__tour__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.subMain__travelBasics__tour__item .position .title,
.subMain__travelBasics__tour__item .position .link {
  position: absolute;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__item .position .title,
  .subMain__travelBasics__tour__item .position .link {
    left: 30px;
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__item .position .title,
  .subMain__travelBasics__tour__item .position .link {
    left: 24px;
    max-width: calc(100% - 48px);
  }
}
.subMain__travelBasics__tour__item .position .title {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__item .position .title {
    top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__item .position .title {
    top: 24px;
    font-size: 18px;
  }
}
.subMain__travelBasics__tour__item .position .link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 20px;
  background: #404040;
  border-radius: 20px;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__tour__item .position .link {
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__tour__item .position .link {
    bottom: 24px;
    font-size: 14px;
    line-height: 18px;
  }
}
.subMain__travelBasics__requirements__section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__section {
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__section .subMain__title {
    padding: 0 20px;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__area {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__travelBasics__requirements__area {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__area {
    padding: 0 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__area {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__area {
    margin-top: 24px;
    padding: 0 20px;
  }
}
.subMain__travelBasics__requirements__group {
  overflow: hidden;
}
.subMain__travelBasics__requirements__group &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__group &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__group &gt; ul {
    margin: -8px;
  }
}
.subMain__travelBasics__requirements__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__group &gt; ul &gt; li {
    width: calc((100% - 64px) / 4);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__group &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__group ul &gt; li {
    min-width: 286px;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__travelBasics__requirements__group ul &gt; li {
    min-width: auto;
  }
}
.subMain__travelBasics__requirements__item {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__item {
    height: 380px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__item {
    height: 180px;
    border-radius: 8px;
  }
}
.subMain__travelBasics__requirements__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__travelBasics__requirements__item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 50%);
  opacity: 0.4;
}
.subMain__travelBasics__requirements__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.subMain__travelBasics__requirements__item .position .title,
.subMain__travelBasics__requirements__item .position .link {
  position: absolute;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__item .position .title,
  .subMain__travelBasics__requirements__item .position .link {
    left: 30px;
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__item .position .title,
  .subMain__travelBasics__requirements__item .position .link {
    left: 24px;
    max-width: calc(100% - 48px);
  }
}
.subMain__travelBasics__requirements__item .position .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__item .position .title {
    top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__item .position .title {
    top: 24px;
    font-size: 18px;
  }
}
.subMain__travelBasics__requirements__item .position .link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 20px;
  background: #404040;
  border-radius: 20px;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__requirements__item .position .link {
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__item .position .link {
    bottom: 24px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__requirements__item .position .link {
    max-width: calc(100% - 46px);
  }
}
.subMain__travelBasics__resources__section {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__resources__section {
    align-items: center;
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__resources__section {
    padding: 40px 0;
  }
  .subMain__travelBasics__resources__section .subMain__title {
    padding: 0 20px;
  }
}
.subMain__travelBasics__resources__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__resources__group {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__resources__group {
    margin-top: 24px;
  }
}
.subMain__travelBasics__resources__group ul {
  display: flex;
}
.subMain__travelBasics__resources__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__travelBasics__resources__group ul &gt; li {
    width: 146px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__resources__group ul &gt; li {
    width: 120px;
  }
}
@media (min-width: 1201px) {
  .subMain__travelBasics__resources__group ul &gt; li + li {
    margin-left: 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__travelBasics__resources__group ul &gt; li + li {
    margin-left: 16px;
  }
}
.subMain__travelBasics__resources__group ul &gt; li:first-of-type {
  padding-left: 20px;
  box-sizing: content-box;
}
.subMain__travelBasics__resources__group ul &gt; li:last-of-type {
  padding-right: 20px;
  box-sizing: content-box;
}
.subMain__travelBasics__resources__item {
  display: block;
  width: 100%;
}
.subMain__travelBasics__resources__item .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.subMain__travelBasics__resources__item .ico &gt; img {
  width: 80px;
  height: 80px;
}
.subMain__travelBasics__resources__item .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .subMain__travelBasics__resources__item .txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
.subMain__stit {
  margin-bottom: 30px;
  text-align: center;
}
.subMain__stit h2 {
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 767px) {
  .subMain__stit h2 {
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.subMain__service_img {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.subMain__service_img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(247, 247, 250, 0) 65%, rgba(0, 0, 0, 0.3953956583) 100%);
  z-index: 1;
}
.subMain__service_img img {
  width: 100%;
}
.subMain__service_img .ms_txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  padding: 30px;
}
.subMain__service_img .ms_txt p {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.subMain__service_img .ms_txt a {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 116px;
  padding: 10px 20px;
  background: #404040;
  border-radius: 21px;
}
.subMain__information {
  padding: 50px 80px;
  background: #e0e0e0;
  border-radius: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .subMain__information {
    margin: 0 -20px;
    padding: 40px 0 40px 24px;
    border-radius: 0;
  }
}
.subMain__information ul {
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
}
.subMain__information ul li + li {
  margin-left: 75px;
}
@media (max-width: 767px) {
  .subMain__information ul li + li {
    margin-left: 16px;
  }
}
.subMain__information ul li i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 146px;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .subMain__information ul li i {
    width: 120px;
    height: 120px;
  }
}
.subMain__information ul li:nth-child(1) i::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("/static/front/images/icon_Article.png") no-repeat left top;
}
.subMain__information ul li:nth-child(2) i::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("/static/front/images/icon_MK_Comics.png") no-repeat left top;
}
.subMain__information ul li:nth-child(3) i::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("/static/front/images/icon_FAQ.png") no-repeat left top;
}
.subMain__information ul li:nth-child(4) i::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("/static/front/images/icon_Medical_Providers.png") no-repeat left top;
}
.subMain__information ul li:nth-child(5) i::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url("/static/front/images/icon_Heal_We_Go_Korea.png") no-repeat left top;
}
.subMain__information ul li:last-child {
  padding-right: 24px;
}
.subMain__tourism {
  display: flex;
  justify-content: space-between;
  margin-top: 143px;
  padding: 60px 80px;
  background: #f9eae8;
  border-radius: 18px;
}
@media (max-width: 767px) {
  .subMain__tourism {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    padding: 40px 24px;
  }
}
.subMain__tourism__item .type02 {
  font-size: 26px;
  font-weight: 900;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 767px) {
  .subMain__tourism__item .type02 {
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .subMain__tourism__item .type02 span {
    display: block;
  }
}
.subMain__tourism__item strong {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #30a2d8;
  line-height: 1.4;
  letter-spacing: inherit;
  display: block;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .subMain__tourism__item strong {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    color: #30a2d8;
    line-height: 1.4;
    letter-spacing: inherit;
    text-align: center;
  }
}
.subMain__tourism__item strong span {
  color: #f03b72;
}
.subMain__tourism__item p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .subMain__tourism__item p {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
    text-align: center;
  }
}
.subMain__tourism__btn {
  display: flex;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: -143px;
}
@media (max-width: 767px) {
  .subMain__tourism__btn {
    margin: 16px -8px 0;
  }
}
.subMain__tourism__btn__item {
  display: flex;
  justify-content: center;
}
.subMain__tourism__btn__item li {
  margin: 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .subMain__tourism__btn__item li {
    flex: 0 50%;
    max-width: 50%;
    margin: 0 8px;
  }
}
.subMain__tourism__btn__item li .tourism_img {
  margin: auto;
}
.subMain__tourism__btn button {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin: 12px auto 0;
  padding: 12px 20px 12px 16px;
  border-radius: 23px;
  background: #000;
}
@media (max-width: 767px) {
  .subMain__tourism__btn button {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 126px;
  }
}
.subMain__tourism__btn button .btn__down__white {
  display: inline-block;
  margin-right: 4px;
}
.subMain__unesco__section {
  text-align: center;
}
.subMain__unesco__area {
  margin-top: 32px;
  text-align: center;
  overflow: hidden;
}
.subMain__unesco__area &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__unesco__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__unesco__area &gt; ul {
    margin: -8px;
  }
}
.subMain__unesco__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__unesco__area &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__unesco__area &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .subMain__unesco__area {
    margin-top: 24px;
  }
}
.subMain__unesco__group {
  width: 100%;
  height: 271px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__unesco__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__unesco__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__unesco__group {
    height: 200px;
    border-radius: 8px;
  }
}
.subMain__unesco__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__unesco__group .position {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__unesco__group .position {
    padding: 24px;
  }
}
.subMain__unesco__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__unesco__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__unesco__group .desc {
    font-size: 18px;
  }
}
.subMain__unesco__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__unesco__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
.subMain__unesco__subtit {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .subMain__unesco__subtit {
    font-size: 16px;
  }
}
.subMain__luxury__section .subMain__title {
  text-align: center;
}
.subMain__luxury__section .tabTravel__click__pannel__group {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .subMain__luxury__section .tabTravel__click__pannel__group {
    margin-top: 10px;
  }
}
.subMain__luxury__tabSwiper .card__type1__item .title + .subtit {
  margin-top: 10px;
}
.subMain__luxury__tabSwiper .card__type1__item .subtit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group .swiper-slide {
    margin-bottom: 8px;
    padding: 0 20px;
  }
}
.subMain__luxury__tabSwiper .swiper__group .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group .swiper-pagination {
    margin-top: 10px;
  }
}
.subMain__luxury__tabSwiper .swiper__group .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
  background: #e0e0e0;
  opacity: 1;
}
.subMain__luxury__tabSwiper .swiper__group .swiper-pagination-bullet-active {
  background: #ff7062;
}
.subMain__luxury__tabSwiper .swiper__group .swiper-button-next, .subMain__luxury__tabSwiper .swiper__group .swiper-button-prev {
  display: block;
}
.subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail {
  width: 100%;
  height: 240px;
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: url(/static/front/images/ico/ico_play_80_white.svg) no-repeat 50% 50%/contain;
  content: "";
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail {
    width: 100%;
    height: 200px;
  }
}
.subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail + .title {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group .swiper .thumbnail + .title {
    margin-top: 12px;
  }
}
.subMain__luxury__tabSwiper .swiper__group .swiper .title {
  display: -webkit-box;
  max-height: 52px;
  font-size: 18px;
  font-weight: 800;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .subMain__luxury__tabSwiper .swiper__group .swiper .title {
    font-size: 16px;
    line-height: 22px;
  }
}
.subMain__luxury__area {
  margin-top: 30px;
}
.subMain__luxury__area .btn__default {
  margin: 30px auto 0;
}
@media (max-width: 1200px) {
  .subMain__luxury__area .btn__default {
    width: 100%;
    height: 50px;
    max-width: 100%;
    border-radius: 13px;
  }
}
.subMain__luxury__area .btn__default .ico {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 4px;
  background: no-repeat center/contain;
}
.subMain__luxury__area .btn__default .ico.--plus {
  background-image: url(/static/front/images/ico/ico_+_20_white.svg);
}
.subMain__luxury__area .btn__default .ico.--plus b {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.subMain__trnasportation__entrance__section {
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__section {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__trnasportation__entrance__section {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__section {
    padding: 0 20px;
  }
}
.subMain__trnasportation__entrance__area {
  overflow: hidden;
}
.subMain__trnasportation__entrance__area &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__area &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__area &gt; ul {
    margin: -8px;
  }
}
.subMain__trnasportation__entrance__area &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__area &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__area &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__area {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__area {
    margin-top: 24px;
  }
}
.subMain__trnasportation__entrance__group {
  width: 100%;
  height: 270px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__trnasportation__entrance__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__group {
    height: 110px;
    border-radius: 8px;
  }
}
.subMain__trnasportation__entrance__group .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__entrance__group .position {
    padding: 28px 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__group .position {
    padding: 12px;
  }
}
.subMain__trnasportation__entrance__group .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.4;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__trnasportation__entrance__group .desc {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__trnasportation__entrance__group .desc {
    font-size: 16px;
  }
}
.subMain__trnasportation__entrance__group .position .desc {
  display: flex;
  align-items: center;
}
.subMain__trnasportation__entrance__group .position .desc::after {
  content: "";
  background: url(/static/front/images/ico/ico_pagelink_24_white.svg) no-repeat center/contain;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 4px;
}
.subMain__trnasportation__move__section {
  background: rgb(249, 234, 232);
  background: linear-gradient(90deg, rgb(249, 234, 232) 50%, rgb(255, 222, 168) 50%);
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__area {
    max-width: 1300px;
    margin: 0 auto;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .subMain__trnasportation__move__area {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__area {
    padding: 0 20px;
  }
}
.subMain__trnasportation__move__group {
  display: flex;
  justify-content: center;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__group {
    padding: 60px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__group {
    padding: 30px 0;
  }
}
.subMain__trnasportation__move__group .conts {
  width: 50%;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__group .conts {
    padding: 0 60px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__group .conts {
    padding: 0 20px;
  }
}
.subMain__trnasportation__move__group .conts .subMain__title {
  text-align: center;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__group .conts .subMain__title {
    font-size: 28px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__group .conts .subMain__title {
    font-size: 20px;
  }
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__list {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__list {
    margin-top: 24px;
  }
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__list &gt; li + li {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__list &gt; li + li {
    margin-top: 16px;
  }
}
.subMain__trnasportation__move__item {
  width: 100%;
  height: 300px;
  position: relative;
  display: block;
  overflow: hidden;
}
.subMain__trnasportation__move__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__item {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__item {
    height: 110px;
    border-radius: 8px;
  }
}
.subMain__trnasportation__move__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__item .position {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__item .position {
    padding: 12px;
  }
}
.subMain__trnasportation__move__item .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.4;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.subMain__trnasportation__move__item .desc {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__item .desc {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .subMain__trnasportation__move__item .desc .ico {
    width: 24px;
    height: 24px;
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 4px;
  }
  .subMain__trnasportation__move__item .desc .ico &gt; img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__move__item .desc .ico {
    display: none;
  }
}
.subMain__trnasportation__tips__section {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__tips__section {
    align-items: center;
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__tips__section {
    padding: 40px 0;
  }
  .subMain__trnasportation__tips__section .subMain__title {
    padding: 0 20px;
  }
}
.subMain__trnasportation__tips__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__tips__group {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__tips__group {
    margin-top: 24px;
  }
}
.subMain__trnasportation__tips__group ul {
  display: flex;
}
.subMain__trnasportation__tips__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__tips__group ul &gt; li {
    width: 146px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__tips__group ul &gt; li {
    width: 120px;
  }
}
@media (min-width: 1201px) {
  .subMain__trnasportation__tips__group ul &gt; li + li {
    margin-left: 50px;
  }
}
@media (max-width: 1200px) {
  .subMain__trnasportation__tips__group ul &gt; li + li {
    margin-left: 16px;
  }
}
.subMain__trnasportation__tips__group ul &gt; li:first-of-type {
  padding-left: 20px;
  box-sizing: content-box;
}
.subMain__trnasportation__tips__group ul &gt; li:last-of-type {
  padding-right: 20px;
  box-sizing: content-box;
}
@media (min-width: 1201px) {
  .subMain__trnasportation__tips__group ul &gt; li + li {
    margin-left: 60px;
  }
}
.subMain__trnasportation__tips__item {
  display: block;
  width: 100%;
}
.subMain__trnasportation__tips__item .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.subMain__trnasportation__tips__item .ico &gt; img {
  width: 80px;
  height: 80px;
}
.subMain__trnasportation__tips__item .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .subMain__trnasportation__tips__item .txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
.subMain__heritages .subMain__title {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 1200px) {
  .subMain__heritages .subMain__title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.subMain__heritages .aco__section {
  max-width: 1400px;
  width: calc(100% + 80px);
  margin-left: -40px;
}
@media (max-width: 1200px) {
  .subMain__heritages .aco__section {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.subMain__heritages .aco__group:first-child {
  border-top: 1px solid #000;
}
.subMain__heritages .aco__group.is-opened .aco__btn__ico {
  transform: rotate(180deg);
}
.subMain__heritages .aco__group.is-opened .aco__panel__section {
  display: flex;
}
.subMain__heritages .aco__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 30px 40px;
  border-bottom: 1px solid #bbb;
  text-align: left;
}
@media (max-width: 1200px) {
  .subMain__heritages .aco__btn {
    padding: 20px;
  }
}
.subMain__heritages .aco__btn__txt {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  display: -webkit-box;
  max-height: 52px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.subMain__heritages .aco__btn__ico {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
.subMain__heritages .aco__btn__ico &gt; img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.subMain__heritages .aco__panel__section {
  display: none;
  flex-direction: column;
  background-color: #fff;
  padding: 40px;
  border-bottom: 1px solid #bbb;
}
@media (max-width: 1200px) {
  .subMain__heritages .aco__panel__section {
    padding: 20px;
  }
}
.subMain__heritages .aco__panel__bnts__group {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  flex-shrink: 0;
  margin-top: 40px;
  border-radius: 25px;
  position: sticky;
  bottom: 30px;
}
.subMain__heritages .aco__panel__bnts__group button {
  display: flex;
  align-items: center;
  width: 124px;
  height: 100%;
  justify-content: center;
  background: #bbb;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  border-radius: 25px;
}
.subMain__heritages .aco__panel__bnts__group button:disabled {
  background: lightgrey;
  color: #404040;
}
.subMain__heritages .aco__panel__bnts__group button + button {
  margin-left: 20px;
  background: #000;
}

@media (min-width: 1201px) {
  .moFix__section {
    display: none;
  }
}
@media (max-width: 1200px) {
  .moFix__section {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 86px;
    left: 0;
    background: transparent;
    overflow: hidden;
    pointer-events: none;
  }
}
@media (max-width: 1200px) and (min-width: 1201px) {
  .moFix__section {
    bottom: 0;
    right: 40px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .moFix__section {
    bottom: 0px;
    right: 0;
  }
}
@media (max-width: 1200px) {
  .moFix__section.is-opened .moFix__group {
    transform: translateY(0);
  }
  .is-scroll-ing .moFix__section.is-opened .moFix__group {
    transform: translateY(100%);
  }
  .moFix__section.is-not {
    display: none !important;
  }
}
.moFix__group {
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  transition: transform 0.3s;
}
.moFix__navi__list {
  width: 100%;
  height: 100%;
  display: flex;
  background: #fff;
  pointer-events: all;
}
.moFix__navi__list &gt; li {
  width: 20%;
  height: 100%;
}
.moFix__navi__list &gt; li:nth-of-type(1) .ico {
  background-image: url(/static/front/images/ico/ico_navi_01.svg);
}
.moFix__navi__list &gt; li:nth-of-type(2) .ico {
  background-image: url(/static/front/images/ico/ico_navi_02.svg);
}
.moFix__navi__list &gt; li:nth-of-type(3) .ico {
  background-image: url(/static/front/images/ico/ico_navi_03.svg);
}
.moFix__navi__list &gt; li:nth-of-type(4) .ico {
  background-image: url(/static/front/images/ico/ico_navi_04.svg);
}
.moFix__navi__list &gt; li:nth-of-type(5) .ico {
  background-image: url(/static/front/images/ico/ico_navi_05.svg);
}
.moFix__navi__list &gt; li.is-active:nth-of-type(1) .ico {
  background-image: url(/static/front/images/ico/ico_navi_01_active.svg);
}
.moFix__navi__list &gt; li.is-active:nth-of-type(2) .ico {
  background-image: url(/static/front/images/ico/ico_navi_02_active.svg);
}
.moFix__navi__list &gt; li.is-active:nth-of-type(3) .ico {
  background-image: url(/static/front/images/ico/ico_navi_03_active.svg);
}
.moFix__navi__list &gt; li.is-active:nth-of-type(4) .ico {
  background-image: url(/static/front/images/ico/ico_navi_04_active.svg);
}
.moFix__navi__list &gt; li.is-active .txt {
  font-weight: 600;
  color: #ff7062;
}
.moFix__navi__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-around;
  padding: 10px 0;
  overflow: hidden;
}
.moFix__navi__item .ico {
  width: 40px;
  height: 40px;
  background: no-repeat center/contain;
}
.moFix__navi__item .txt {
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1;
  letter-spacing: inherit;
  max-width: 100%;
  margin-top: 2px;
  padding: 0 5px;
  text-align: center;
}

@media (min-width: 1201px) {
  .mainNew__contents {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .mainNew__contents {
    padding-bottom: 80px;
  }
}
.mainNew__section {
  width: 100%;
  height: 100%;
  max-width: 1192px;
  margin: 0 auto;
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .mainNew__section {
    margin-top: 40px;
    padding: 0 20px;
  }
}
.mainNew__section ~ .mainNew__section {
  margin-top: 80px;
}
@media (max-width: 1200px) {
  .mainNew__section ~ .mainNew__section {
    margin-top: 40px;
  }
}
.mainNew__section.--news {
  position: relative;
  padding-top: 40px;
}
.mainNew__section.--news .mainNew__title {
  display: flex;
  justify-content: space-between;
}
.mainNew__section.--news .mainNew__title h2 {
  z-index: 2;
}
.mainNew__section.--news .mainNew__title::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  left: -65%;
  background-color: #e0e0e0;
  border-radius: 0 18px 18px 0;
  height: 300px;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__title::before {
    left: 0;
    border-radius: 0;
  }
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .mainNew__section.--news .mainNew__cont .swiper {
    padding: 0 15px;
    overflow: unset;
  }
  .mainNew__section.--news .mainNew__cont .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100% !important;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-button-next, .mainNew__section.--news .mainNew__cont .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_circle_arrow.svg);
  margin-top: -24px;
}
.mainNew__section.--news .mainNew__cont .swiper-button-next.swiper-button-disabled, .mainNew__section.--news .mainNew__cont .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.mainNew__section.--news .mainNew__cont .swiper-slide {
  background-color: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #bbb;
  height: 100%;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide {
    width: calc(50% - 10px) !important;
    margin: 5px;
    border-radius: 12px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList {
  padding: 24px;
  word-break: keep-all;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList {
    padding: 16px;
    height: 150px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag {
  width: max-content;
  height: 32px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  border-radius: 8px;
  padding: 5px 10px;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag {
    width: max-content;
    height: 29px;
    font-size: 14px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag.color-1 {
  background-color: #078ace;
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag.color-2 {
  background-color: #904eca;
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag + .cardList__tit {
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tag + .cardList__tit {
    margin-top: 12px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tit {
  display: -webkit-box;
  max-height: 52px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tit + .cardList__txt {
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__tit {
    display: -webkit-box;
    max-height: 66px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__txt {
  display: -webkit-box;
  max-height: 66px;
  font-size: 16px;
  font-weight: 400;
  color: #404040;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__txt {
    display: none;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__txt + .cardList__dete {
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__txt + .cardList__dete {
    margin-top: 10px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__dete {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .mainNew__section.--news .mainNew__cont .swiper-slide .cardList__dete {
    font-size: 12px;
    bottom: 1px;
  }
}
.mainNew__section.--news .mainNew__cont .swiper-slide .cardList__dete::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_blackPink.svg) no-repeat center/contain;
  margin-right: 4px;
  content: "";
}
.mainNew__dimed {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
}
.mainNew__title + .mainNew__cont, .mainNew__desc + .mainNew__cont {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .mainNew__title + .mainNew__cont, .mainNew__desc + .mainNew__cont {
    margin-top: 24px;
  }
}
.mainNew__cont + .btn__group {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .mainNew__cont + .btn__group {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .mainNew__cont.promo {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .mainNew__cont.promo .swiper {
    padding: 0 20px;
    height: 100% !important;
  }
}
.mainNew__cont.promo .swiper-button-next, .mainNew__cont.promo .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_circle_arrow.svg);
  margin-top: -24px;
}
.mainNew__cont.promo .swiper-button-next.swiper-button-disabled, .mainNew__cont.promo .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.mainNew__cont.promo .swiper-slide {
  width: auto !important;
  border-radius: 18px;
  overflow: hidden;
}
.mainNew__cont.promo .swiper-slide .cardList__img {
  width: 100%;
  height: 260px;
}
.mainNew__cont.promo .swiper-slide .cardList__img &gt; img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (max-width: 1200px) {
  .mainNew__cont.promo .swiper-slide .cardList__img {
    width: 100%;
    height: 186px;
  }
}
.mainNew__visual__section {
  position: relative;
  overflow: hidden;
}
.mainNew__visual__section &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.mainNew__visual__section::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 1201px) {
  .mainNew__visual__section.--type1 {
    width: 100%;
    height: 780px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .mainNew__visual__section.--type1 {
    width: 100%;
    height: 580px;
    border-radius: 8px;
  }
}
.mainNew__visual__date {
  width: 100%;
  height: 30px;
  max-width: 1340px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
@media (min-width: 1201px) {
  .mainNew__visual__date {
    padding-right: 20px;
    top: 30px;
  }
}
.mainNew__visual__date ul {
  display: flex;
  justify-content: flex-end;
  width: max-content;
  padding: 5px 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 19px;
}
@media (min-width: 1201px) {
  .mainNew__visual__date ul {
    margin-left: auto;
  }
}
.mainNew__visual__date ul li {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mainNew__visual__date ul li + li {
  margin-left: 15px;
}
@media (max-width: 1200px) {
  .mainNew__visual__date {
    top: 18px;
    padding-left: 20px;
  }
  .mainNew__visual__date ul li {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .mainNew__visual__date ul li + li {
    margin-left: 8px;
  }
}
.mainNew__visual__position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.mainNew__visual__position__conts {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: left;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
@media (min-width: 1201px) {
  .mainNew__visual__position__conts {
    padding: 50px 0px 100px;
  }
}
@media (max-width: 1200px) {
  .mainNew__visual__position__conts {
    padding: 30px 20px 53px;
  }
}
.mainNew__visual__position__title {
  font-size: 44px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 50px;
  letter-spacing: inherit;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1200px) {
  .mainNew__visual__position__title {
    font-size: 24px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 30px;
    letter-spacing: inherit;
  }
}
.mainNew__visual__position__desc {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
@media (min-width: 1201px) {
  .mainNew__visual__position__desc {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    line-height: 36px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .mainNew__visual__position__desc {
    display: -webkit-box;
    max-height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (min-width: 1201px) {
  .newMain__visual__position__title + .mainNew__visual__position__desc {
    margin-top: 4px;
  }
}
@media (max-width: 1200px) {
  .newMain__visual__position__title + .mainNew__visual__position__desc {
    margin-top: 6px;
  }
}
.mainNew__visual .swiper__group {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mainNew__visual .swiper__group .swiper-slide {
  width: 100%;
  height: 780px;
  object-fit: cover;
  object-position: 50% 50%;
  position: relative;
  text-align: center;
  background: #909090;
}
.mainNew__visual .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));
}
@media (max-width: 1200px) {
  .mainNew__visual .swiper__group .swiper-slide {
    width: 100%;
    height: 580px;
  }
}
.mainNew__visual .swiper__group .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.mainNew__visual .swiper .swiper-pagination {
  bottom: 40px;
}
.mainNew__visual .swiper .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  border-radius: 2px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .mainNew__visual .swiper .swiper-pagination-bullet {
    width: 20px;
  }
}
.mainNew__visual .swiper .autoplay {
  width: 100%;
  height: 30px;
  max-width: 1340px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: flex;
  z-index: 9;
  align-items: center;
  justify-content: end;
  padding-right: 20px;
}
@media (min-width: 1201px) {
  .mainNew__visual .swiper .autoplay {
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .mainNew__visual .swiper .autoplay {
    top: 18px;
  }
}
.mainNew__visual .swiper .autoplay .next {
  width: 113px;
  height: 30px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 18px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .mainNew__visual .swiper .autoplay .next {
    width: 62px;
    height: 30px;
  }
}
.mainNew__visual .swiper .autoplay .next .swiper-pagination {
  width: auto;
  bottom: auto;
  padding-left: 16px;
}
.mainNew__visual .swiper .autoplay .next .swiper-button-next, .mainNew__visual .swiper .autoplay .next .swiper-button-prev {
  width: 24px;
  height: 24px;
  background-image: url(/static/front/images/ico/ico_main_arrow_left.svg);
  top: auto;
  bottom: 3px;
}
.mainNew__visual .swiper .autoplay .next .swiper-button-next {
  right: 6px;
}
.mainNew__visual .swiper .autoplay .next .swiper-button-prev {
  left: auto;
  right: 31px;
}
.mainNew__visual .swiper .autoplay__group {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
}
@media (max-width: 1200px) {
  .mainNew__visual .swiper .autoplay__group {
    display: none;
  }
}
.mainNew__visual .swiper .autoplay__group button {
  width: 30px;
  height: 30px;
}
.mainNew__visual .swiper .autoplay__group button span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.mainNew__visual .swiper .autoplay__group button.play {
  display: none;
  background: url("/static/front/images/main/main_player_start.svg") no-repeat center;
}
.is-stop .mainNew__visual .swiper .autoplay__group button.play {
  display: block;
}
.mainNew__visual .swiper .autoplay__group button.stop {
  display: block;
  background: url("/static/front/images/main/main_player_stop.svg") no-repeat center;
}
.is-stop .mainNew__visual .swiper .autoplay__group button.stop {
  display: none;
}
.mainNew__visual .swiper .autoplay__group.is-stop button.play {
  display: block;
}
.mainNew__visual .swiper .autoplay__group.is-stop button.stop {
  display: none;
}
.mainNew .cardBox__scroll {
  overflow-x: auto;
  padding-bottom: 20px;
}
.mainNew .cardBox &gt; ul {
  width: 100%;
  display: flex;
}
.mainNew .cardBox &gt; ul li {
  width: 100%;
  height: 300px;
  transition: all 0.5s ease-out;
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 15px;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
}
.mainNew .cardBox &gt; ul li + li {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .mainNew .cardBox &gt; ul li {
    width: 236px;
    height: 236px;
    min-width: 236px;
    margin-right: 20px;
  }
  .mainNew .cardBox &gt; ul li + li {
    margin-left: 0;
  }
}
.mainNew .cardBox &gt; ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.mainNew .cardBox__tag {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: max-content;
  max-width: 100%;
  min-width: 162px;
  height: 54px;
  padding: 16px 20px;
  top: 214px;
  background-color: #000;
}
@media (max-width: 767px) {
  .mainNew .cardBox__tag {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
    min-width: 148px;
    height: 48px;
    padding: 14px 20px;
    top: 173px;
  }
}
.mainNew .cardBox__type02 &gt; ul {
  width: 100%;
  display: flex;
}
.mainNew .cardBox__type02 &gt; ul li {
  width: 100%;
  height: 300px;
  min-width: 300px;
  position: relative;
  overflow: hidden;
  flex: 1;
  border-radius: 15px;
  box-shadow: 6.2px 7.9px 15px 0 rgba(0, 0, 0, 0.15);
}
.mainNew .cardBox__type02 &gt; ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.mainNew .cardBox__type02 &gt; ul li + li {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .mainNew .cardBox__type02 &gt; ul li {
    margin-right: 20px;
  }
  .mainNew .cardBox__type02 &gt; ul li + li {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .mainNew .cardBox__type02 &gt; ul li {
    width: 236px;
    height: 236px;
    min-width: 236px;
  }
  .mainNew .cardBox__type02 &gt; ul li + li {
    margin-left: 0;
  }
  .mainNew .cardBox__type02 &gt; ul li a {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.mainNew .cardBox__type02__tit {
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  bottom: 24px;
}
@media (max-width: 767px) {
  .mainNew .cardBox__type02__tit {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.mainNew .media .mainNew__title {
  justify-content: space-between;
}
.mainNew .media .mainNew__title &gt; h2 {
  font-size: 80px;
  font-weight: 900;
  font-style: normal;
  color: #111691;
  line-height: 1.4;
  letter-spacing: inherit;
  opacity: 0.5;
  position: relative;
  line-height: 1;
}
.mainNew .media .mainNew__title &gt; h2::after {
  content: "#";
  font-size: 40px;
  position: absolute;
  right: -25px;
}
@media (max-width: 1200px) {
  .mainNew .media .mainNew__title {
    flex-direction: column;
    align-items: start;
  }
  .mainNew .media .mainNew__title &gt; h2 {
    font-size: 40px;
    margin-bottom: 18px;
  }
  .mainNew .media .mainNew__title &gt; h2::after {
    content: "#";
    font-size: 20px;
    position: absolute;
    right: -15px;
  }
}
.mainNew .media__click__group {
  display: flex;
  align-items: center;
}
.mainNew .media__click__group &gt; li {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 13px;
  background: #fff;
  box-shadow: inset 0px 0px 0px 1px #bbb;
}
.mainNew .media__click__group &gt; li &gt; a span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.mainNew .media__click__group &gt; li + li {
  margin-left: 5px;
}
.mainNew .media__click__group &gt; li &gt; a {
  width: 34px;
  height: 34px;
  display: inline-block;
  padding: 8px;
}
.mainNew .media__click__group &gt; li &gt; a.--insta {
  background: url(/static/front/images/sns/sns_insta-line_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group &gt; li &gt; a.--pace {
  background: url(/static/front/images/sns/sns_facebook_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group &gt; li &gt; a.--youtub {
  background: url(/static/front/images/sns/sns_youtube_18_grey.svg) no-repeat center/18px;
}
.mainNew .media__click__group &gt; li &gt; a.--twtter {
  background: url(/static/front/images/sns/sns_twiter_18_grey.png) no-repeat center/18px;
}
.mainNew .media__click__pannel {
  display: flex;
  overflow: hidden;
}
.mainNew .media__click__pannel &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .mainNew .media__click__pannel &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .mainNew .media__click__pannel &gt; ul {
    margin: -8px;
  }
}
.mainNew .media__click__pannel &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .mainNew .media__click__pannel &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .mainNew .media__click__pannel &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .mainNew .media__click__pannel &gt; ul {
    flex: 1;
  }
}
@media (max-width: 1200px) {
  .mainNew .media__grid {
    flex-direction: column;
  }
}
.mainNew .media__grid + .media__grid {
  margin-left: 10px;
}
.mainNew .media__grid li {
  height: max-content;
}
.mainNew .media__grid li &gt; ul &gt; li {
  width: 100%;
  height: 100%;
  position: relative;
}
.mainNew .media__grid li &gt; ul &gt; li + li {
  margin-top: 20px;
}
.mainNew .media__grid li a {
  width: 100%;
  height: 100%;
  display: block;
}
.mainNew .media__grid li a img {
  overflow: hidden;
  border-radius: 18px;
}
.mainNew .media__grid__snsico {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.mainNew .media__grid__snsico.--insta {
  background: url("/static/front/images/sns/sns_instar_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--pace {
  background: url("/static/front/images/sns/sns_facebook_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--youtub {
  background: url("/static/front/images/sns/sns_youtube_20_white.svg") no-repeat;
}
.mainNew .media__grid__snsico.--twit {
  background: url("/static/front/images/sns/sns_twiter_20_white.png") no-repeat;
}
.mainNew__title {
  font-size: 30px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .mainNew__title {
    font-size: 22px;
  }
}
.mainNew__title &gt; h2 {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .mainNew__title &gt; h2 {
    font-size: 24px;
  }
}
.mainNew__title__link {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mainNew__title__link::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  padding-right: 20px;
}
@media (max-width: 1200px) {
  .mainNew__title__link {
    display: none;
  }
}
.mainNew__desc {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .mainNew__desc {
    font-size: 16px;
  }
}
.mainNew__title + .mainNew__desc {
  margin-top: 4px;
}
.mainNew__info__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .mainNew__info__group {
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .mainNew__info__group {
    margin-top: 0;
  }
}
.mainNew__info__group ul {
  display: flex;
}
.mainNew__info__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .mainNew__info__group ul &gt; li {
    width: 120px;
  }
}
@media (max-width: 1200px) {
  .mainNew__info__group ul &gt; li {
    width: 90px;
  }
}
@media (min-width: 1201px) {
  .mainNew__info__group ul &gt; li + li {
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .mainNew__info__group ul &gt; li + li {
    margin-left: 14px;
  }
}
.mainNew__info__group ul &gt; li:first-of-type {
  padding-left: 0;
  box-sizing: content-box;
}
@media (max-width: 1200px) {
  .mainNew__info__group ul &gt; li:first-of-type {
    padding-left: 20px;
  }
}
.mainNew__info__group ul &gt; li:last-of-type {
  padding-right: 0;
  box-sizing: content-box;
}
@media (max-width: 1200px) {
  .mainNew__info__group ul &gt; li:last-of-type {
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  .mainNew__info__group {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.mainNew__info__group &gt; ul {
  justify-content: space-between;
}
.mainNew__info__item {
  display: block;
  width: 100%;
  word-break: keep-all;
}
.mainNew__info__item .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.mainNew__info__item .ico &gt; img {
  width: 84px;
  height: 84px;
}
.mainNew__info__item .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .mainNew__info__item .txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .mainNew__info__item {
    display: block;
    width: 100%;
  }
  .mainNew__info__item .ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 1/1;
    background: #fff;
    border-radius: 50%;
  }
  .mainNew__info__item .ico &gt; img {
    width: 64px;
    height: 64px;
  }
  .mainNew__info__item .txt {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 16px;
    text-align: center;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .mainNew__info__item .txt {
    margin-top: 10px;
    font-size: 14px;
  }
}
.mainNew__info__item .ico {
  background: #f5f5f5;
  border-radius: 20px;
}
.mainNew__banner__section {
  position: relative;
}
@media (max-width: 1200px) {
  .mainNew__banner__section .mainNew__desc {
    font-size: 14px;
  }
}
.mainNew__banner__section.--type1 .mainNew__banner__group {
  background: #f9eae8;
}
.mainNew__banner__section.--type1 .mainNew__banner__group .mainNew__title {
  justify-content: space-between;
}
@media (min-width: 1201px) {
  .mainNew__banner__section.--type1 .mainNew__banner__group {
    padding-right: 460px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__section.--type1 .mainNew__banner__group {
    padding-bottom: 224px;
  }
}
@media (min-width: 1201px) {
  .mainNew__banner__section.--type1 .mainNew__banner__btns__group {
    margin-top: 62px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__section.--type1 .mainNew__banner__btns__group {
    margin-top: 22px;
  }
}
.mainNew__banner__section.--type2 {
  padding: 0;
  text-align: center;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .mainNew__banner__section.--type2 {
    border-radius: 8px;
  }
}
.mainNew__banner__section.--type2 .mainNew__banner__group.--bg {
  width: 100%;
  height: 242px;
  justify-content: center;
}
.mainNew__banner__section.--type2 .mainNew__banner__group.--bg::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.mainNew__banner__group {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .mainNew__banner__group {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__group {
    border-radius: 8px;
  }
}
.mainNew__banner__group.--bg {
  z-index: 1;
}
.mainNew__banner__group.--bg &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.mainNew__banner__group.--bg::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.mainNew__banner__group:not(.--bg) {
  position: relative;
  z-index: 10;
}
@media (min-width: 1201px) {
  .mainNew__banner__group:not(.--bg) {
    padding: 50px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__group:not(.--bg) {
    padding: 24px;
  }
}
.mainNew__banner__btns__group {
  display: flex;
  align-items: center;
}
.mainNew__banner__btns__group .btn__default {
  width: 207px;
  height: 48px;
}
.mainNew__banner__btns__group .btn__default, .mainNew__banner__btns__group .btn__default:not(:only-of-type):first-of-type {
  background: #111691;
  border-radius: 29px;
}
.mainNew__banner__btns__group .btn__default .txt {
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 500;
}
.mainNew__banner__ico.--trav {
  width: 300px;
  height: 230px;
}
@media (min-width: 1201px) {
  .mainNew__banner__ico.--trav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 90px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__ico.--trav {
    width: 252px;
    height: 194px;
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}
.mainNew__banner__ico.--tit {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1201px) {
  .mainNew__banner__ico.--tit {
    width: 307px;
    height: 194px;
  }
}
@media (max-width: 1200px) {
  .mainNew__banner__ico.--tit {
    width: 255px;
    height: 160px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__listmo {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.mainNew__map__group {
  overflow-x: auto;
}
@media (min-width: 1201px) {
  .mainNew__map__group {
    margin-top: 0;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__group {
    margin-top: 24px;
  }
}
.mainNew__map__group ul {
  display: flex;
}
.mainNew__map__group ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .mainNew__map__group ul &gt; li {
    width: 214px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__group ul &gt; li {
    width: 158px;
  }
}
@media (min-width: 1201px) {
  .mainNew__map__group ul &gt; li + li {
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__group ul &gt; li + li {
    margin-left: 10px;
  }
}
.mainNew__map__group ul &gt; li:first-of-type {
  padding-left: 0;
  box-sizing: content-box;
}
@media (max-width: 1200px) {
  .mainNew__map__group ul &gt; li:first-of-type {
    padding-left: 20px;
  }
}
.mainNew__map__group ul &gt; li:last-of-type {
  padding-right: 0;
  box-sizing: content-box;
}
@media (max-width: 1200px) {
  .mainNew__map__group ul &gt; li:last-of-type {
    padding-right: 20px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__group {
    max-width: 702px;
    margin: 24px auto;
  }
}
.mainNew__map__group ul li {
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .mainNew__map__group ul li {
    border-radius: 12px;
  }
}
.mainNew__map__item {
  width: 100%;
  height: 320px;
  position: relative;
  display: block;
  overflow: hidden;
}
.mainNew__map__item &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .mainNew__map__item {
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__item {
    height: 239px;
    border-radius: 8px;
  }
}
.mainNew__map__item .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  z-index: 10;
}
@media (min-width: 1201px) {
  .mainNew__map__item .position {
    padding: 16px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__item .position {
    padding: 12px;
  }
}
.mainNew__map__item .position::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.5;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}
.mainNew__map__item .desc {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #f5f5f5;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-align-last: left;
  text-transform: uppercase;
  z-index: 10;
}
@media (max-width: 1200px) {
  .mainNew__map__item .desc {
    font-size: 16px;
  }
}
.mainNew__map__item .desc {
  width: 100%;
  height: 20px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  display: flex;
  align-items: center;
}
.mainNew__map__item .desc &gt; span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 23px;
}
@media (max-width: 1200px) {
  .mainNew__map__item .desc &gt; span {
    padding-left: 18px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__item .desc {
    font-size: 14px;
  }
}
.mainNew__map__item .desc::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_map_20_white.svg) no-repeat center/contain;
  position: absolute;
  margin-right: 3px;
  content: "";
}
@media (max-width: 1200px) {
  .mainNew__map__item .desc::before {
    width: 15px;
    height: 15px;
  }
}
.mainNew__map__flex {
  position: relative;
}
@media (min-width: 1201px) {
  .mainNew__map__flex {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__flex {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__flex.--bgmo {
    padding-bottom: 160px;
    width: 100%;
    background-color: #fdcd80;
  }
}
.mainNew__map__bg {
  position: relative;
}
@media (min-width: 1201px) {
  .mainNew__map__bg {
    width: 255px;
    height: 320px;
    background-color: #fdcd80;
    padding: 30px 30px 24px 24px;
    border-radius: 12px;
    margin-right: 20px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__bg {
    padding: 40px 20px 0;
    width: 100%;
  }
}
.mainNew__map__bg .mainNew__title {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #8f4d0a;
  line-height: 1.4;
  letter-spacing: inherit;
  justify-content: end;
}
@media (max-width: 1200px) {
  .mainNew__map__bg .mainNew__title {
    justify-content: center;
  }
}
.mainNew__map__bg .mainNew__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #b16111;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: right;
}
@media (max-width: 1200px) {
  .mainNew__map__bg .mainNew__desc {
    text-align: center;
  }
  .mainNew__map__bg .mainNew__desc .pc {
    display: none;
  }
}
.mainNew__map__bg__ico {
  position: absolute;
}
@media (min-width: 1201px) {
  .mainNew__map__bg__ico {
    width: 202;
    height: 126px;
    left: 24px;
    bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .mainNew__map__bg__ico {
    right: 20px;
    bottom: 20px;
  }
}
.mainNew__visit .mainNew__desc {
  text-align: center;
}
.mainNew__visit.news .mainNew__visit__list &gt; ul &gt; li .img {
  width: 230px;
  height: 160px;
  flex: 0 0 230px;
}
@media (max-width: 1200px) {
  .mainNew__visit.news .mainNew__visit__list &gt; ul &gt; li .img {
    width: 151px;
    height: 121px;
    flex: 0 0 151px;
  }
}
.mainNew__visit.news .textBox__tit {
  display: -webkit-box;
  max-height: 78px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .mainNew__visit.news .textBox__tit {
    font-size: 16px;
    line-height: 20px;
  }
}
.mainNew__visit__list {
  overflow: hidden;
  height: 100%;
  word-break: keep-all;
}
.mainNew__visit__list &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .mainNew__visit__list &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul {
    margin: -8px;
  }
}
.mainNew__visit__list &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .mainNew__visit__list &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
.mainNew__visit__list &gt; ul &gt; li {
  display: flex;
}
.mainNew__visit__list &gt; ul &gt; li &gt; div {
  width: 100%;
}
.mainNew__visit__list &gt; ul &gt; li .img {
  width: 100%;
  height: 180px;
  max-width: 276px;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .img {
    width: 151px;
    height: 121px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.mainNew__visit__list &gt; ul &gt; li .img + .textBox {
  padding-left: 20px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .img + .textBox {
    padding-left: 16px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox {
  position: relative;
  padding-top: 8px;
  padding-bottom: 10px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox {
    padding: 0;
    flex: 2;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__desc {
  display: flex;
  align-items: center;
  display: -webkit-box;
  max-height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #078ace;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__desc {
    font-size: 14px;
    line-height: 18px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__desc + .textBox__tit {
  margin-top: 5px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__desc + .textBox__tit {
    margin-top: 3px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__tit {
  display: -webkit-box;
  max-height: 52px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  position: relative;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__tit {
    font-size: 16px;
    line-height: 20px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__tit + .textBox__sub {
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__tit + .textBox__sub {
    margin-top: 6px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__tit.--type2::before {
  content: "N";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 18px;
  height: 18px;
  background-color: #ff7062;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.mainNew__visit__list &gt; ul &gt; li .textBox__tit.--type2 &gt; span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 18px;
  letter-spacing: inherit;
  width: 18px;
  height: 18px;
  background-color: #ff7062;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  text-align: center;
  margin-left: 5px;
  bottom: 4px;
  right: 4px;
  box-shadow: -8px 0 4px 2px #fff;
}
.mainNew__visit__list &gt; ul &gt; li .textBox__sub {
  display: -webkit-box;
  max-height: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #404040;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__sub {
    font-size: 14px;
    line-height: 18px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__sub + .textBox__dete {
  margin-top: 28px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__sub + .textBox__dete {
    margin-top: 15px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__dete {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  position: absolute;
  bottom: 8px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__dete {
    font-size: 12px;
    bottom: 1px;
  }
}
.mainNew__visit__list &gt; ul &gt; li .textBox__dete::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_blackPink.svg) no-repeat center/contain;
  margin-right: 4px;
  content: "";
}
.mainNew__visit__list &gt; ul &gt; li .textBox__dete.--type2 {
  bottom: 10px;
}
@media (max-width: 1200px) {
  .mainNew__visit__list &gt; ul &gt; li .textBox__dete.--type2 {
    bottom: 10px;
  }
}
.mainNew .btn__group + .btn__group {
  margin-top: 24px;
}
.mainNew .btn__default {
  width: auto;
  height: 48px;
}
@media (max-width: 1200px) {
  .mainNew .btn__default {
    width: auto;
    height: 48px;
  }
}
.mainNew .btn__default.--refresh {
  background-color: #404040;
  padding: 0 18px;
  border-radius: 24px;
  width: auto;
}
.mainNew .btn__default.--refresh .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-left: 6px;
}
@media (max-width: 1200px) {
  .mainNew .btn__default.--refresh .txt {
    font-size: 14px;
  }
}
.mainNew .btn__default.--refresh .ico {
  width: 20px;
  height: 20px;
}
.mainNew .btn__default.--more {
  display: flex;
  align-items: center;
  background-color: #404040;
  padding: 0 18px;
  border-radius: 24px;
  width: auto;
}
.mainNew .btn__default.--more .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  padding-right: 2px;
}
@media (max-width: 1200px) {
  .mainNew .btn__default.--more .txt {
    font-size: 14px;
  }
}
.mainNew .btn__default.--more::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_white2.svg) no-repeat center/contain;
  content: "";
}

.ipt__text__group {
  position: relative;
  background: #fff;
  box-shadow: inset 0 0 0 1px #bbb;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .ipt__text__group {
    width: 100%;
    height: 50px;
    border-radius: 4px;
  }
}
@media (max-width: 1200px) {
  .ipt__text__group {
    width: 100%;
    height: 40px;
    border-radius: 7px;
  }
}
.ipt__text__group input[type=text] {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  background: transparent;
}
@media (min-width: 1201px) {
  .ipt__text__group input[type=text] {
    padding: 0 16px;
  }
}
@media (max-width: 1200px) {
  .ipt__text__group input[type=text] {
    padding: 0 10px;
    font-size: 14px;
  }
}
.ipt__text__group input[type=text] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ipt__text__group input[type=text] + label span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__text__group input[type=text]:focus-within {
  box-shadow: inset 0 0 0 1px #000;
}
.ipt__text__group.is-active .ipt__text__del {
  display: block;
}
.ipt__text__group.is-active + .ipt__text__count &gt; span {
  color: black;
}
.ipt__text__del {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/14px;
  display: none;
  right: 10px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
.ipt__text__del span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__text__count {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: end;
  width: 100%;
  margin-top: 5px;
}
.ipt__textSearch__group {
  display: flex;
  align-items: center;
}
.ipt__textSearch__group &gt; li.ipt {
  flex-grow: 1;
  padding-right: 10px;
}
@media (max-width: 1200px) {
  .ipt__textSearch__group &gt; li.ipt {
    padding-right: 6px;
  }
}
.ipt__textSearch__group &gt; li.btn {
  flex-shrink: 0;
}
.ipt__textSearch__group &gt; li.btn .btn__default {
  max-width: none;
}
@media (max-width: 1200px) {
  .ipt__textSearch__group &gt; li.btn .btn__default {
    height: 40px;
    padding: 0 14px;
    border-radius: 8px;
  }
  .ipt__textSearch__group &gt; li.btn .btn__default .txt {
    font-size: 14px;
    font-weight: 400;
  }
}
.ipt__email__group {
  display: flex;
  align-items: center;
}
.ipt__email__group &gt; li {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.ipt__email__group &gt; li:first-of-type::after {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  content: "@";
  margin: 0 3px;
}
.ipt__group {
  position: relative;
  background: #fff;
  box-shadow: inset 0 0 0 1px #bbb;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .ipt__group {
    width: 100%;
    height: 50px;
    border-radius: 4px;
  }
}
@media (max-width: 1200px) {
  .ipt__group {
    width: 100%;
    height: 40px;
    border-radius: 7px;
  }
}
.ipt__group input {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  background: transparent;
}
@media (min-width: 1201px) {
  .ipt__group input {
    padding: 0 16px;
  }
}
@media (max-width: 1200px) {
  .ipt__group input {
    padding: 0 10px;
    font-size: 14px;
  }
}
.ipt__group input + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ipt__group input + label span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__group input:focus-within {
  box-shadow: inset 0 0 0 1px #000;
}
.ipt__ckbox__group {
  position: relative;
}
.ipt__ckbox__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__ckbox__group input[type=checkbox] + label {
  display: flex;
}
.ipt__ckbox__group input[type=checkbox] + label .ico {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 2px 6px 0 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #bbb;
}
@media (max-width: 1200px) {
  .ipt__ckbox__group input[type=checkbox] + label .ico {
    margin-top: 0;
  }
}
.ipt__ckbox__group input[type=checkbox] + label .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 24px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .ipt__ckbox__group input[type=checkbox] + label .txt {
    font-size: 14px;
    line-height: 20px;
  }
}
.ipt__ckbox__group input[type=checkbox]:checked + label .ico {
  background: url(/static/front/images/ico/ico_check_20_salmon.svg) no-repeat center/contain;
  box-shadow: inset 0 0 0 1px #ff7062;
}
.ipt__ckbox__group.--type2 input[type=checkbox] + label .ico {
  margin-top: 0;
}
.ipt__ckbox__group.--type2 input[type=checkbox] + label .txt {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1201px) {
  .ipt__ckbox__group.--type3 input[type=checkbox] + label .ico {
    margin-top: 0;
  }
}
@media (min-width: 1201px) {
  .ipt__ckbox__group.--type3 input[type=checkbox] + label .txt {
    line-height: 20px;
  }
}
.ipt__ckbox__group.--type4 input[type=checkbox] + label .ico {
  background: #fff;
}
.ipt__ckbox__group.--type4 input[type=checkbox]:checked + label .ico {
  box-shadow: inset 0 0 0 1px #078ace;
  background-image: url(/static/front/images/ico/ico_checkbox_active_blue.svg);
}
.ipt__ckbox__square__group {
  width: 100%;
  height: 48px;
  position: relative;
}
.ipt__ckbox__square__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__ckbox__square__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #bbb;
  padding: 0 10px;
  background: #fff;
  border-radius: 10px;
}
.ipt__ckbox__square__group input[type=checkbox] + label .ico {
  width: 14px;
  height: 13px;
  background: url(/static/front/images/ico/ico_check_14x13_white.svg) no-repeat center/contain;
  display: none;
  flex-shrink: 0;
  margin-right: 4px;
}
.ipt__ckbox__square__group input[type=checkbox] + label .txt {
  display: -webkit-box;
  max-height: 40px;
  font-size: 15px;
  font-weight: 600;
  color: #404040;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  padding-right: 4px;
  text-align: center;
}
.ipt__ckbox__square__group input[type=checkbox]:checked + label {
  background: #ff7062;
  border-color: #ff7062;
}
.ipt__ckbox__square__group input[type=checkbox]:checked + label .ico {
  display: block;
}
.ipt__ckbox__square__group input[type=checkbox]:checked + label .txt {
  color: #fff;
}
.ipt__radio__list {
  display: flex;
  align-items: center;
}
.ipt__radio__list &gt; li {
  width: calc((100% - 10px) / 2);
  height: 50px;
}
@media (max-width: 1200px) {
  .ipt__radio__list &gt; li {
    height: 40px;
  }
}
.ipt__radio__list &gt; li + li {
  margin-left: 10px;
}
.ipt__radio__group {
  width: 100%;
  height: 100%;
  position: relative;
}
.ipt__radio__group input[type=radio] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__radio__group input[type=radio] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bbb;
  cursor: pointer;
}
.ipt__radio__group input[type=radio] + label .txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .ipt__radio__group input[type=radio] + label .txt {
    font-size: 14px;
  }
}
.ipt__radio__group input[type=radio]:checked + label {
  box-shadow: inset 0 0 0 2px #ff7062;
}
.ipt__radio__group input[type=radio]:checked + label .txt {
  font-weight: 800;
  color: #ff7062;
}
.ipt__like__group {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.ipt__like__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__like__group input[type=checkbox] + label .ico {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /*background: url(/static/front/images/ico/ico_like_24_white.svg) no-repeat center/contain;*/
  background: url(/static/front/images/advance/add_on/Icon_good.svg) no-repeat center/contain;
  cursor: pointer;
}
.ipt__like__group input[type=checkbox] + label .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__like__group input[type=checkbox]:checked + label .ico {
  /*background-image: url(/static/front/images/ico/ico_like_24_pink.svg);*/
  background-image: url(/static/front/images/advance/add_on/Icon_good_on.svg);
}
.ipt__textarea__group {
  width: 100%;
  height: 92px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #bbb;
  overflow: hidden;
}
.ipt__textarea__group textarea {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  resize: none;
  display: block;
  background: transparent;
  border: 0;
}
@media (min-width: 1201px) {
  .ipt__textarea__group textarea {
    padding: 16px;
  }
}
@media (max-width: 1200px) {
  .ipt__textarea__group textarea {
    padding: 10px;
    font-size: 14px;
  }
}

.select__group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  border: 1px solid #bbb;
  position: relative;
  background: #fff;
  border-radius: 4px;
}
@media (max-width: 1200px) {
  .select__group {
    height: 40px;
    border-radius: 7px;
  }
}
.select__group.is-active {
  border-color: #000;
}
.select__group.is-active .select__label {
  color: #000;
}
.select__group.is-active .select__label::after {
  transform: translateY(-50%) rotate(180deg);
}
.select__group.is-active .select__opt__list__area {
  display: block;
  height: 194px;
}
@media (max-width: 1200px) {
  .select__group.is-active .select__opt__list__area {
    height: 156px;
  }
}
.select__group.is-selected .select__label {
  color: #000;
}
.select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 52px 0 16px;
}
@media (max-width: 1200px) {
  .select__label {
    padding-right: 40px;
    font-size: 14px;
  }
}
.select__label::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
  content: "";
  right: 16px;
}
@media (max-width: 1200px) {
  .select__label::after {
    right: 10px;
  }
}
.select__label &gt; span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  text-align: left;
}
.select__opt__list__area {
  border: 1px solid #909090;
  display: none;
  position: absolute;
  top: 56px;
  left: -1px;
  width: calc(100% + 2px);
  height: 0;
  background: #fff;
  border-radius: 4px;
  overflow: auto;
  z-index: 200;
}
.select__opt__list__area::-webkit-scrollbar {
  width: 17px;
}
.select__opt__list__area::-webkit-scrollbar-track {
  background: transparent;
}
.select__opt__list__area::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 17px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 1200px) {
  .select__opt__list__area {
    top: 44px;
  }
}
.select__opt__list__group {
  padding: 5px 0 5px 5px;
}
.select__opt__list__item {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 10px;
  border-radius: 6px;
}
@media (max-width: 1200px) {
  .select__opt__list__item {
    padding: 8px;
    font-size: 14px;
  }
}
.select__opt__list__item:hover {
  background: #e0e0e0;
}

.validation__group[class*=is-] .validation__msg {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .validation__group[class*=is-] .validation__msg {
    font-size: 12px;
  }
}
.validation__group[class*=is-] .validation__msg__group {
  margin-top: 8px;
}
.validation__group.is-error .validation__msg {
  color: #ee1a1a;
}
.validation__group.is-inspect .validation__msg {
  color: #078ace;
}

.K-friends__group {
  padding: 30px;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
}
@media (max-width: 1200px) {
  .K-friends__group {
    padding: 16px;
  }
}
.K-friends__group .ipt__textSearch__group {
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .K-friends__group .ipt__textSearch__group li + li {
    margin-left: 14px;
  }
}
.K-friends__group .ipt__textSearch__group li + li.btn {
  margin-left: 0;
}
@media (max-width: 1200px) {
  .K-friends__group .ipt__textSearch__group li.ipt__txt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
.K-friends__group .ipt__textSearch__group .ipt__txt {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.K-friends__group .validation__group + .validation__group {
  margin-top: 30px;
}
.K-friends__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .K-friends__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1201px) {
  .K-friends__label .ipt__ckbox__group.--type2 input[type=checkbox] + label {
    align-items: center;
  }
}
.K-friends__label .ipt__ckbox__group.--type2 input[type=checkbox] + label .txt {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .K-friends__label .ipt__ckbox__group.--type2 input[type=checkbox] + label .txt {
    font-size: 16px;
  }
}
.K-friends__label .btn__lineArrow {
  width: auto;
  height: 48px;
  background: #fff;
  padding: 0 14px;
  border-radius: 30px;
  border: solid 1px #bbb;
}
@media (max-width: 1200px) {
  .K-friends__label .btn__lineArrow {
    margin-top: 10px;
  }
}
.K-friends__label .btn__lineArrow::before {
  width: 37px;
  height: 32px;
  background-image: url(/static/front/images/ico/ico_kfriends_ico01.png);
  background-size: 100%;
  margin-right: 6px;
  content: "";
}
.K-friends__label .btn__lineArrow::after {
  margin-left: 2px;
}
.K-friends__label .btn__lineArrow .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.K-friends__label + .K-friends__group {
  margin-top: 10px;
}
.K-friends__label.--type2 {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .K-friends__label.--type2 {
    display: flex;
    flex-direction: column;
  }
}
.K-friends__label.--type2 button.btn__lineArrow {
  width: 100%;
  height: 120px;
  max-width: 364px;
  padding: 0 20px;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
}
@media (max-width: 1200px) {
  .K-friends__label.--type2 button.btn__lineArrow {
    height: 92px;
  }
}
.K-friends__label.--type2 button.btn__lineArrow::before {
  width: 100px;
  height: 100px;
  background-image: url(/static/front/images/ico/ico_gift_log1.svg);
  background-size: 100%;
  margin-right: 10px;
  content: "";
}
@media (max-width: 1200px) {
  .K-friends__label.--type2 button.btn__lineArrow::before {
    width: 68px;
    height: 68px;
  }
}
.K-friends__label.--type2 button.btn__lineArrow::after {
  margin-left: 2px;
}
.K-friends__label.--type2 button.btn__lineArrow .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.K-friends__label.--type2 button.btn__lineArrow.dw::before {
  width: 82px;
  height: 82px;
  background-image: url(/static/front/images/obj/obj_visit01.png);
}
@media (max-width: 1200px) {
  .K-friends__label.--type2 button.btn__lineArrow.dw::before {
    width: 68px;
    height: 68px;
  }
}
.K-friends__label.--type2 button.btn__lineArrow.dw::after {
  background-image: url(/static/front/images/ico/ico_download_20_gray.svg);
}
@media (min-width: 1201px) {
  .K-friends__label.--type2 button + button {
    margin-left: 16px;
  }
}
@media (max-width: 1200px) {
  .K-friends__label.--type2 button + button {
    margin-top: 10px;
  }
}

.sorting__list {
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  .sorting__list &gt; li {
    width: 150px;
    height: 50px;
  }
  .sorting__list &gt; li + li {
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .sorting__list &gt; li {
    width: calc((100% - 10px) / 2);
    height: 45px;
  }
  .sorting__list &gt; li + li {
    margin-left: 10px;
  }
}
.sorting__item {
  width: 100%;
  height: 100%;
  position: relative;
}
.sorting__item input[type=radio] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.sorting__item input[type=radio] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  background: #fff;
  border-radius: 30px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  cursor: pointer;
}
.sorting__item input[type=radio] + label .txt {
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 4px;
}
.sorting__item input[type=radio]:checked + label {
  box-shadow: none;
  background: #ff7062;
}
.sorting__item input[type=radio]:checked + label .txt {
  font-weight: 800;
  color: #fff;
}

.rdo__rounded__group {
  position: relative;
  height: 44px;
}
.rdo__rounded__group input[type=radio] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.rdo__rounded__group input[type=radio] + label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  background: #fff;
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}
.rdo__rounded__group input[type=radio] + label .txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.rdo__rounded__group input[type=radio]:checked + label {
  background: #707070;
  box-shadow: inset 0 0 0 1px #707070;
}
.rdo__rounded__group input[type=radio]:checked + label .txt {
  color: #fff;
}

.toggle__txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-right: 8px;
}
.toggle__txtGroup {
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  .toggle__txtGroup {
    justify-content: end;
  }
}
@media (max-width: 1200px) {
  .toggle__txtGroup {
    justify-content: center;
  }
}
@media (min-width: 1201px) {
  .toggle__txtGroup .error {
    margin-right: 20px;
    border-bottom: 1px solid #ee1a1a;
  }
}
.toggle__txtGroup .error .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #ee1a1a;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .toggle__txtGroup {
    padding: 18px;
  }
  .toggle__txtGroup + .toggle__txtGroup {
    border-top: 1px solid #e0e0e0;
  }
}
.toggle__txtGroup__pop {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1201px) {
  .toggle__txtGroup__pop {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1200px) {
  .toggle__txtGroup__pop {
    width: 152px;
    height: auto;
    flex-direction: column;
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 99;
  }
  .toggle__txtGroup__pop.is-open {
    display: block;
  }
}
.toggle__group {
  width: 42px;
  height: 24px;
  position: relative;
}
.toggle__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.toggle__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #bbb;
  padding: 6px 0;
  border-radius: 12px;
}
.toggle__group input[type=checkbox] + label .ico {
  width: 12px;
  height: 12px;
  display: block;
  background: #fff;
  border-radius: 50%;
  transform: translateX(24px);
  transition: transform 0.3s;
}
.toggle__group input[type=checkbox]:checked + label {
  background: #ff7062;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.toggle__group input[type=checkbox]:checked + label .ico {
  transform: translateX(6px);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4);
}

.search__section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.search__ipt {
  width: 100%;
  height: 50px;
  border: 1px solid #bbb;
  position: relative;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .search__ipt {
    flex-grow: 1;
    max-width: calc(100% - 110px);
    border-radius: 4px;
  }
}
@media (max-width: 1200px) {
  .search__ipt {
    height: 40px;
    border-radius: 7px;
  }
}
.search__ipt input[type=text] {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  background: transparent;
}
@media (min-width: 1201px) {
  .search__ipt input[type=text] {
    padding: 0 40px 0 16px;
  }
}
@media (max-width: 1200px) {
  .search__ipt input[type=text] {
    padding-left: 12px;
    font-size: 14px;
  }
}
.search__ipt input[type=text] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.search__ipt input[type=text] + label span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.search__ipt__ico {
  width: 56px;
  height: 100%;
  background: url(/static/front/images/ico/ico_search_24_warmGrey.svg) no-repeat center/24px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .search__ipt__ico {
    width: 40px;
    background-size: 16px;
  }
}
@media (min-width: 1201px) {
  .search__ipt .ipt__text__del {
    right: 56px;
  }
}
@media (max-width: 1200px) {
  .search__ipt .ipt__text__del {
    right: 40px;
  }
}
.search__ipt.is-active .ipt__text__del {
  display: block;
}
.search__btn {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .search__btn {
    width: 100px;
  }
  .search__btn .btn__default {
    border-radius: 8px;
  }
}
@media (max-width: 1200px) {
  .search__btn {
    width: 100%;
    margin-top: 12px;
  }
  .search__btn .btn__default {
    max-width: 100%;
    height: 50px;
    border-radius: 12px;
  }
}
@media (min-width: 1201px) {
  .search__result__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .search__result__section {
    padding: 0 0 80px;
  }
}
.search__result__form {
  background: #fff;
}
@media (min-width: 1201px) {
  .search__result__form {
    padding: 12px 30px 30px;
    border-radius: 18px;
  }
}
@media (max-width: 1200px) {
  .search__result__form {
    padding: 8px 14px 14px;
    border-radius: 8px;
  }
}
.search__result__form__list {
  border-bottom: 1px solid #000;
  display: flex;
}
.search__result__form__list &gt; li {
  display: flex;
  align-items: center;
  height: 100%;
}
.search__result__form__list &gt; li.search {
  flex-grow: 1;
}
@media (min-width: 1201px) {
  .search__result__form__list {
    height: 60px;
  }
  .search__result__form__list &gt; li.search {
    padding-right: 30px;
  }
}
@media (max-width: 1200px) {
  .search__result__form__list {
    height: 48px;
  }
  .search__result__form__list &gt; li.ckbox {
    display: none;
  }
}
.search__result__form__group {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.search__result__form__ckbox {
  margin-top: 12px;
}
.search__result__form__ipt {
  flex-grow: 1;
  /*position: relative;*/
  max-width: calc(100% - 24px);
  height: 100%;
}
.search__result__form__ipt input[type=text] {
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  padding-right: 44px;
}
.search__result__form__ipt input[type=text] + label {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (max-width: 1200px) {
  .search__result__form__ipt input[type=text] {
    font-size: 18px;
  }
}
.search__result__form__ipt .data-list {
  display: none;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 3;
  position: absolute;
  top: 60px;
  left: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 12px;
}
.search__result__form__ipt .data-list ul {
  padding: 4px;
}
.search__result__form__ipt .data-list ul li {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 4px;
}
.search__result__form__ipt .data-list ul li .d-text {
  width: 100%;
  padding: 0 10px;
}
.search__result__form__ipt .data-list ul li .d-text &gt; span {
  color: #ff7062;
}
.search__result__form__ipt .data-list ul li .searchBtn {
  width: 24px;
  height: 24px;
  background-image: url(/static/front/images/ico/ico_search_24_gray.svg);
}
.search__result__form__ipt .data-list ul li .searchBtn .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.search__result__form__ipt .data-list ul li .linkBtn {
  width: 24px;
  height: 24px;
  background-image: url(/static/front/images/ico/ico_search_arrow.svg);
}
.search__result__form__ipt .data-list ul li .linkBtn .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.search__result__form__ipt .data-list ul li:hover {
  background-color: #f9eae8;
}
.search__result__form__ipt .data-list ul li + li {
  margin-top: 4px;
}
.search__result__form__ipt.is-active .ipt__text__del {
  display: block;
}
.search__result__form__ipt.is-active .data-list {
  display: block;
}
.search__result__form__btn {
  width: 24px;
  height: 24px;
}
.search__result__form__btn .searchBtn {
  width: 100%;
  height: 100%;
  background: url(/static/front/images/ico/ico_search_24_black.svg) no-repeat center/contain;
}
.search__result__form__btn .searchBtn .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.search__result__form__keywords .swiper {
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  .search__result__form__keywords .swiper {
    padding-right: 62px;
  }
  .search__result__form__keywords .swiper::after {
    width: 62px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 1;
  }
}
.search__result__form__keywords .swiper-slide {
  width: auto;
  height: 36px;
}
@media (max-width: 1200px) {
  .search__result__form__keywords .swiper-slide {
    height: 32px;
  }
}
.search__result__form__keywords .swiper-slide .slide-tit, .search__result__form__keywords .swiper-slide .slide-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  height: 100%;
}
@media (max-width: 1200px) {
  .search__result__form__keywords .swiper-slide .slide-tit, .search__result__form__keywords .swiper-slide .slide-btn {
    font-size: 14px;
  }
}
.search__result__form__keywords .swiper-slide .slide-tit {
  padding: 0 12px;
  background: #404040;
  border-radius: 8px;
}
.search__result__form__keywords .swiper-slide .slide-btn {
  color: #000;
}
.search__result__form__keywords .swiper-button-next, .search__result__form__keywords .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_arrowLeft_24_warmGrey.svg) no-repeat center/contain;
  left: initial;
  margin: 0;
  background-color: #fff;
}
.search__result__form__keywords .swiper-button-next::after, .search__result__form__keywords .swiper-button-prev::after {
  display: none;
}
@media (max-width: 1200px) {
  .search__result__form__keywords .swiper-button-next, .search__result__form__keywords .swiper-button-prev {
    display: none;
  }
}
.search__result__form__keywords .swiper-button-prev {
  right: 38px;
}
.search__result__form__keywords .swiper-button-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
@media (min-width: 1201px) {
  .search__result__form__keywords {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .search__result__form__keywords {
    margin: 14px -14px 0;
  }
  .search__result__form__keywords .swiper {
    padding: 0 14px;
  }
}
.search__result__msg__section {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1201px) {
  .search__result__msg__section {
    padding: 80px 30px;
  }
}
@media (max-width: 1200px) {
  .search__result__msg__section {
    padding: 60px 0;
  }
}
.search__result__msg__area {
  display: flex;
  flex-wrap: wrap;
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  justify-content: center;
  margin: -4px;
  text-align: center;
}
@media (max-width: 1200px) {
  .search__result__msg__area {
    margin: -3px -2px;
    font-size: 16px;
  }
}
.search__result__msg__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1200px) {
  .search__result__msg__group {
    width: 100%;
  }
}
.search__result__msg__group .--mx {
  margin: 4px;
}
@media (max-width: 1200px) {
  .search__result__msg__group .--mx {
    margin: 3px 2px;
  }
}
.search__result__msg__group .keywords__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.search__result__msg__group .keywords__list &gt; li:not(:last-of-type) .keywords__item::after {
  content: '",';
  padding-right: 8px;
  color: #000;
}
.search__result__msg__group .keywords__item {
  color: #000;
}
.search__result__msg__group .keywords__item::before, .search__result__msg__group .keywords__item::after {
  content: '"';
}
.search__result__msg__group .keywords__count {
  color: #000;
}
.search__result__msg__group .keywords__count .point {
  color: #ff7062;
}
@media (min-width: 1201px) {
  .search__result__cate__section {
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .search__result__cate__section {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding-bottom: 30px;
  }
}
.search__result__cate__list {
  display: flex;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 1200px) {
  .search__result__cate__list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .search__result__cate__list::-webkit-scrollbar {
    display: none;
  }
}
.search__result__cate__item {
  flex-shrink: 0;
}
.search__result__cate__item:not(:last-of-type) {
  margin-right: 8px;
}
@media (max-width: 1200px) {
  .search__result__cate__item:first-of-type {
    padding-left: 20px;
  }
  .search__result__cate__item:last-of-type {
    padding-right: 20px;
  }
}
@media (min-width: 1201px) {
  .search__result__cate__item .rdo__rounded__group {
    height: 50px;
  }
}
@media (max-width: 1200px) {
  .search__result__cate__item .rdo__rounded__group {
    height: 40px;
  }
}
.search__result__cate__item .rdo__rounded__group input[type=radio] + label {
  padding: 0 24px;
  border-radius: 25px;
}
.search__result__cate__item .rdo__rounded__group input[type=radio] + label .txt {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .search__result__cate__item .rdo__rounded__group input[type=radio] + label .txt {
    font-size: 14px;
  }
}
.search__result__cate__item .rdo__rounded__group input[type=radio]:checked + label {
  background: #000;
  box-shadow: inset 0 0 0 1px #000;
}
.search__result__cate__item .rdo__rounded__group input[type=radio]:checked + label .txt {
  font-weight: 800;
}
.search__result__board__title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.search__result__board__title + .search__result__tour__area {
  border-top: 1px solid #909090;
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .search__result__board__title + .search__result__tour__area {
    margin-top: 12px;
  }
}
.search__result__board__title .title {
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1201px) {
  .search__result__board__title .title {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 25px;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .search__result__board__title .title {
    font-size: 18px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 22px;
    letter-spacing: inherit;
  }
}
@media (min-width: 1201px) {
  .search__result__board__title .count {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 22px;
    letter-spacing: inherit;
    padding: 0 0 2px 10px;
  }
}
@media (max-width: 1200px) {
  .search__result__board__title .count {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 20px;
    letter-spacing: inherit;
    padding: 0 0 1px 8px;
  }
}
.search__result__board__title .link::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
}
@media (min-width: 1201px) {
  .search__result__board__title .link {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #404040;
    line-height: 20px;
    letter-spacing: inherit;
    margin-bottom: 1px;
  }
}
@media (max-width: 1200px) {
  .search__result__board__title .link {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #404040;
    line-height: 17px;
    letter-spacing: inherit;
  }
  .search__result__board__title .link::after {
    margin-bottom: -2px;
  }
}
.search__result__board__title .sort {
  display: flex;
  align-items: flex-end;
}
.search__result__board__title .sort &gt; li + li {
  margin-left: 12px;
}
.search__result__board__title .sort-item input[type=radio] + label {
  display: flex;
  align-items: flex-end;
}
.search__result__board__title .sort-item input[type=radio] + label .ico {
  width: 16px;
  height: 16px;
  background: url(/static/front/images/ico/ico_check_16_bbb.svg) no-repeat center/contain;
  margin: 0 6px 1px 0;
}
.search__result__board__title .sort-item input[type=radio] + label .txt {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #909090;
  line-height: 22px;
  letter-spacing: inherit;
}
.search__result__board__title .sort-item input[type=radio]:checked + label .ico {
  background-image: url(/static/front/images/ico/ico_check_16_black.svg);
}
.search__result__board__title .sort-item input[type=radio]:checked + label .txt {
  color: #000;
}
.search__result__board__title + .search__result__board__article {
  border-top: 1px solid #909090;
}
@media (min-width: 1201px) {
  .search__result__board__title + .search__result__board__article {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .search__result__board__title + .search__result__board__article {
    margin-top: 16px;
  }
}
@media (min-width: 1201px) {
  .search__result__board__title ~ .search__result__board__title {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .search__result__board__title ~ .search__result__board__title {
    margin-top: 40px;
  }
}
.search__result__board__list &gt; li {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .search__result__board__list &gt; li {
    padding: 30px 0;
  }
}
@media (max-width: 1200px) {
  .search__result__board__list &gt; li {
    padding: 24px 0;
  }
}
.search__result__board__item .conts .point {
  color: #ff7062;
}
.search__result__board__item .conts .info-cate {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search__result__board__item .conts .info-cate::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_home_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-right: 2px;
}
.search__result__board__item .conts .info-cate-list {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.search__result__board__item .conts .info-cate-list &gt; li {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.search__result__board__item .conts .info-cate-list &gt; li p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search__result__board__item .conts .info-cate-list &gt; li:not(:last-of-type)::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin: 0 2px;
}
.search__result__board__item .conts .info-date {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  flex-shrink: 0;
}
.search__result__board__item .conts .info-date::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_warmGrey.svg) no-repeat center/contain;
  content: "";
}
.search__result__board__item .conts .hashTag {
  overflow: hidden;
}
.search__result__board__item .conts .hashTag-list {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
.search__result__board__item .conts .hashTag-list &gt; li {
  margin: 8px;
}
.search__result__board__item .conts .hashTag-list &gt; li p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: inherit;
}
.search__result__board__item .conts .hashTag-list &gt; li p::before {
  content: "#";
}
.search__result__board__item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .search__result__board__item {
    display: flex;
  }
  .search__result__board__item .conts {
    flex-grow: 1;
    max-width: calc(100% - 260px);
    padding-right: 30px;
  }
  .search__result__board__item .conts.--type2 {
    max-width: 100%;
  }
  .search__result__board__item .conts .title p {
    font-size: 22px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 30px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .search__result__board__item .conts .title + .desc {
    margin-top: 16px;
  }
  .search__result__board__item .conts .desc p {
    display: -webkit-box;
    max-height: 42px;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 21px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .search__result__board__item .conts .desc + .info {
    margin-top: 24px;
  }
  .search__result__board__item .conts .info {
    display: flex;
    align-items: center;
  }
  .search__result__board__item .conts .info-cate + .info-date {
    margin-left: 40px;
  }
  .search__result__board__item .conts .info-date::before {
    margin-right: 4px;
  }
  .search__result__board__item .conts .info + .hashTag {
    margin-top: 16px;
  }
  .search__result__board__item .img {
    width: 260px;
    height: 168px;
    flex-shrink: 0;
  }
}
@media (max-width: 1200px) {
  .search__result__board__item {
    position: relative;
    display: block;
  }
  .search__result__board__item .conts .title &gt; p {
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 22px;
    letter-spacing: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .search__result__board__item .conts .title + .desc {
    margin-top: 12px;
  }
  .search__result__board__item .conts .desc {
    padding-right: 108px;
  }
  .search__result__board__item .conts .desc &gt; p {
    display: -webkit-box;
    max-height: 80px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .search__result__board__item .conts .info {
    margin-top: 18px;
  }
  .search__result__board__item .conts .info-cate-list &gt; li p, .search__result__board__item .conts .info-date {
    font-size: 14px;
  }
  .search__result__board__item .conts .info-date {
    margin-top: 6px;
  }
  .search__result__board__item .conts .info + .hashTag {
    margin-top: 18px;
  }
  .search__result__board__item .img {
    width: 100px;
    height: 82px;
    position: absolute;
    top: 34px;
    right: 0;
  }
}
.search__result__board__moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1201px) {
  .search__result__board__moreBtn {
    margin-top: 30px;
  }
}
@media (max-width: 1200px) {
  .search__result__board__moreBtn {
    margin-top: 24px;
  }
}
.search__result__board__moreBtn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 48px;
  background-color: #404040;
  padding: 0 18px;
  border-radius: 24px;
}
.search__result__board__moreBtn .moreBtn .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  padding-right: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .search__result__board__moreBtn .moreBtn .txt {
    font-size: 14px;
  }
}
.search__result__board__moreBtn .moreBtn::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_white2.svg) no-repeat center/contain;
  content: "";
}
@media (min-width: 1201px) {
  .search__result__tour__area {
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__area {
    padding-top: 24px;
  }
}
.search__result__tour__group {
  overflow: hidden;
}
.search__result__tour__group &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .search__result__tour__group &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group &gt; ul {
    margin: -8px;
  }
}
.search__result__tour__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .search__result__tour__group &gt; ul &gt; li {
    width: calc((100% - 80px) / 4);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group &gt; ul &gt; li {
    width: calc((100% - 20px) / 1);
    margin: 8px;
  }
}
.search__result__tour__group + .pagination__section {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .search__result__tour__group + .pagination__section {
    margin-top: 30px;
  }
}
.search__result__tour__group.--col2 {
  overflow: hidden;
}
.search__result__tour__group.--col2 &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .search__result__tour__group.--col2 &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group.--col2 &gt; ul {
    margin: -8px;
  }
}
.search__result__tour__group.--col2 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .search__result__tour__group.--col2 &gt; ul &gt; li {
    width: calc((100% - 80px) / 4);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group.--col2 &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 8px;
  }
}
.search__result__tour__group.--col3 {
  overflow: hidden;
}
.search__result__tour__group.--col3 &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .search__result__tour__group.--col3 &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group.--col3 &gt; ul {
    margin: -8px;
  }
}
.search__result__tour__group.--col3 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .search__result__tour__group.--col3 &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .search__result__tour__group.--col3 &gt; ul &gt; li {
    width: calc((100% - 20px) / 1);
    margin: 8px;
  }
}
.search__result__tour__item.--type2 .img {
  height: 360px;
  position: relative;
}
@media (max-width: 1200px) {
  .search__result__tour__item.--type2 .img {
    height: 189px;
  }
}
.search__result__tour__item.--type2 .img .position {
  display: none;
}
.search__result__tour__item.--type2:hover .position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}
.search__result__tour__item.--type2:hover .position .linkbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.search__result__tour__item.--type2:hover .position .linkbtn &gt; p {
  width: 130px;
  height: 40px;
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 20px;
}
.search__result__tour__item .img {
  border-radius: 12px;
  overflow: hidden;
  width: auto;
  height: 257px;
  position: relative;
}
.search__result__tour__item .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.search__result__tour__item .img .close-dim {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.search__result__tour__item .img .close-dim img + .tit {
  margin-top: 12px;
}
.search__result__tour__item .img .close-dim .tit {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.search__result__tour__item .img .close-dim .tit + p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 4px;
}
.search__result__tour__item .conts {
  margin-top: 12px;
}
.search__result__tour__item .conts .sup &gt; p {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .sup &gt; p {
    font-size: 14px;
  }
}
.search__result__tour__item .conts .sup + .title {
  margin-top: 4px;
}
.search__result__tour__item .conts .title &gt; p {
  display: -webkit-box;
  max-height: 52px;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .title &gt; p {
    font-size: 16px;
    line-height: 22px;
  }
}
.search__result__tour__item .conts .title.--type2 &gt; p {
  display: -webkit-box;
  max-height: 26px;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .title.--type2 &gt; p {
    font-size: 16px;
  }
}
.search__result__tour__item .conts .title.--type3 &gt; p {
  display: -webkit-box;
  max-height: 48px;
  font-size: 18px;
  font-weight: 800;
  color: #000;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  height: 50px;
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .title.--type3 &gt; p {
    font-size: 16px;
  }
}
.search__result__tour__item .conts .title.--type3 + .desc {
  margin-top: 16px;
}
.search__result__tour__item .conts .title + .desc {
  margin-top: 8px;
}
.search__result__tour__item .conts .desc &gt; p {
  display: -webkit-box;
  max-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  line-height: 22px;
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .desc &gt; p {
    font-size: 13px;
  }
}
.search__result__tour__item .conts .desc &gt; p span + span {
  margin-left: 6px;
}
.search__result__tour__item .conts .desc &gt; p .point {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 22px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .search__result__tour__item .conts .desc &gt; p .point {
    font-size: 16px;
  }
}
.search__result__tour__item .conts .desc ul.cont {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.search__result__tour__item .conts .desc ul.cont li {
  display: flex;
  align-items: center;
}
.search__result__tour__item .conts .desc ul.cont li .ico {
  width: 20px;
  height: 20px;
}
.search__result__tour__item .conts .desc ul.cont li .ico.--ico02 {
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
}
.search__result__tour__item .conts .desc ul.cont li + li {
  margin-left: 18px;
}
.search__tabmenu__section {
  max-width: 100%;
  position: relative;
}
.search__result__board__title + .search__tabmenu__section {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .search__result__board__title + .search__tabmenu__section {
    margin-top: 12px;
  }
}
.search__tabmenu__scroll {
  overflow-x: auto;
  padding-bottom: 7px;
}
.search__tabmenu__group {
  display: flex;
  align-items: center;
  position: relative;
}
.search__tabmenu__group::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #909090;
}
.search__tabmenu__group &gt; li {
  width: auto;
  height: 30px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .search__tabmenu__group &gt; li {
    height: 30px;
  }
}
.search__tabmenu__group &gt; li.is-tab-opened .search__tabmenu__menu span {
  color: #ff7062;
}
.search__tabmenu__group &gt; li.is-tab-opened .search__tabmenu__menu::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ff7062;
  z-index: 5;
}
.search__tabmenu__menu {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
}
.search__tabmenu__menu span {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 16px;
}
@media (max-width: 1200px) {
  .search__tabmenu__menu span {
    font-size: 14px;
    padding: 0 12px;
  }
}
.search__tabmenu__pannel__group {
  display: none;
}
.search__tabmenu__pannel__group.is-tab-opened {
  display: block;
}
.search__tabmenu__title {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search__tabmenu__title ~ .search__tabmenu__title {
  margin-top: 40px;
}
.search__tabmenu__title__group {
  display: flex;
  align-items: center;
}
.search__tabmenu__title__group .flag__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 32px;
  margin-left: 10px;
  padding: 0 14px;
  background: #000;
  border-radius: 8px;
}
.search__tabmenu__title__group .flag__group .txt {
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search__tabmenu__btn {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .search__tabmenu__btn .btn__default {
    max-width: 100% !important;
  }
}
.search__table {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .search__table {
    overflow-x: auto;
    padding-bottom: 10px;
  }
}
div + .search__table {
  margin-top: 60px;
}
@media (max-width: 1200px) {
  div + .search__table {
    margin-top: 40px;
  }
}
.search__table + div {
  padding-top: 60px;
}
@media (max-width: 1200px) {
  .search__table + div {
    padding-top: 40px;
  }
}
.search__table table {
  border-top: 1px solid #000;
}
.search__table table tr {
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}
.search__table table tr td {
  background-color: #fff;
  color: #707070;
}
.search__table table tr td:first-child {
  color: #000;
}
.search__table table tr th, .search__table table tr td {
  padding: 20px;
  min-width: 130px;
  word-break: keep-all;
  position: relative;
}
@media (max-width: 1200px) {
  .search__table table tr th, .search__table table tr td {
    font-size: 14px;
  }
}
.search__table table tr th::after, .search__table table tr td::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  border-right: 1px solid #e0e0e0;
  position: absolute;
  right: 0;
  top: 0;
}
.search__table table tr th:last-child::after, .search__table table tr td:last-child::after {
  display: none;
}

.select__lang__section {
  position: relative;
}
.select__lang__section.is-active .select__lang__label::after {
  transform: rotate(180deg);
}
.select__lang__section.is-active .select__lang__optList__section {
  display: block;
  height: 124px;
}
.select__lang__label {
  display: flex;
  align-items: center;
  height: 20px;
}
.select__lang__label::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_white.svg) no-repeat center/contain;
  content: "";
  transform: rotate(0);
}
.select__lang__label span.label {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-right: 6px;
}
.select__lang__label span.label::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_lang_20_white.svg) no-repeat center/contain;
  content: "";
  margin-right: 6px;
}
.select__lang__optList__section {
  width: 100px;
  height: 0px;
  display: none;
  position: absolute;
  top: 26px;
  left: 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 2px 3px 12px 0 rgba(0, 0, 0, 0.2);
  overflow: auto;
  z-index: 200;
}
.select__lang__optList__section::-webkit-scrollbar {
  width: 13px;
}
.select__lang__optList__section::-webkit-scrollbar-track {
  background: transparent;
}
.select__lang__optList__section::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.select__lang__optList__group {
  padding: 4px 0 4px 4px;
}
.select__lang__optList__item {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 6px;
  border-radius: 6px;
}
.select__lang__optList__item:hover {
  background: #707070;
  color: #fff;
}
.select__footerCorp__section {
  position: relative;
}
@media (max-width: 1200px) {
  .select__footerCorp__section {
    width: 100%;
    max-width: 320px;
  }
}
.select__footerCorp__section.is-active .select__footerCorp__label::after {
  transform: rotate(180deg);
}
.select__footerCorp__section.is-active .select__footerCorp__optList__section {
  display: block;
  height: 100px;
}
.select__footerCorp__label {
  display: flex;
  align-items: center;
  width: 320px;
  height: 40px;
  justify-content: space-between;
  padding: 0 16px;
  background: #707070;
  border-radius: 8px;
}
@media (max-width: 1200px) {
  .select__footerCorp__label {
    width: 100%;
  }
}
.select__footerCorp__label::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  transform: rotate(0);
}
.select__footerCorp__label span.label {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 4px;
}
.select__footerCorp__optList__section {
  width: 100%;
  height: 0px;
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 2px 3px 12px 0 rgba(0, 0, 0, 0.2);
  overflow: auto;
  z-index: 200;
}
.select__footerCorp__optList__section::-webkit-scrollbar {
  width: 13px;
}
.select__footerCorp__optList__section::-webkit-scrollbar-track {
  background: transparent;
}
.select__footerCorp__optList__section::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.select__footerCorp__optList__group {
  padding: 4px 0 4px 4px;
}
.select__footerCorp__optList__item {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 6px;
  border-radius: 6px;
}
.select__footerCorp__optList__item:hover {
  background: #707070;
  color: #fff;
}

[class*=btn__] .ico {
  flex-shrink: 0;
}

a[class*=btn__] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0;
}

.btn__default {
  width: 100%;
  height: 50px;
  max-width: 320px;
  background: #000;
  padding: 0 20px;
  border-radius: 13px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .btn__default {
    height: 40px;
    border-radius: 8px;
  }
}
.btn__default span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn__default span.txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .btn__default span.txt {
    font-size: 14px;
  }
}
.btn__default:disabled {
  background: #bbb;
}
.btn__default + button {
  margin-left: 10px;
}
.btn__default:not(:only-of-type):first-of-type {
  background: #909090;
}
@media (max-width: 1200px) {
  .btn__default:not(:only-of-type) {
    width: calc((100% - 10px) / 2);
    max-width: none !important;
  }
}
.btn-filter {
  height: 100%;
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  padding: 0 4px;
  background: #fff;
  border-radius: 4px;
}
.btn-filter::before {
  background: url(/static/front/images/ico/ico_filter_16_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
}
.btn-filter.is-active {
  background: #000;
  border-color: #000;
}
.btn-filter.is-active .txt {
  color: #fff;
}
.btn-filter.is-active::before {
  background-image: url(/static/front/images/ico/ico_filter_16_white.svg);
  opacity: 1;
}
.btn-filter .txt {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn-filter::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  opacity: 0.5;
}
.btn__smallDefault {
  max-width: 100%;
  height: 32px;
  padding: 0 14px;
  background: #000;
  border-radius: 8px;
}
.btn__smallDefault .txt {
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn__underline {
  max-width: 100%;
}
.btn__underline.--err .txt {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #ee1a1a;
  line-height: 18px;
  letter-spacing: inherit;
}
.btn__underline .txt {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 18px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: underline;
}
.btn__nomarl {
  width: 100%;
  height: 50px;
  max-width: 320px;
  background: #000;
  padding: 0 20px;
  border-radius: 13px;
  overflow: hidden;
}
.btn__nomarl span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn__nomarl span.txt {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.btn__nomarl:disabled {
  background: #bbb;
}
.btn__nomarl + button {
  margin-left: 10px;
}
.btn__nomarl:not(:only-of-type) + button {
  margin-left: 10px;
}
.btn__share {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_share_24_grey.svg) no-repeat center/contain;
}
.btn__share.--black {
  background-image: url(/static/front/images/ico/ico_share_24_black.svg);
}
.btn__share .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__delete {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
}
.btn__delete .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__down {
  width: 16px;
  height: 16px;
  background: url(/static/front/images/ico/ico_down_16_Black.svg) no-repeat center/contain;
}
.btn__down .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__drop {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_change_20_grey.svg) no-repeat center/contain;
}
.btn__drop .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__del2 {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_delete_20_grey.svg) no-repeat center/contain;
}
.btn__del2 .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__more {
  width: 16px;
  height: 16px;
  background: url(/static/front/images/ico/ico_more_16_black.svg) no-repeat center/contain;
}
.btn__more .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__edit {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_edit_20.svg) no-repeat center/contain;
}
.btn__edit .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__bigger {
  width: 30px;
  height: 30px;
  background: url(/static/front/images/ico/ico_map_bigger.svg) no-repeat center/contain;
}
.btn__bigger .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__link .ico {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_link_cic.svg) no-repeat center/contain;
}
.btn__link .txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-left: 8px;
}
.btn__refresh {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_refresh_24_gray.svg) no-repeat center/contain;
}
.btn__refresh .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__down__white {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/icon_download_20_white.svg) no-repeat center/contain;
}
.btn__down__white .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.btn__email .ico {
  width: 28px;
  height: 22px;
  background: url(/static/front/images/ico/ico_email_28x22.svg) no-repeat center/contain;
}
.btn__email .txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-left: 8px;
}
.btn__ico .ico {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.btn__ico .ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.btn__ico .txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  padding-left: 8px;
}
.btn__row {
  display: flex;
  align-items: center;
}
.btn__row .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .btn__row .txt {
    font-size: 14px;
  }
}
.btn__row::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
  content: "";
}
.btn__arrow {
  display: flex;
  align-items: center;
}
.btn__arrow .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .btn__arrow .txt {
    font-size: 14px;
  }
}
.btn__arrow::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
}
.btn__lineArrow {
  width: 168px;
  height: 54px;
  border: 1px solid #404040;
  border-radius: 8px;
}
.btn__lineArrow .txt {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .btn__lineArrow .txt {
    font-size: 14px;
  }
}
.btn__lineArrow::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  margin-left: 26px;
  content: "";
}
@media (max-width: 1200px) {
  .btn__lineArrow {
    width: 132px;
    height: 44px;
  }
}
.btn__leftIco {
  width: auto;
  height: 44px;
  border: 1px solid #bbb;
  border-radius: 30px;
  padding: 0 20px;
}
.btn__leftIco .ico {
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.btn__leftIco .ico &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.btn__leftIco .ico + .txt {
  padding-left: 8px;
}
.btn__leftIco .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.btn__leftIco + .btn__leftIco {
  margin-left: 8px;
}
.btn__group {
  display: flex;
  justify-content: center;
}
.btn__group.--max-w155 .btn__default {
  max-width: 155px;
  padding: 0 10px;
}

.dlTable__section dl {
  display: flex;
  flex-wrap: wrap;
}
.dlTable__section dl dt,
.dlTable__section dl dd {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bbb;
  min-height: 70px;
}
@media (max-width: 1200px) {
  .dlTable__section dl dt,
  .dlTable__section dl dd {
    min-height: 60px;
  }
}
.dlTable__section dl dt .dlTxt,
.dlTable__section dl dd .dlTxt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .dlTable__section dl dt .dlTxt,
  .dlTable__section dl dd .dlTxt {
    font-size: 14px;
  }
}
.dlTable__section dl dt {
  flex-shrink: 0;
  width: 25%;
  padding: 20px;
  background: #e0e0e0;
}
@media (max-width: 1200px) {
  .dlTable__section dl dt {
    width: 30%;
  }
}
.dlTable__section dl dt .dlTxt {
  font-weight: 600;
}
.dlTable__section dl dd {
  width: 75%;
  padding: 10px;
  background: #fff;
}
.dlTable__section dl dd .dlTxt {
  padding-left: 10px;
}
.dlTable__section dl dd .validation__group {
  width: 100%;
}
@media (max-width: 1200px) {
  .dlTable__section dl dd {
    width: 70%;
  }
}

.tabTravel__click__section.is-tab-disabled .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #fff;
  border-color: #e0e0e0;
}
.tabTravel__click__section.is-tab-disabled .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu span {
  font-weight: 400;
  color: #909090;
}
.tabTravel__click__section.is-tab-disabled .tabTravel__click__menu {
  pointer-events: none;
}
.tabTravel__click__section.is-tab-disabled .tabTravel__click__pannel__group {
  display: none;
}
.tabTravel__click__section.--type2.is-tab-disabled .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #fff;
  border-color: #e0e0e0;
}
.tabTravel__click__section.--type2.is-tab-disabled .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu span {
  font-weight: 400;
  color: #909090;
}
.tabTravel__click__section.--type2.is-tab-disabled .tabTravel__click__menu {
  pointer-events: none;
}
.tabTravel__click__section.--type2.is-tab-disabled .tabTravel__click__pannel__group {
  display: none;
}
.tabTravel__click__section.--type2 .tabTravel__click__group &gt; li {
  min-width: auto;
  max-width: auto;
  width: auto;
  height: 44px;
}
.tabTravel__click__section.--type2 .tabTravel__click__group &gt; li .tabTravel__click__menu span {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.tabTravel__click__section.--type2 .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #000;
  border-color: #000;
}
.tabTravel__click__section.--type2 .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu span {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.tabTravel__click__section.--type2 .tabTravel__click__group &gt; li + li {
  margin-left: 12px;
}
.tabTravel__click__group {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.tabTravel__click__group &gt; li {
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .tabTravel__click__group &gt; li {
    min-width: 150px;
    max-width: calc((100% - 40px) / 3);
    height: 50px;
  }
  .tabTravel__click__group &gt; li + li {
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .tabTravel__click__group &gt; li {
    width: calc((100% - 12px) / 3);
    height: 45px;
  }
  .tabTravel__click__group &gt; li + li {
    margin-left: 6px;
  }
}
.tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #ff7062;
  border-color: #ff7062;
}
.tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu span {
  font-weight: 800;
  color: #fff;
}
@media (min-width: 1201px) {
  .tabTravel__click__group.--type2 &gt; li {
    min-width: auto;
    height: 50px;
  }
  .tabTravel__click__group.--type2 &gt; li + li {
    margin-left: 8px;
  }
}
@media (max-width: 1200px) {
  .tabTravel__click__group.--type2 &gt; li {
    width: auto;
    height: 41px;
  }
  .tabTravel__click__group.--type2 &gt; li + li {
    margin-left: 6px;
  }
}
.tabTravel__click__group.--type2 &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #000;
  border-color: #000;
}
.tabTravel__click__group.--type2 &gt; li .tabTravel__click__menu {
  width: auto;
}
@media (max-width: 1200px) {
  .tabTravel__click__group.--type2 {
    overflow-x: scroll;
  }
  .tabTravel__click__group.--type2::-webkit-scrollbar {
    width: 13px;
  }
  .tabTravel__click__group.--type2::-webkit-scrollbar-track {
    background: transparent;
  }
  .tabTravel__click__group.--type2::-webkit-scrollbar-thumb {
    background: #bbb;
    background-clip: padding-box;
    border-radius: 13px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
  }
}
.tabTravel__click__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  padding: 0 20px;
  background: #fff;
  border-radius: 25px;
}
.tabTravel__click__menu span {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.tabTravel__click__menu span.menu {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 4px;
}
.tabTravel__click__menu span.num {
  flex-shrink: 0;
}
.tabTravel__click__menu span:only-of-type {
  padding-right: 0;
}
@media (max-width: 1200px) {
  .tabTravel__click__menu span {
    font-size: 15px;
  }
}
.tabTravel__click__pannel__group {
  display: none;
}
@media (min-width: 1201px) {
  .tabTravel__click__pannel__group {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .tabTravel__click__pannel__group {
    margin-top: 16px;
  }
}
.tabTravel__click__pannel__group.is-tab-opened {
  display: block;
}

.swiper__group {
  position: relative;
}
.swiper__group .swiper-button-next, .swiper__group .swiper-button-prev {
  background: url(/static/front/images/ico/ico_arrowLarge_60_gray.svg) no-repeat center/contain;
  margin-top: calc(0px - var(--swiper-navigation-size) / 1);
  width: 54px;
  height: 54px;
}
.swiper__group .swiper-button-next::after, .swiper__group .swiper-button-prev::after {
  display: none;
}
@media (max-width: 1200px) {
  .swiper__group .swiper-button-next, .swiper__group .swiper-button-prev {
    display: none;
  }
}
.swiper__group .swiper-button-next {
  right: -4.5%;
  transform: scaleX(-1);
}
.swiper__group .swiper-button-prev {
  left: -4.5%;
}
.swiper__group .swiper-button-disabled {
  opacity: 1;
  cursor: auto;
  pointer-events: auto;
}
.swiper__card01 {
  max-width: 1220px;
  padding-bottom: 50px;
}
@media (min-width: 1201px) {
  .swiper__card01.--type01 .swiper-slide.swiper-slide-next .cardList {
    background-color: #f9eae8;
    border: 1px solid #f9eae8;
  }
}
@media (max-width: 1200px) {
  .swiper__card01.--type01 .swiper-slide.swiper-slide-active .cardList {
    background-color: #f9eae8;
    border: 1px solid #f9eae8;
  }
}
.swiper__card01 .swiper-slide {
  height: max-content;
  border-radius: 18px;
}
.swiper__card01 .swiper-pagination {
  bottom: 0;
}
.swiper__card01 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.swiper__card01 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7062;
}
@media (max-width: 767px) {
  .swiper__card01 {
    padding-bottom: 40px;
  }
}
.swiper__card01 .cardList {
  width: 100%;
  height: 100%;
  max-width: 780px;
  background-color: #fff;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid #e0e0e0;
  background-color: #f8f8f8;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList {
    padding: 12px;
  }
}
.swiper__card01 .cardList__dimed {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #e0e0e0;
  position: absolute;
  z-index: 9;
  border-radius: 18px;
}
.swiper__card01 .cardList.--active {
  background-color: #f9eae8;
  border: 1px solid #f9eae8;
}
.swiper__card01 .cardList li {
  overflow: hidden;
}
.swiper__card01 .cardList li + li {
  margin-top: 12px;
}
.swiper__card01 .cardList__img {
  width: 100%;
  height: 130px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.swiper__card01 .cardList__img &gt; img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__img {
    width: 100%;
    height: 100px;
    border-radius: 13px;
    margin-bottom: 12px;
  }
}
.swiper__card01 .cardList__btn {
  width: 100%;
  height: auto;
}
.swiper__card01 .cardList__btn .ico.--del {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_listDelete_24_darkgrey.svg) no-repeat center/contain;
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 2;
}
.swiper__card01 .cardList__tit {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px;
}
.swiper__card01 .cardList__tit.--gt {
  padding-right: 24px;
}
.swiper__card01 .cardList__tit.--gt::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__tit {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 50px;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__txt {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__sub {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__sub {
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__date {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__date {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__cardSub {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__cardSub {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__ell {
  max-width: 100px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .swiper__card01 .cardList__ell {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.swiper__card01 .cardList__ico {
  display: inline-block;
}
.swiper__card01 .cardList__ico + .cardList__ico {
  margin-left: 12px;
}
.swiper__card01 .cardList__ico.--cal::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_blackPink.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
.swiper__card01 .cardList__ico.--pan::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_pan_20_blackPink.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
.swiper__card01 .cardList__ico.--sto::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_store_20_blackPink.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
.swiper__card01 .cardList__ico.--open::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_open_20_blackPink.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
.swiper__card01 .cardList__ico.--lock::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_lock_20_blackPink.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
.swiper__card01 .cardList__ico.--view::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat left/contain;
  content: "";
  padding-right: 20px;
  padding-left: 2px;
}
@media (max-width: 1200px) {
  .swiper__card01.--type02 {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-right: 40px;
  }
  .swiper__card01.--type02 .swiper-wrapper {
    padding-left: 20px;
  }
}
.swiper__card01.--type02 .cardList {
  padding: 0;
  border: none;
  background: none;
}
.swiper__card01.--type02 .cardList__img {
  width: 100%;
  height: 200px;
}
.swiper__card01.--type03 .cardList {
  padding: 0;
  background-color: #fff;
  box-shadow: none;
}
.swiper__card01.--type03 .cardList:hover {
  background-color: #fff;
}
.swiper__card01.--type03 .cardList__img {
  width: 100%;
  height: 100%;
}
.swiper__card01.--type03 .cardList__img__tit {
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.swiper__card01.--type03 .swiper-wrapper {
  flex-direction: row;
  align-items: flex-end;
}
.swiper__card01.--type03 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 240px;
  border-radius: 18px;
  position: relative;
  box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .swiper__card01.--type03 .swiper-wrapper .swiper-slide {
    height: 120px;
  }
}

.like-check {
  display: inline-block;
  position: absolute;
  bottom: 10px;
  right: 12px;
}
.like-check input[type=checkbox] {
  display: none;
}
.like-check label {
  width: 24px;
  height: 24px;
}
.like-check input[type=checkbox] + label .chk_like {
  width: 24px;
  height: 24px;
  /*background: url(/static/front/images/ico/ico_like_24_white.svg) no-repeat center/contain;*/
  background: url(/static/front/images/advance/add_on/Icon_good.svg) no-repeat center/contain;
  cursor: pointer;
}
.like-check input[type=checkbox]:checked + label .chk_like {
  /*background-image: url(/static/front/images/ico/ico_like_24_pink.svg);*/
  background: url(/static/front/images/advance/add_on/Icon_good_on.svg) no-repeat center/contain;
}

.datepicker__inline__group {
  display: flex;
  flex-direction: column-reverse;
  max-width: 620px;
  margin: 0 auto;
}
.datepicker__inline__group .lightpick {
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 19px;
  letter-spacing: inherit;
  padding: 30px 0 20px;
  border-radius: 0;
  box-shadow: none;
  z-index: 0;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick {
    padding: 24px 0 20px;
  }
}
.datepicker__inline__group .lightpick__select {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 29px;
  letter-spacing: inherit;
  opacity: 1;
}
.datepicker__inline__group .lightpick__select.lightpick__select-years {
  margin-left: 20px;
}
.datepicker__inline__group .lightpick__select.lightpick__select-months {
  margin-right: 20px;
}
.datepicker__inline__group .lightpick__select option {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  padding: 5px 10px;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__select {
    font-size: 20px;
    line-height: 24px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-years {
    margin-left: 30px;
  }
  .datepicker__inline__group .lightpick__select.lightpick__select-months {
    margin-right: 30px;
  }
}
.datepicker__inline__group .lightpick__month {
  width: 100%;
  padding: 0;
}
.datepicker__inline__group .lightpick__month-title {
  order: 2;
  margin: 0;
  padding: 0;
  font: initial;
}
.datepicker__inline__group .lightpick__month-title-bar {
  justify-content: center;
  margin-bottom: 30px;
}
.datepicker__inline__group .lightpick__previous-action, .datepicker__inline__group .lightpick__next-action {
  width: 11px;
  height: 19px;
  margin: 0;
  border-radius: 0;
}
.datepicker__inline__group .lightpick__previous-action &gt; span, .datepicker__inline__group .lightpick__next-action &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.datepicker__inline__group .lightpick__previous-action {
  background: url(/static/front/images/ico_datepicker_arrowL_darkbg.svg) no-repeat center/contain;
  order: 1;
}
.datepicker__inline__group .lightpick__next-action {
  background: url(/static/front/images/ico_datepicker_arrowR_darkbg.svg) no-repeat center/contain;
  order: 3;
}
.datepicker__inline__group .lightpick__days-of-the-week {
  margin-bottom: 20px;
}
.datepicker__inline__group .lightpick__day-of-the-week {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
.datepicker__inline__group .lightpick__day {
  width: auto;
  height: 60px;
  border-radius: 0 !important;
}
.datepicker__inline__group .lightpick__day &gt; p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 19px;
  letter-spacing: inherit;
  border-radius: 50%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__day {
    height: 40px;
    margin: 5px 0;
  }
  .datepicker__inline__group .lightpick__day &gt; p {
    width: 40px;
  }
}
.datepicker__inline__group .lightpick__day:hover:not(.is-in-range) {
  background: transparent;
}
.datepicker__inline__group .lightpick__day.is-today {
  background: transparent;
  font: initial;
}
.datepicker__inline__group .lightpick__day.is-today &gt; p {
  color: #904eca;
}
.datepicker__inline__group .lightpick__day.is-in-range {
  background: #f9eae8;
}
.datepicker__inline__group .lightpick__day.is-end-date, .datepicker__inline__group .lightpick__day.is-start-date {
  background: transparent;
}
.datepicker__inline__group .lightpick__day.is-end-date &gt; p, .datepicker__inline__group .lightpick__day.is-start-date &gt; p {
  background: #ff7062;
  color: #fff;
}
.datepicker__inline__group .lightpick__day.is-start-date.is-in-range:not(.is-end-date), .datepicker__inline__group .lightpick__day.is-end-date.is-in-range.is-flipped:not(.is-start-date) {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, #f9eae8 50%);
}
.datepicker__inline__group .lightpick__day.is-end-date.is-in-range:not(.is-start-date), .datepicker__inline__group .lightpick__day.is-start-date.is-in-range.is-flipped:not(.is-end-date) {
  background: rgb(255, 255, 255);
  background: linear-gradient(-90deg, rgb(255, 255, 255) 50%, #f9eae8 50%);
}
.datepicker__inline__group .lightpick__day.is-available ~ .is-disabled, .datepicker__inline__group .lightpick__day.is-available.is-in-range ~ .is-in-range.is-disabled {
  opacity: 1;
}
.datepicker__inline__group .lightpick__day.is-previous-month, .datepicker__inline__group .lightpick__day.is-available.is-in-range ~ .is-disabled {
  opacity: 0.2;
}
.datepicker__inline__group .lightpick__day:nth-of-type(7n):not(.is-previous-month) p {
  color: #078ace;
}
.datepicker__inline__group .lightpick__day:nth-of-type(7n + 1):not(.is-previous-month) p {
  color: #ee1a1a;
}
@media (max-width: 767px) {
  .datepicker__inline__group .lightpick__day.is-available ~ .is-disabled {
    opacity: 0.5;
  }
  .datepicker__inline__group .lightpick__day.is-available.is-start-date ~ .is-disabled {
    opacity: 0.5;
  }
}
.datepicker__inline__group .is-select ~ .lightpick .lightpick__day.is-available.is-in-range ~ .is-disabled {
  opacity: 1;
}
.datepicker__inline__info__group {
  display: flex;
  margin-top: 20px;
}
.datepicker__inline__info__group &gt; li {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
.datepicker__inline__info__group &gt; li + li {
  margin-left: 20px;
}
.datepicker__inline__info__group &gt; li::before {
  width: 20px;
  height: 20px;
  content: "";
  flex-shrink: 0;
  margin-right: 8px;
  background: #904eca;
  border-radius: 50%;
}
.datepicker__inline__info__group &gt; li.select::before {
  background: #ff7062;
}
.datepicker__inline__select__group {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.datepicker__inline__select__group &gt; li.ico {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_calendar_20_blackPink.svg) no-repeat center/contain;
  margin-right: 6px;
}
.datepicker__inline__select__group &gt; li.txt {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: inherit;
}
.datepicker__inline__select__group &gt; li.txt.is-select {
  color: #000;
}
.datepicker__range__section {
  display: flex;
  align-items: center;
  position: relative;
}
.datepicker__range__section .to {
  width: 10px;
  height: 2px;
  margin: 0 10px;
  background: #bbb;
}
@media (max-width: 1200px) {
  .datepicker__range__section .to {
    width: 8px;
    margin: 4px;
  }
}
.datepicker__range__section.is-date-select .range-start::before,
.datepicker__range__section.is-date-select .range-end::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: 40px;
  content: "";
  background: #f5f5f5;
}
@media (max-width: 359px) {
  .datepicker__range__section.is-date-select .range-start::before,
  .datepicker__range__section.is-date-select .range-end::before {
    height: 28px;
  }
}
.datepicker__range__section.is-date-select .range-start::before {
  right: 0;
}
.datepicker__range__section.is-date-select .range-end::before {
  left: 0;
}
.datepicker__range__group {
  flex-grow: 1;
  max-width: calc((100% - 30px) / 2);
  height: 50px;
  background: #fff;
}
@media (max-width: 1200px) {
  .datepicker__range__group {
    max-width: calc((100% - 16px) / 2);
    height: 40px;
  }
}
.datepicker__range__group &gt; input {
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  background: url(/static/front/images/ico/ico_datapicker_18_warmGrey.svg) no-repeat center right/18px;
  padding: 0 16px;
  border-radius: 4px;
  background-origin: content-box;
}
@media (max-width: 1200px) {
  .datepicker__range__group &gt; input {
    border-radius: 7px;
    font-size: 14px;
  }
}
.datepicker__range__group &gt; input.datepicker-input.in-edit {
  border-color: #707070;
}
.datepicker__range__group &gt; input.datepicker-input.in-edit:active, .datepicker__range__group &gt; input.datepicker-input.in-edit:focus {
  box-shadow: none;
}
.datepicker__range__group .datepicker {
  padding-top: 8px;
}
@media (max-width: 1200px) {
  .datepicker__range__group .datepicker {
    left: 0 !important;
  }
}
.datepicker__range__group .datepicker-picker {
  width: 100%;
  max-width: 383px;
  padding: 24px 20px;
  border-radius: 10px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
}
@media (max-width: 1200px) {
  .datepicker__range__group .datepicker-picker {
    max-width: 100%;
  }
}
.datepicker__range__group .datepicker-main {
  padding: 0;
}
.datepicker__range__group .datepicker-view {
  width: 100%;
}
.datepicker__range__group .datepicker-view .days {
  width: 100%;
}
.datepicker__range__group .datepicker-view .days-of-week {
  margin-bottom: 10px;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 50px;
  background: transparent;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell &gt; span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 19px;
  letter-spacing: inherit;
  flex: 0 0 40px;
  position: relative;
  border-radius: 50%;
}
@media (max-width: 1200px) {
  .datepicker__range__group .datepicker-view .days .datepicker-cell &gt; span {
    font-size: 14px;
  }
}
@media (max-width: 359px) {
  .datepicker__range__group .datepicker-view .days .datepicker-cell &gt; span {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: 12px;
  }
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.today &gt; span {
  background: transparent;
  color: #ff7062;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.selected &gt; span, .datepicker__range__group .datepicker-view .days .datepicker-cell.range-end &gt; span, .datepicker__range__group .datepicker-view .days .datepicker-cell.range-start &gt; span {
  background: #ff7062;
  color: #fff !important;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.range &gt; span {
  background: #f5f5f5;
  border-radius: 0;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.range::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  content: "";
  background: #f5f5f5;
}
@media (max-width: 359px) {
  .datepicker__range__group .datepicker-view .days .datepicker-cell.range::before {
    height: 28px;
  }
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.day:hover {
  background: transparent;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell:nth-of-type(7n):not(.holiday) &gt; span {
  color: #ff7062;
}
.datepicker__range__group .datepicker-view .days .datepicker-cell.holiday:not(.today):not(.range-end):not(.range-start) &gt; span, .datepicker__range__group .datepicker-view .days .datepicker-cell:nth-of-type(7n + 1) &gt; span {
  color: #ff7062;
}
.datepicker__range__group .datepicker-view .dow {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  height: 20px;
}
.datepicker__range__group .datepicker-grid {
  width: 100%;
}
.datepicker__range__group .datepicker-footer {
  background: transparent;
  box-shadow: none;
}
.datepicker__range__group .datepicker-footer .today-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 30px;
  border: 1px solid #707070;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: inherit;
  position: absolute;
  top: 28px;
  right: 20px;
  margin: 0;
  border-radius: 15px;
}
.datepicker__range__group [class*=-header] {
  margin-bottom: 30px;
}
.datepicker__range__group [class*=-header] .datepicker-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.datepicker__range__group [class*=-header] .datepicker-controls .button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font: initial;
}
.datepicker__range__group [class*=-header] .datepicker-controls .next-btn,
.datepicker__range__group [class*=-header] .datepicker-controls .prev-btn {
  width: 11px;
  height: 19px;
  background: url(/static/front/images/ico_datepicker_arrowL_darkbg.svg) no-repeat center/11px 19px;
}
.datepicker__range__group [class*=-header] .datepicker-controls .next-btn {
  background-image: url(/static/front/images/ico_datepicker_arrowR_darkbg.svg);
}
.datepicker__range__group [class*=-header] .datepicker-controls .view-switch {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 24px;
  letter-spacing: inherit;
  flex: 0;
  height: initial;
  margin: 0 30px;
}

@keyframes popupDimbg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 40%;
  }
}
@keyframes popupScale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popupYmove {
  0% {
    opacity: 0;
    transform: translateY(40%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.popup__inner, .popup__dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup__section {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
}
.popup__section.is-open {
  display: block;
}
.popup__section.--type2 .popup__inner {
  align-items: center;
}
.popup__section.--type2 .popup__inner .popup__container__group {
  height: max-content;
  border-radius: 20px;
  margin: 10px;
}
.popup__dim {
  background: #000;
  opacity: 0;
}
.is-open .popup__dim {
  opacity: 0.4;
  animation: popupDimbg 0.5s;
}
.popup__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .popup__inner {
    align-items: flex-end;
  }
}
@media (min-width: 1201px) and (max-height: 800px) {
  .popup__inner {
    align-items: flex-start;
    overflow-y: auto;
  }
}
.popup__container__group {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  overflow-y: auto;
  opacity: 0;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 1201px) {
  .popup__container__group {
    max-width: 860px;
    max-height: 860px;
    height: calc(100% - 40px);
    border-radius: 20px;
    animation: popupScale 0.3s 0.2s forwards;
  }
}
@media (max-width: 1200px) {
  .popup__container__group {
    max-height: 95%;
    border-radius: 20px 20px 0 0;
    animation: popupYmove 0.5s 0.2s forwards;
  }
}
.popup__container__group.--w460 {
  max-width: 460px;
}
.popup__header__group {
  height: 60px;
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .popup__header__group {
    padding: 30px 30px 5px;
  }
}
@media (max-width: 1200px) {
  .popup__header__group {
    padding: 30px 20px 5px;
  }
}
.popup__header__group.--auto {
  height: max-content;
}
.popup__header__title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 25px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 30px;
}
@media (max-width: 1200px) {
  .popup__header__title {
    font-size: 16px;
    padding-right: 20px;
  }
}
.popup__header__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
  position: absolute;
  top: 30px;
  right: 30px;
}
@media (max-width: 1200px) {
  .popup__header__close {
    right: 20px;
  }
}
.popup__contents__group {
  position: relative;
  width: 100%;
  overflow-y: auto;
}
.popup__contents__group::-webkit-scrollbar {
  width: 13px;
}
.popup__contents__group::-webkit-scrollbar-track {
  background: transparent;
}
.popup__contents__group::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
@media (min-width: 1201px) {
  .popup__contents__group {
    padding: 16px 30px 30px;
  }
}
@media (max-width: 1200px) {
  .popup__contents__group {
    padding: 6px 20px 30px;
  }
}
.popup__contents__text {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__contents__text {
    font-size: 14px;
    line-height: 24px;
  }
}
.popup__contents__text__group {
  text-align: center;
}
.popup__button:only-of-type {
  width: 155px;
  height: 50px;
  background: #000;
  padding: 0 10px;
  border-radius: 12px;
}
.popup__button:only-of-type .txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .popup__button:only-of-type {
    width: 100%;
  }
  .popup__button:only-of-type .txt {
    font-size: 14px;
  }
}
.popup__button__group {
  display: flex;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
  height: 90px;
  padding: 10px 20px 0;
}
@media (max-width: 1200px) {
  .popup__button__group {
    height: 70px;
  }
}
.popup__button__group.--type2 {
  flex-direction: column;
}
@media (max-width: 1200px) {
  .popup__button__group.--type2 {
    height: auto;
    padding: 10px 20px;
  }
}

.popup__pmType1__section .popup__contents__group {
  padding: 0;
}
.popup__pmType1__section .popup__contents__group img {
  width: 100%;
}
@media (min-width: 1201px) {
  .popup__pmType1__section .popup__button {
    width: 238px;
    height: 52px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType1__section .popup__button .txt {
    font-size: 16px;
  }
}
.popup__pmType1__section .popup__button__group {
  align-items: center;
}
@media (min-width: 1201px) {
  .popup__pmType1__section .popup__button__group {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .popup__pmType1__section .popup__button__group {
    padding: 0 20px;
  }
}
.popup__pmType1__close {
  position: absolute;
  z-index: 10;
}
@media (min-width: 1201px) {
  .popup__pmType1__close {
    width: 52px;
    height: 52px;
    background: url(/static/front/images/ico/ico_circleClose_52.svg) no-repeat center/contain;
    top: 24px;
    right: 24px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType1__close {
    width: 42px;
    height: 42px;
    background: url(/static/front/images/ico/ico_circleClose_42.svg) no-repeat center/contain;
    top: 20px;
    right: 20px;
  }
}
.popup__pmType2__section .popup__contents__group {
  padding: 0;
}
.popup__pmType2__section .popup__button .txt {
  line-height: 24px;
}
@media (max-width: 1200px) {
  .popup__pmType2__section .popup__button .txt {
    font-size: 16px;
  }
}
.popup__pmType2__section .popup__button::after {
  background: url(/static/front/images/ico/ico_download_16_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-left: 10px;
}
@media (min-width: 1201px) {
  .popup__pmType2__section .popup__button::after {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType2__section .popup__button::after {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 1201px) {
  .popup__pmType2__section .popup__button {
    width: 238px;
    height: 52px;
  }
}
.popup__pmType2__section .popup__button__group {
  align-items: center;
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1201px) {
  .popup__pmType2__section .popup__button__group {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .popup__pmType2__section .popup__button__group {
    padding: 0 20px;
  }
}
.popup__pmType2__banner__group {
  position: relative;
}
.popup__pmType2__banner__group img {
  width: 100%;
}
@media (min-width: 1201px) {
  .popup__pmType2__conts__group {
    padding: 50px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType2__conts__group {
    padding: 34px 20px 30px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType2__conts__dl {
    padding: 0 10px;
  }
}
.popup__pmType2__conts__dl dt {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__pmType2__conts__dl dt ~ dt {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .popup__pmType2__conts__dl dt {
    font-size: 18px;
  }
  .popup__pmType2__conts__dl dt ~ dt {
    margin-top: 30px;
  }
}
.popup__pmType2__conts__dl dd {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .popup__pmType2__conts__dl dd {
    margin-top: 6px;
    font-size: 16px;
  }
}
.popup__pmType2__conts__info {
  border: 1px solid #e0e0e0;
  margin-top: 50px;
  padding: 20px;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .popup__pmType2__conts__info {
    margin-top: 40px;
  }
}
.popup__pmType2__conts__info ul &gt; li {
  overflow: hidden;
}
.popup__pmType2__conts__info ul &gt; li p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup__pmType2__conts__info ul &gt; li p span {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__pmType2__conts__info ul &gt; li p span.bold {
  font-weight: 400;
}
.popup__pmType2__conts__info ul &gt; li + li {
  margin-top: 6px;
}
.popup__pmType2__close {
  position: absolute;
  z-index: 10;
}
@media (min-width: 1201px) {
  .popup__pmType2__close {
    width: 52px;
    height: 52px;
    background: url(/static/front/images/ico/ico_circleClose_52.svg) no-repeat center/contain;
    top: 24px;
    right: 24px;
  }
}
@media (max-width: 1200px) {
  .popup__pmType2__close {
    width: 42px;
    height: 42px;
    background: url(/static/front/images/ico/ico_circleClose_42.svg) no-repeat center/contain;
    top: 20px;
    right: 20px;
  }
}
@media (min-width: 1201px) {
  .popup__confirm__section .popup__container__group {
    max-width: 420px;
    padding: 40px;
  }
}
@media (max-width: 1200px) {
  .popup__confirm__section .popup__container__group {
    width: calc(100% - 40px);
    max-width: 320px;
    padding: 30px;
    border-radius: 20px;
    animation-name: popupScale;
  }
}
@media (max-width: 1200px) {
  .popup__confirm__section .popup__inner {
    align-items: center;
  }
}
.popup__confirm__title {
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__confirm__title {
    font-size: 22px;
  }
}
.popup__confirm__title + .popup__confirm__conts {
  margin-top: 24px;
}
.popup__confirm__title + .popup__confirm__subTitle {
  margin-top: 8px;
}
.popup__confirm__subTitle {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .popup__confirm__subTitle {
    font-size: 14px;
  }
}
.popup__confirm__list &gt; li .title {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__confirm__list &gt; li .title {
    font-size: 15px;
  }
}
.popup__confirm__list &gt; li .title + .input {
  margin-top: 8px;
}
@media (min-width: 1201px) {
  .popup__confirm__list &gt; li + li {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__confirm__list &gt; li + li {
    margin-top: 12px;
  }
}
.popup__confirm__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.popup__confirm__button button {
  width: calc((100% - 10px) / 2);
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  border-radius: 13px;
}
@media (max-width: 1200px) {
  .popup__confirm__button button {
    width: calc((100% - 8px) / 2);
    font-size: 15px;
  }
}
.popup__confirm__button button:first-of-type {
  background: #909090;
}
.popup__confirm__button button:last-of-type {
  background: #000;
}
@media (min-width: 1201px) {
  .popup__confirm__button button + button {
    margin-left: 10px;
  }
}
@media (max-width: 1200px) {
  .popup__confirm__button button + button {
    margin-left: 8px;
  }
}
.popup__langSelect__section .popup__container__group {
  width: calc(100% - 40px);
  max-width: 320px;
  padding: 58px 14px 14px;
  border-radius: 20px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  animation: popupScale 0.3s 0.2s forwards;
}
.popup__langSelect__section .popup__dim {
  opacity: 0;
  animation: none;
}
@media (max-width: 1200px) {
  .popup__langSelect__section .popup__inner {
    align-items: center;
  }
}
@media (min-width: 1201px) {
  .popup__langSelect__section.is-open {
    display: none;
  }
}
.popup__langSelect__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 100;
}
.popup__langSelect__close span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.popup__langSelect__list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -4px;
}
.popup__langSelect__list &gt; li {
  margin: 5px 4px;
}
.popup__langSelect__list__group {
  overflow: hidden;
}
.popup__mchannel__section {
  height: auto;
}
.popup__mchannel__ptit {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .popup__mchannel__ptit {
    font-size: 14px;
  }
}
.popup__mchannel__table {
  border-top: 1px solid #000;
  max-width: 640px;
  margin: 0 auto;
}
.popup__mchannel__table tr {
  border-bottom: 1px solid #bbb;
}
.popup__mchannel__table th {
  background-color: #e0e0e0;
  padding: 20px 0;
  font-size: 14px;
}
.popup__mchannel__table td {
  text-align: center;
  padding: 20px 0;
  font-size: 14px;
}
.popup__mchannel__list02 &gt; ul &gt; li + li {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .popup__mchannel__list02 .ptxt {
    font-size: 14px;
  }
}
.popup__mchannel__list02__box {
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 24px;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .popup__mchannel__list02__box {
    font-size: 14px;
  }
}
.popup__mchannel__list02__flex {
  display: flex;
  justify-content: space-between;
  display: flex;
  align-items: flex-end;
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .popup__mchannel__list02__flex {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .popup__mchannel__list02__flex &gt; p {
    font-size: 14px;
    width: 100%;
  }
  .popup__mchannel__list02__flex &gt; p + .ckbox__item {
    margin-top: 10px;
  }
}
.popup__mchannel__list02__flex &gt; p::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #404040;
  display: inline-block;
  border-radius: 10px;
  margin-right: 6px;
  margin-bottom: 3px;
}
.popup__mchannel__list03__tit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  letter-spacing: -0.16px;
}
.popup__mchannel__list03__tit &gt; span {
  color: #078ace;
}
.popup__mchannel__list03__box {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  margin-bottom: 30px;
  padding: 16px 0;
}
.popup__mchannel__list03 .ipt__textarea__group {
  margin-top: 16px;
}
.popup__mchannel__list03__chk {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  overflow: hidden;
}
.popup__mchannel__list03__chk &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .popup__mchannel__list03__chk &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .popup__mchannel__list03__chk &gt; ul {
    margin: -5px;
  }
}
.popup__mchannel__list03__chk &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .popup__mchannel__list03__chk &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .popup__mchannel__list03__chk &gt; ul &gt; li {
    width: calc(100% - 10px);
    margin: 5px;
  }
}
.popup__mchannel__list03__chk &gt; ul {
  width: 100%;
}
.popup__mchannel__list03__chk .ckbox__item label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  align-items: center;
  border-radius: 8px;
  padding: 0 17px;
}
.popup__mchannel__list03__chk .ckbox__item li + li .ipt__ckbox__group {
  margin-left: 0;
}
.popup__mchannel__list03__chk .ckbox__item input[type=checkbox] + label {
  box-shadow: inset 0 0 0 1px #707070;
}
.popup__mchannel__list03__chk .ckbox__item input[type=checkbox] + label .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__mchannel__list03__chk .ckbox__item input[type=checkbox]:checked + label {
  box-shadow: inset 0 0 0 2px #078ace;
}
@media (max-width: 1200px) {
  .popup__mchannel__list03__chk &gt; ul {
    flex: 1;
  }
}
.popup__mchannel__itemlist {
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .popup__mchannel__itemlist {
    max-width: 550px;
  }
}
.popup__mchannel__itemlist ul {
  display: flex;
  justify-content: flex-start;
  width: calc(100% + 16px);
  height: auto;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .popup__mchannel__itemlist ul {
    margin-left: -10px;
  }
}
.popup__mchannel__itemlist ul li {
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
  align-items: center;
  padding: 5px 0;
}
.popup__mchannel__itemlist ul li .check {
  background-color: #fff;
  padding: 20px;
}
@media (max-width: 1200px) {
  .popup__mchannel__itemlist ul li .check {
    padding: 7px;
  }
}
.popup__mchannel__itemlist ul li .check input[type=checkbox] {
  display: none;
}
.popup__mchannel__itemlist ul li .check label {
  border-radius: 120px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #909090;
  color: #909090;
  position: relative;
}
@media (max-width: 1200px) {
  .popup__mchannel__itemlist ul li .check label {
    width: 68px;
    height: 68px;
    font-size: 14px;
  }
}
.popup__mchannel__itemlist ul li .check label:hover {
  border: 1px solid #000;
  color: #000;
}
.popup__mchannel__itemlist ul li .check input[type=checkbox] + label {
  background-color: #fff;
  cursor: pointer;
}
.popup__mchannel__itemlist ul li .check input[type=checkbox]:checked + label {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.popup__mchannel__itemlist ul li .check input[type=checkbox]:checked + label::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_check_20_white.svg) no-repeat center/contain;
  position: absolute;
  top: 28px;
}
@media (max-width: 1200px) {
  .popup__mchannel__itemlist ul li .check input[type=checkbox]:checked + label::after {
    width: 14px;
    height: 14px;
    top: 10px;
  }
}
.popup__confirm-n__section .popup__container__group {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .popup__confirm-n__section .popup__container__group {
    max-width: 420px;
    padding: 30px;
    max-height: calc(100% - 40px);
    height: auto;
  }
}
@media (max-width: 1200px) {
  .popup__confirm-n__section .popup__container__group {
    width: calc(100% - 40px);
    padding: 24px;
    border-radius: 20px;
    animation-name: popupScale;
  }
}
@media (max-width: 1200px) {
  .popup__confirm-n__section .popup__inner {
    align-items: center;
  }
}
.popup__confirm-n__section .popup__header__group {
  position: relative;
  padding: 0;
  height: auto;
}
@media (min-width: 1201px) {
  .popup__confirm-n__section .popup__header__group button.mapPop__btnHistory {
    display: none;
  }
  .popup__confirm-n__section .popup__header__group h2 {
    padding-left: 0;
  }
}
@media (max-width: 1200px) {
  .popup__confirm-n__section .popup__header__group {
    padding: 15px 0;
  }
  .popup__confirm-n__section .popup__header__group h2 {
    font-size: 20px;
    text-align: center;
  }
}
.popup__confirm-n__section .popup__header__group + .popup__confirm-n__conts {
  margin-top: 24px;
}
.popup__confirm-n__section .popup__header__close {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .popup__confirm-n__section .popup__header__close {
    display: none;
  }
}
.popup__confirm-n__section.--type-A .popup__container__group {
  max-width: 1220px;
}
@media (max-width: 1200px) {
  .popup__confirm-n__section.--type-A .popup__container__group {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0 20px;
  }
}
@media (max-width: 1200px) {
  .popup__confirm-n__section.--type-A .popup__header__group {
    width: calc(100% + 40px);
    margin-left: -20px;
    border-bottom: 1px solid #f5f5f5;
  }
  .popup__confirm-n__section.--type-A .popup__header__group .mapPop__btnHistory {
    left: 20px;
  }
}
.popup__confirm-n__section.--type-A .btn__default {
  height: 50px;
  border-radius: 13px;
}
.popup__confirm-n__section.--type-A .newPlan__inner {
  padding: 0;
}
.popup__confirm-n__section.--type-A .newPlan__inner .datepicker__inline__select__group {
  margin-top: 0;
  display: none;
}
@media (max-width: 1200px) {
  .popup__confirm-n__section.--type-A .newPlan__inner {
    padding-bottom: 80px;
  }
}
.popup__confirm-n__section.--type-B .popup__container__group {
  padding: 54px 30px 30px;
  min-height: 185px;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .popup__confirm-n__section.--type-B .popup__container__group {
    padding: 54px 24px 24px;
  }
}
.popup__confirm-n__section.--type-B .btn__default {
  height: 50px;
  border-radius: 13px;
}
.popup__confirm-n__section.--type-C .popup__container__group {
  padding: 20px;
}
@media (max-width: 1200px) {
  .popup__confirm-n__section.--type-C .popup__container__group {
    padding: 16px;
  }
}
.popup__confirm-n__conts {
  overflow-y: auto;
}
.popup__confirm-n__conts::-webkit-scrollbar {
  width: 13px;
}
.popup__confirm-n__conts::-webkit-scrollbar-track {
  background: transparent;
}
.popup__confirm-n__conts::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.popup__confirm-n__title {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__confirm-n__title {
    font-size: 16px;
  }
}
.popup__confirm-n__title + .popup__confirm-n__conts {
  margin-top: 24px;
}
.popup__confirm-n__title + .popup__confirm-n__subTitle {
  margin-top: 8px;
}
.popup__confirm-n__subTitle {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__confirm-n__subTitle {
    font-size: 14px;
  }
}
.popup__confirm-n__subTitle + .popup__confirm-n__conts {
  margin-top: 24px;
}
.popup__confirm-n__list &gt; li .title {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
}
.popup__confirm-n__list &gt; li .title + .input {
  margin-top: 8px;
}
.popup__confirm-n__list &gt; li .title + .text {
  margin-top: 8px;
}
.popup__confirm-n__list &gt; li .text {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 26px;
  letter-spacing: inherit;
  text-align: center;
}
@media (max-width: 1200px) {
  .popup__confirm-n__list &gt; li .text {
    font-size: 14px;
  }
}
.popup__confirm-n__list &gt; li .text .btn-sel .btn__group {
  display: inline-block;
  max-width: 103px;
  border-bottom: 1px solid #909090;
  padding-bottom: 2px;
}
.popup__confirm-n__list &gt; li .text .btn-sel .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg);
}
.popup__confirm-n__list &gt; li .text .btn-sel .btn__arrow .txt {
  color: #078ace;
}
.popup__confirm-n__list &gt; li .text .desc p {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 10px;
}
.popup__confirm-n__list &gt; li input[type=text] {
  padding: 0;
}
.popup__confirm-n__list &gt; li input[type=text]:focus-within {
  box-shadow: none;
}
.popup__confirm-n__list &gt; li input[type=text]::placeholder {
  color: #e0e0e0;
  opacity: 1;
}
.popup__confirm-n__list &gt; li .ipt__text__group {
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #bbb;
}
.popup__confirm-n__list &gt; li .ipt__text__group.is-active {
  border-bottom: 1px solid #000;
}
@media (min-width: 1201px) {
  .popup__confirm-n__list &gt; li + li {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__confirm-n__list &gt; li + li {
    margin-top: 12px;
  }
}
.popup__confirm-n__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-bottom: -30px;
}
@media (max-width: 1200px) {
  .popup__confirm-n__button {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-bottom: -24px;
  }
}
.popup__confirm-n__button button {
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  border-top: 1px solid #e0e0e0;
  border-radius: 0;
}
@media (max-width: 1200px) {
  .popup__confirm-n__button button {
    height: 56px;
    font-size: 14px;
  }
}
.popup__confirm-n__button button:last-of-type {
  color: #078ace;
}
.popup__confirm-n__button button + button {
  border-left: 1px solid #e0e0e0;
}
.popup__confirm-n__button button:disabled {
  color: #bbb;
}
.popup__confirm-n__button button.red {
  color: #ee1a1a;
}
.popup__detail-n__section .popup__contents__group {
  padding: 0;
  overflow: hidden;
}
.popup__detail-n__section .popup__container__group {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .popup__detail-n__section .popup__container__group {
    max-width: 420px;
    height: auto;
  }
}
.popup__detail-n__section .popup__button {
  background-color: #fff;
  border-radius: 13px;
  border: solid 1px #bbb;
}
.popup__detail-n__section .popup__button .txt {
  line-height: 24px;
  color: #000;
}
@media (max-width: 1200px) {
  .popup__detail-n__section .popup__button .txt {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .popup__detail-n__section .popup__button {
    width: 100%;
    height: 48px;
  }
}
.popup__detail-n__section .popup__button + .popup__detail-n__btnGroup {
  margin-top: 16px;
}
.popup__detail-n__section .popup__button__group {
  flex-direction: column;
  height: auto;
}
@media (min-width: 1201px) {
  .popup__detail-n__section .popup__button__group {
    padding: 0 24px 24px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__section .popup__button__group {
    padding: 0 20px 20px;
  }
}
.popup__detail-n__banner__group {
  position: relative;
  overflow: hidden;
  flex: 0 0 260px;
}
.popup__detail-n__banner__group .pop__swiper__group .swiper__group {
  height: 260px;
}
.popup__detail-n__banner__group .pop__swiper__group .swiper__group .swiper {
  height: 100%;
}
.popup__detail-n__banner__group .pop__swiper__group .swiper__group .swiper-slide &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  justify-content: end;
  padding-right: 20px;
}
@media (min-width: 1201px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay {
    bottom: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay {
    bottom: 20px;
  }
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay .next {
  width: 90px;
  height: 30px;
  display: flex;
  align-items: center;
  position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay .next {
    width: 76px;
    height: 21px;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-pagination {
  width: auto;
  bottom: auto;
  padding-left: 16px;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-pagination {
    font-size: 12px;
    padding-left: 10px;
  }
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-next, .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-prev {
  width: 20px;
  height: 20px;
  background-image: url(/static/front/images/ico/ico_main_arrow_left.svg);
  top: auto;
  bottom: 5px;
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-next, .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-prev {
    display: block;
    bottom: 1px;
  }
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-next {
  right: 6px;
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-next {
    right: 2px;
  }
}
.popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-prev {
  left: auto;
  right: 24px;
}
@media (max-width: 1200px) {
  .popup__detail-n__banner__group .pop__swiper__group .autoplay .next .swiper-button-prev {
    right: 20px;
  }
}
.popup__detail-n__conts__group.is-open {
  overflow-y: auto;
  max-height: 570px;
}
.popup__detail-n__conts__group.is-open .popup__detail-n__conts__info {
  display: block;
}
.popup__detail-n__conts__group.is-open::-webkit-scrollbar {
  width: 13px;
}
.popup__detail-n__conts__group.is-open::-webkit-scrollbar-track {
  background: transparent;
}
.popup__detail-n__conts__group.is-open::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
@media (min-width: 1201px) {
  .popup__detail-n__conts__group {
    padding: 24px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__conts__group {
    padding: 20px;
  }
}
.popup__detail-n__conts__section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup__detail-n__conts__head {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.popup__detail-n__conts__head .tit__group {
  overflow: hidden;
}
.popup__detail-n__conts__head .tit__group .desc {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__conts__head .tit__group .desc + .title {
  margin-top: 4px;
}
.popup__detail-n__conts__head .tit__group .title {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup__detail-n__conts__head .heart__group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup__detail-n__conts__head .heart__group .btn-list-txt {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__conts__head + .popup__detail-n__conts__info {
  margin-top: 12px;
}
.popup__detail-n__conts__info {
  display: none;
}
.popup__detail-n__conts__info hr.mt20 {
  margin-top: 20px;
  border-bottom: none;
  border-top: 1px solid #e0e0e0;
}
.popup__detail-n__conts__info &gt; ul &gt; li + li {
  margin-top: 20px;
}
.popup__detail-n__conts__info &gt; ul &gt; li:last-child {
  padding-bottom: 20px;
}
.popup__detail-n__conts__info .contsTxt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__conts__info .contsTxt.flx {
  display: flex;
  align-items: center;
}
.popup__detail-n__conts__info .contsTxt.flx p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup__detail-n__conts__info .contsTxt.flx p + button {
  margin-left: 6px;
}
.popup__detail-n__conts__info .contsTxt.avai {
  display: none;
}
.popup__detail-n__conts__info .contsTit {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__conts__info .contsTit + .contsTxt {
  margin-top: 8px;
}
.popup__detail-n__conts__info .contsTit.flx {
  display: flex;
  justify-content: space-between;
}
.popup__detail-n__conts__info .contsTit .btnToggle .ico {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
}
.popup__detail-n__conts__info .contsGroup .contsTxt {
  font-size: 14px;
}
.popup__detail-n__conts__info .contsGroup.open .btnToggle .ico {
  transform: rotate(180deg);
}
.popup__detail-n__conts__info .contsGroup.open .contsTxt.avai {
  display: block;
  margin-top: 8px;
}
.popup__detail-n__conts__info .contsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -2px;
}
.popup__detail-n__conts__info .contsList &gt; li {
  padding: 4px 0;
  min-width: 50%;
}
.popup__detail-n__conts__info .contsList &gt; li b {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-right: 4px;
}
.popup__detail-n__conts__info .contsList &gt; li span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__conts__info__list {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  padding: 14px;
  border-radius: 13px;
}
.popup__detail-n__conts__info__list &gt; li + li {
  margin-top: 12px;
}
.popup__detail-n__conts__info__item {
  display: flex;
}
.popup__detail-n__conts__info__item span.ico {
  background: no-repeat center/contain;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
.popup__detail-n__conts__info__item span.txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .popup__detail-n__conts__info__item span.txt {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__conts__info__item span.txt {
    font-size: 13px;
  }
}
.popup__detail-n__conts__info__item span.txt .bold {
  font-weight: 600;
}
@media (min-width: 1201px) {
  .popup__detail-n__conts__info__item span.txt .bold {
    margin-right: 6px;
  }
}
.popup__detail-n__conts__info__item span.txt::before {
  width: 1px;
  height: 15px;
  content: "";
  display: block;
  background: #e0e0e0;
}
@media (min-width: 1201px) {
  .popup__detail-n__conts__info__item span.txt::before {
    margin: 4px 12px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__conts__info__item span.txt::before {
    margin: 2px 8px;
  }
}
.popup__detail-n__conts__info__item.--map span.ico {
  background-image: url(/static/front/images/ico/ico_template5_map.svg);
  min-width: 18px;
}
.popup__detail-n__conts__info__item.--home span.ico {
  background-image: url(/static/front/images/ico/ico_template5_home.svg);
  min-width: 18px;
}
.popup__detail-n__conts__info__item.--info span.ico {
  background-image: url(/static/front/images/ico/ico_template5_info.svg);
  min-width: 18px;
}
@media (max-width: 1200px) {
  .popup__detail-n__conts__info__item:not(.--price) span.txt {
    display: flex;
  }
}
.popup__detail-n__close {
  position: absolute;
  z-index: 10;
}
@media (min-width: 1201px) {
  .popup__detail-n__close {
    width: 24px;
    height: 24px;
    background: url(/static/front/images/ico/ico_circleClose_52.svg) no-repeat center/contain;
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__close {
    width: 24px;
    height: 24px;
    background: url(/static/front/images/ico/ico_circleClose_42.svg) no-repeat center/contain;
    top: 20px;
    right: 20px;
  }
}
.popup__detail-n__back {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  border-radius: 30px;
  width: 24px;
  height: 24px;
}
.popup__detail-n__back::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  transform: rotate(180deg);
}
@media (min-width: 1201px) {
  .popup__detail-n__back {
    top: 16px;
    left: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__detail-n__back {
    top: 20px;
    left: 20px;
  }
}
.popup__detail-n__btnGroup &gt; li {
  display: flex;
  align-items: center;
}
.popup__detail-n__btnGroup &gt; li + li {
  margin-top: 10px;
}
.popup__detail-n__btnGroup &gt; li .ico {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.popup__detail-n__btnGroup &gt; li .ico.--time {
  background-image: url(/static/front/images/ico/ico_time_20_blackPink.svg);
}
.popup__detail-n__btnGroup &gt; li .ico.--pan {
  background-image: url(/static/front/images/ico/ico_pan_20_blackPink.svg);
}
.popup__detail-n__btnGroup .list-btn, .popup__detail-n__btnGroup .select__label {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #bbb;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__btnGroup .select__label {
  padding: 0;
}
.popup__detail-n__btnGroup .select__label::after {
  display: none;
}
.popup__detail-n__btnGroup .select__label.is-select {
  color: #000;
}
.popup__detail-n__btnGroup .select__group {
  width: auto;
  height: auto;
  border: none;
}
.popup__detail-n__btnGroup .select__group.is-active .select__opt__list__area {
  height: auto;
}
.popup__detail-n__btnGroup .select__group.is-active .select__label {
  color: #bbb;
}
.popup__detail-n__btnGroup .select__opt__list__item {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 10px 25px;
}
@media (max-width: 1200px) {
  .popup__detail-n__btnGroup .select__opt__list__item {
    padding: 14px 20px;
    font-size: 14px;
  }
}
.popup__detail-n__btnGroup .select__opt__list__item &gt; span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popup__detail-n__btnGroup .select__opt__list__item:hover {
  background-color: #f5f5f5;
}
.popup__detail-n__btnGroup .select__opt__list__item .is-selected {
  color: #078ace;
}
.popup__detail-n__btnGroup .select__opt__list__area {
  position: absolute;
  width: 132px;
  left: 0;
  top: 30px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
.popup__detail-n__btnGroup .select__opt__list__area .select__poptit {
  display: none;
}
.popup__detail-n__btnGroup .select__opt__list__group {
  padding: 4px;
}

.--popup-details .popupCkboxHeart__group {
  width: 24px;
  height: 24px;
  position: relative;
}
.--popup-details .popupCkboxHeart__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.--popup-details .popupCkboxHeart__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  display: block;
}
.--popup-details .popupCkboxHeart__group input[type=checkbox] + label span.ico {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/static/front/images/ico/ico_like_20_grey.svg) no-repeat center/contain;
}
.--popup-details .popupCkboxHeart__group input[type=checkbox] + label span.txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.--popup-details .popupCkboxHeart__group input[type=checkbox]:checked + label span.ico {
  background-image: url(/static/front/images/ico/ico_like_20_pink.svg);
}
.--popup-details .popup__detail__title {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.--popup-details .popup__detail__title__section {
  position: relative;
  flex-shrink: 0;
  height: 38px;
  padding: 0 48px 0 20px;
}
.--popup-details .popup__detail__title__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/17px;
  position: absolute;
  top: 0;
  right: 20px;
}
.--popup-details .popup__detail__title__close span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.--popup-details .popup__detail__info__group {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.--popup-details .popup__detail__info__group &gt; li {
  display: flex;
  align-items: center;
}
.--popup-details .popup__detail__info__group &gt; li p {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 16px;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__info__group &gt; li p.view::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
  content: "";
  margin-right: 4px;
}
.--popup-details .popup__detail__info__group &gt; li p + p {
  margin-left: 12px;
}
.--popup-details .popup__detail__info__group &gt; li div.share button {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_share_24_grey.svg) no-repeat center/contain;
}
.--popup-details .popup__detail__info__group &gt; li div + div {
  margin-left: 12px;
}
.--popup-details .popup__detail__swiper__group {
  height: 400px;
}
@media (max-width: 1200px) {
  .--popup-details .popup__detail__swiper__group {
    height: 204px;
  }
}
.--popup-details .popup__detail__swiper__group .swiper {
  height: 100%;
}
.--popup-details .popup__detail__swiper__group .swiper-slide {
  height: 100%;
  background: #909090;
}
.--popup-details .popup__detail__swiper__group .swiper-slide &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.--popup-details .popup__detail__swiper__group .swiper-pagination {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 15px;
  letter-spacing: inherit;
  bottom: 16px;
  left: initial;
  right: 20px;
  width: auto;
  padding: 3px 7px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
}
.--popup-details .popup__detail__swiper__group .swiper-pagination &gt; span {
  font: inherit;
}
.--popup-details .popup__detail__swiper__group .swiper-pagination-current {
  padding-right: 4px;
}
.--popup-details .popup__detail__swiper__group .swiper-pagination-total {
  padding-left: 4px;
}
.--popup-details .popup__detail__hashTag__group {
  padding: 16px 0;
  overflow: hidden;
}
.--popup-details .popup__detail__hashTag__list {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -5px;
}
.--popup-details .popup__detail__hashTag__list &gt; li {
  margin: 3px 5px;
}
.--popup-details .popup__detail__hashTag__list &gt; li span {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__hashTag__list &gt; li span::before {
  content: "#";
}
.--popup-details .popup__detail__tourism__group.--type-bt1::before {
  border-top: 1px solid #e0e0e0;
  content: "";
  display: block;
  margin-top: 20px;
  padding-top: 20px;
}
.--popup-details .popup__detail__tourism__maintit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__tourism__maintit + .popup__detail__tourism__subtit {
  margin-top: 20px;
}
.--popup-details .popup__detail__tourism__subtit {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__tourism__subtit ~ .popup__detail__tourism__subtit {
  margin-top: 20px;
}
.--popup-details .popup__detail__tourism__subtit + .popup__detail__tourism__desc {
  margin-top: 6px;
}
.--popup-details .popup__detail__tourism__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__tourism__desc a {
  display: block;
  font: initial;
  text-decoration: underline;
}
.--popup-details .popup__detail__tourism__notice {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.--popup-details .popup__detail__map {
  height: 420px;
}
.--popup-details .popup__detail__map__group {
  padding: 20px 0 32px;
}
.--popup-details .popup__detail__map__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
.--popup-details .popup__detail__map__button &gt; button {
  width: 155px;
  height: 50px;
  border: 1px solid #404040;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  border-radius: 12px;
}
.--popup-details .popup__detail__map__button &gt; button::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowRight_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  margin-left: 2px;
}
.--popup-details .popup__detail__button {
  width: 100%;
  height: 50px;
  background: #000;
  padding: 0 20px;
  border-radius: 12px;
}
.--popup-details .popup__detail__button span {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.--popup-details .popup__detail__button__section {
  flex-shrink: 0;
  height: 70px;
  padding: 10px 20px;
  overflow: hidden;
}

.mcha_pop .popup__header__group {
  height: 80px;
}
@media (min-width: 1201px) {
  .mcha_pop .popup__header__group {
    padding: 30px 30px 9px;
  }
}
@media (max-width: 1200px) {
  .mcha_pop .popup__header__group {
    padding: 30px 20px 6px;
    height: 65px;
  }
}
.mcha_pop .popup__header__title {
  font-size: 28px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
  padding-right: 0;
  letter-spacing: -0.28px;
}
@media (max-width: 1200px) {
  .mcha_pop .popup__header__title {
    font-size: 20px;
    text-align: center;
  }
}
.mcha_pop .popup__button {
  width: 320px;
  height: 50px;
}
.mcha_pop .popup__button .txt {
  font-weight: 500;
}
@media (max-width: 1200px) {
  .mcha_pop .popup__button .txt {
    font-size: 16px;
  }
}
.mcha_pop .popup__button:disabled {
  background: #bbb;
}
.mcha_pop .--popispop {
  width: 380px;
  height: 350px;
  top: 80px;
  left: 30px;
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop {
    width: calc(100% - 40px);
    max-width: 380px;
    max-height: 320px;
    top: 65px;
    left: 20px;
  }
}
.mcha_pop .--popispop-btn {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 42px;
  height: 42px;
  position: absolute;
  border: 1px solid #bbb;
  border-radius: 100%;
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop-btn {
    width: 36px;
    height: 36px;
    font-size: 12px;
    top: 25px;
  }
}
.mcha_pop .--popispop .popis__eng {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop .popis__eng {
    padding: 20px;
  }
}
.mcha_pop .--popispop .popis__eng .popup__mchannel__itemlist &gt; ul {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.mcha_pop .--popispop .popis__eng .popup__mchannel__itemlist + .popup__button__group {
  height: auto;
  padding-top: 20px;
}
.mcha_pop .--popispop .popis__eng .popup__mchannel__itemlist + .popup__button__group .popup__button {
  width: 155px;
}
.mcha_pop .--popispop .popis__eng .popup__mchannel__ptit {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: left;
}
.mcha_pop .--popispop .popis__eng .check {
  padding: 8px;
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop .popis__eng .check {
    padding: 6px;
  }
}
.mcha_pop .--popispop .popis__eng .check label {
  width: 68px;
  height: 68px;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop .popis__eng .check label {
    width: 58px;
    height: 58px;
  }
}
.mcha_pop .--popispop .popis__eng .check input[type=checkbox]:checked + label::after {
  width: 14px;
  height: 14px;
  top: 10px;
}
@media (max-width: 1200px) {
  .mcha_pop .--popispop .popis__eng .check input[type=checkbox]:checked + label::after {
    width: 14px;
    height: 14px;
    top: 6px;
  }
}

.ckbox__item {
  display: flex;
  align-items: center;
}
.ckbox__item li + li .ipt__ckbox__group {
  margin-left: 20px;
}
.ckbox__item .ipt__ckbox__group input[type=checkbox] + label .ico {
  background: url("/static/front/images/ico/ico_check_20_gray.svg") no-repeat center/contain;
  box-shadow: none;
}
.ckbox__item .ipt__ckbox__group input[type=checkbox]:checked + label .ico {
  background: url("/static/front/images/ico/ico_check_20_blue.svg") no-repeat center/contain;
  box-shadow: none;
}

@media (min-width: 1201px) {
  .destPop {
    z-index: 10;
    position: absolute;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1201px) {
  .destPop .popup__inner {
    width: auto;
    height: calc(100% - 80px);
    max-height: 883px;
    max-width: 640px;
    justify-content: start;
    align-items: start;
    top: 40px;
    left: 60px;
    position: relative;
  }
}
.destPop__contGroup {
  margin: 0 20px;
}
.destPop__contGroup &gt; p {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.destPop__contGroup &gt; p &gt; span {
  border-bottom: 1px solid #000;
}
.destPop__contGroup &gt; p + .destPop__btnGroup {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .destPop__contGroup &gt; p {
    font-size: 14px;
  }
}
.destPop__btnGroup {
  overflow: hidden;
}
.destPop__btnGroup &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destPop__btnGroup &gt; ul {
    margin: -4px;
  }
}
@media (max-width: 1200px) {
  .destPop__btnGroup &gt; ul {
    margin: -4px;
  }
}
.destPop__btnGroup &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destPop__btnGroup &gt; ul &gt; li {
    width: auto;
    margin: 4px;
  }
}
@media (max-width: 1200px) {
  .destPop__btnGroup &gt; ul &gt; li {
    width: auto;
    margin: 4px;
  }
}
.destPop__btnGroup ul {
  max-width: 450px;
}
.destPop__btnGroup li button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 24px;
  border-radius: 25px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}
.destPop__btnGroup li button:hover {
  background: #000;
  box-shadow: inset 0 0 0 1px #000;
  color: #fff;
}
.destPop__headGroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.destPop__headGroup__tit {
  font-size: 28px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.destPop__headGroup__tit + p {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .destPop__headGroup__tit {
    font-size: 24px;
  }
}
.destPop__headGroup &gt; p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 100%;
}
@media (max-width: 1200px) {
  .destPop__headGroup &gt; p {
    font-size: 16px;
  }
}
.destPop__headGroup &gt; p + .img {
  margin-top: 30px;
}
.destPop__headGroup .img {
  width: 256px;
  height: 216px;
}
.destPop__headGroup .img + p {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .destPop__headGroup {
    padding: 0 20px;
  }
}
.destPop__headGroup + .destPop__contGroup {
  margin-top: 135px;
}
@media (max-width: 1200px) {
  .destPop__headGroup + .destPop__contGroup {
    margin-top: 56px;
  }
}
.destPop .popup__container__group {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
@media (min-width: 1201px) {
  .destPop .popup__container__group {
    max-height: 883px;
    max-width: 640px;
    height: 100%;
    margin: 0;
  }
}
.destPop__cont {
  display: flex;
  flex-direction: column;
  padding: 95px 0;
  overflow-y: auto;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 1200px) {
  .destPop__cont {
    padding: 50px 0 80px;
  }
}
@media (min-width: 1201px) {
  .destPop__cont {
    max-height: 883px;
    max-width: 640px;
  }
}
.destPop__cont.--type2 {
  padding: 75px 40px;
}
.destPop__cont.--type2 .destPop__headGroup p {
  word-break: keep-all;
}
@media (min-width: 1201px) {
  .destPop__cont.--type2 {
    max-height: auto;
    max-width: auto;
  }
}
@media (min-width: 1201px) {
  .destPop .popup__dim {
    display: none;
  }
}
.destPop__closeGroup {
  width: 100%;
  height: 77px;
  position: absolute;
  bottom: 0;
  padding: 26px 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
}
.destPop__closeGroup__check {
  padding-right: 33px;
}
.destPop__closeGroup .popup__header__close {
  width: 18px;
  height: 18px;
  right: 26px;
  bottom: 29px;
}

@media (max-width: 1200px) {
  .mapPop-mo {
    max-height: 170px;
    height: 100%;
    top: auto;
  }
  .mapPop-mo .popup__inner {
    height: auto;
    bottom: 0;
    top: auto;
  }
  .mapPop-mo .popup__header__title {
    font-size: 20px;
  }
}
.mapPop-mo__cont {
  display: -webkit-box;
  max-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.mapPop-mo__cont + .btn__underline {
  margin-top: 14px;
}
.mapPop-mo__cont + .btn__underline .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mapPop .popup__container__group {
  background: #f5f5f5;
}
@media (min-width: 1201px) {
  .mapPop .popup__container__group {
    max-width: 1080px;
    max-height: 882px;
  }
}
.mapPop__desc {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mapPop .whereToGo__template__subtit {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mapPop .whereToGo__card__section &gt; li {
  align-items: start;
  width: calc(50% - 40px);
}
.mapPop .whereToGo__card__text {
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
}
.mapPop .whereToGo__card__text .sub + .sub {
  margin-top: 8px;
}
.mapPop .whereToGo__card__text .tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mapPop .whereToGo__swiper .card__type1__item .tit {
  flex: 0 0 54px;
  margin-right: 8px;
}
.mapPop .template__type5__swiper__section + .template__moreinfo__dl {
  margin-top: 24px;
}
.mapPop .template__moreinfo__dl {
  background: #fff;
  border-radius: 18px;
}
.mapPop .template__moreinfo__dl .dl-dd .dd-list li {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  position: relative;
  padding-left: 10px;
}
.mapPop .template__moreinfo__dl .dl-dd .dd-list li::before {
  width: 4px;
  height: 4px;
  display: inline-block;
  content: "";
  flex-shrink: 0;
  background: #404040;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  left: 0;
}
.mapPop__btnGroup {
  position: relative;
}
.mapPop__btnGroup h2 {
  padding-left: 32px;
}
.mapPop__btnHistory {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_arrowLeft_24_black.svg) no-repeat center/contain;
  left: 0;
}
.mapPop__btnHistory span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.mini-pop .popup__container__group {
  width: 267px;
  height: max-content;
  border-radius: 20px;
}
.mini-pop .popup__header__group {
  padding: 24px 24px 0;
}
.mini-pop .popup__header__close {
  top: 24px;
  right: 24px;
}
.mini-pop .popup__inner {
  align-items: center;
}
.mini-pop__group {
  padding: 10px 45px 45px;
  margin: 0 auto;
  overflow: hidden;
}
.mini-pop__group &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .mini-pop__group &gt; ul {
    margin: -15px;
  }
}
@media (max-width: 1200px) {
  .mini-pop__group &gt; ul {
    margin: -15px;
  }
}
.mini-pop__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .mini-pop__group &gt; ul &gt; li {
    width: calc((100% - 90px) / 3);
    margin: 15px;
  }
}
@media (max-width: 1200px) {
  .mini-pop__group &gt; ul &gt; li {
    width: calc((100% - 90px) / 3);
    margin: 15px;
  }
}
.mini-pop__group &gt; ul + .btn__group {
  margin-top: 30px;
}
.mini-pop__group .ipt__ckbox__group input[type=checkbox]:checked + label .txt {
  color: #078ace;
}

.dayPop .newPlan__cose__notice__select + .list__filter__type2__conts {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .dayPop .newPlan__cose__notice__select + .list__filter__type2__conts {
    margin-top: 10px;
  }
}
.dayPop .newPlan__cose__map {
  height: 240px;
}
@media (max-width: 1200px) {
  .dayPop .newPlan__cose__map {
    height: 200px;
  }
}
.dayPop .template {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dayPop .template &gt; li {
  padding: 0 30px;
}
.dayPop .template &gt; li:nth-child(1) {
  flex: 0 0 77px;
  margin-top: 10px;
}
.dayPop .template &gt; li:nth-child(2) {
  flex: 0 0 240px;
}
@media (max-width: 1200px) {
  .dayPop .template &gt; li {
    padding: 0 20px;
  }
  .dayPop .template &gt; li:nth-child(1) {
    flex: 0 0 70px;
    margin-top: 30px;
  }
  .dayPop .template &gt; li:nth-child(2) {
    flex: 0 0 200px;
  }
}
.dayPop .template &gt; li.scroll {
  max-height: 435px;
  overflow-y: auto;
  padding-bottom: 30px;
  padding-right: 10px;
  margin-right: 10px;
}
.dayPop .template &gt; li.scroll::-webkit-scrollbar {
  width: 13px;
}
.dayPop .template &gt; li.scroll::-webkit-scrollbar-track {
  background: transparent;
}
.dayPop .template &gt; li.scroll::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.dayPop .template &gt; li + li {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .dayPop .template &gt; li + li {
    margin-top: 10px;
  }
  .dayPop .template &gt; li + li + li {
    margin-top: 20px;
  }
}
.dayPop .popup__contents__group {
  overflow-y: hidden;
  padding: 0;
}
.dayPop .popup__contents__group, .dayPop .popup__detail__contents__section {
  overflow-y: hidden;
  height: 100%;
}
@media (max-width: 1200px) {
  .dayPop .popup__container__group {
    height: 100vh;
    max-height: 100%;
    overflow-y: hidden;
    border-radius: 0;
  }
  .dayPop .popup__header__group {
    text-align: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  .dayPop .popup__header__title {
    font-size: 20px;
  }
  .dayPop .popup__header__close.mo {
    background-image: url(/static/front/images/ico/ico_arrowLeft_24_black.svg);
    right: auto;
    left: 20px;
    top: 16px;
  }
}
.dayPop .popup__button__group {
  height: auto;
}
.dayPop .popup__bottom__group {
  padding: 10px 30px 30px;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 3;
}
.dayPop .popup__bottom__group .newPlan__select__group + .btn__group {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .dayPop .popup__bottom__group {
    padding: 10px 20px;
  }
}
.dayPop .popup__bottom__group .popup__button__group {
  height: auto;
}
.dayPop .select__banner {
  display: block;
  overflow: hidden;
  border-radius: 50px;
  width: 48px;
  height: 48px;
}
.dayPop .select__banner &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.dayPop .select__banner__list {
  display: flex;
  align-items: center;
}
.dayPop .select__banner__list &gt; li + li {
  margin-left: 24px;
}
@media (max-width: 1200px) {
  .dayPop .select__banner__list &gt; li + li {
    margin-left: 20px;
  }
}
.dayPop .select__banner__img {
  width: 56px;
  height: auto;
  position: relative;
}
.dayPop .select__banner__close {
  background-image: url(/static/front/images/ico/ico_X_24_warmGrey.svg);
  width: 11px;
  height: 11px;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.dayPop .select__banner__close &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.dayPop .select__banner__txt {
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 20px;
  letter-spacing: inherit;
}
.dayPop .select__banner__txt &gt; p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .dayPop.--daylist .search__listBtn .btn {
    width: 72px;
    height: 48px;
  }
}
@media (max-width: 1200px) {
  .dayPop.--daylist .search__listBtn .btn {
    height: 48px;
  }
}
.dayPop.--daylist .search__listBtn .btn-filter {
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  padding: 0 4px;
  background: #fff;
  border-radius: 4px;
}
.dayPop.--daylist .search__listBtn .btn-filter::before {
  background: url(/static/front/images/ico/ico_filter_16_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
}
.dayPop.--daylist .search__listBtn .btn-filter.is-active {
  background: #000;
  border-color: #000;
}
.dayPop.--daylist .search__listBtn .btn-filter.is-active .txt {
  color: #fff;
}
.dayPop.--daylist .search__listBtn .btn-filter.is-active::before {
  background-image: url(/static/front/images/ico/ico_filter_16_white.svg);
  opacity: 1;
}
.dayPop.--daylist .search__listBtn .btn-filter .txt {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dayPop.--daylist .search__listBtn .btn-filter::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  opacity: 0.5;
}
.dayPop.--daylist .newPlan__ckboxImg__group {
  height: 100px;
}
@media (max-width: 1200px) {
  .dayPop.--daylist .newPlan__ckboxImg__group {
    height: 82px;
  }
}
.dayPop.--daylist .template__map__section {
  border-radius: 12px;
  overflow: hidden;
}
.dayPop.--daylist .day__btnGroup {
  position: relative;
}
.dayPop.--daylist .day__btnGroup .popup__header__title {
  padding-left: 32px;
}
.dayPop.--daylist .day__btnHistory {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_arrowLeft_24_black.svg) no-repeat center/contain;
  left: 0;
}
.dayPop.--daylist .day__btnHistory span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (max-width: 1200px) {
  .dayPop.--daylist .day__btnHistory {
    display: none;
  }
}
@media (min-width: 1201px) {
  .dayPop.--daylist .popup__header__title.pc {
    display: none;
  }
}
.dayPop.--daylist .popup__detail__contents__section.--col03 .template {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li {
  overflow: hidden;
  padding: 0 24px;
}
.dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li:nth-child(1) {
  flex: 0 0 70px;
  margin-top: 0;
}
.dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li:nth-child(2) {
  flex: 0 0 auto;
}
@media (max-width: 1200px) {
  .dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li {
    padding: 0 20px;
  }
  .dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li:nth-child(1) {
    flex: 0 0 70px;
    margin-top: 0;
  }
  .dayPop.--daylist .popup__detail__contents__section.--col03 .template &gt; li:nth-child(2) {
    flex: 0 0 auto;
  }
}
.dayPop.--daylist .popup__detail__contents__section.--col04 .template {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li {
  overflow: hidden;
  padding: 0 24px;
}
.dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li:nth-child(1) {
  flex: 0 0 auto;
  margin-top: 10px;
}
.dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li.scroll {
  max-height: 100%;
}
@media (max-width: 1200px) {
  .dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li {
    padding: 0 20px;
  }
  .dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li:nth-child(1) {
    flex: 0 0 auto;
    margin-top: 10px;
  }
  .dayPop.--daylist .popup__detail__contents__section.--col04 .template &gt; li:nth-child(2) {
    flex: 0 0 auto;
  }
}
.dayPop.--daylist .popup__detail__contents__section .template {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li {
  overflow: hidden;
  padding: 0 24px;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li:nth-child(1) {
  flex: 0 0 80px;
  margin-top: 10px;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li:nth-child(2) {
  flex: 0 0 calc(100% - 80px);
}
@media (max-width: 1200px) {
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li {
    padding: 0 20px;
  }
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li:nth-child(1) {
    flex: 0 0 80px;
    margin-top: 30px;
  }
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li:nth-child(2) {
    flex: 0 0 calc(100% - 80px);
  }
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li .newPlan__listTab__radio__list {
    margin-top: 0;
    justify-content: end;
  }
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li .newPlan__listTab__radio__list &gt; li {
    width: auto;
  }
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li.scroll {
  max-height: calc(100% - 80px);
  overflow-y: auto;
  padding-bottom: 30px;
  padding-right: 7px;
  margin-right: 8px;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li.scroll::-webkit-scrollbar {
  width: 13px;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li.scroll::-webkit-scrollbar-track {
  background: transparent;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li.scroll::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li.scroll .bottompop .btn__group {
  padding: 26px 0 20px;
}
.dayPop.--daylist .popup__detail__contents__section .template &gt; li + li {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .dayPop.--daylist .popup__detail__contents__section .template &gt; li + li {
    margin-top: 10px;
  }
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__header__jstend.--type2 {
  flex-direction: column-reverse;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__header__jstend.--type2 .newPlan__header__txtGroup {
  margin-top: 12px;
}
.dayPop.--daylist .popup__detail__contents__section .template .search__listBtn {
  width: 100%;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-list .img {
  width: 86px;
  height: 86px;
  min-width: 84px;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-box .newPlan__txt__group &gt; .txt {
  font-size: 12px;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-box .desc + .tit {
  margin-top: 4px;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-box .tit &gt; p {
  font-size: 16px;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-box .tit + .date {
  margin-top: 10px;
}
.dayPop.--daylist .popup__detail__contents__section .template .newPlan__card-box .date + .tog {
  margin-top: 12px;
}

.bottompop .popup__container__group {
  overflow-y: hidden;
}
.bottompop .popup__button__group {
  height: auto;
  padding: 5px 35px 30px;
}
@media (max-width: 1200px) {
  .bottompop .popup__button__group {
    padding: 5px 20px 30px;
  }
}

@media (max-width: 1200px) {
  .popGnb {
    display: none;
  }
  .popGnb.is-open {
    display: none;
  }
}
.popGnb .popup__container__group {
  max-width: 1250px;
}
.popGnb .header__nav__depth2__tit &gt; a {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.popGnb .header__nav__depth2__list &gt; ul {
  margin-left: -8px;
}
.popGnb .header__nav__depth2__list &gt; ul &gt; li {
  margin: 8px;
  width: calc(100% - 32px);
}
.popGnb .header__nav__depth2__group {
  max-width: 960px;
  flex-wrap: wrap;
  margin: 0;
}
.popGnb .header__nav__depth2__group {
  max-width: 960px;
  margin: -20px;
}
.popGnb .header__nav__depth2__group.--col3 .N-header__nav__group {
  width: calc(33.3333333333% - 40px);
}
.popGnb .header__nav__depth2__group.--col4 .N-header__nav__group {
  width: calc(25% - 40px);
}
.popGnb .header__nav__depth2__group.--colrow .N-header__nav__group {
  width: 100%;
}
.popGnb .header__nav__depth2__group.--colrow .header__nav__depth2__list &gt; ul {
  height: auto;
  align-content: flex-start;
  flex-direction: row;
}
.popGnb .header__nav__depth2__group.--colrow .header__nav__depth2__list &gt; ul &gt; li {
  width: calc(20% - 10px);
}
.popGnb .N-header__nav__group {
  width: calc(20% - 40px);
  margin: 20px;
}
.popGnb__section + .popGnb__section {
  margin-top: 80px;
}
.popGnb__section &gt; li {
  display: flex;
  justify-content: flex-start;
}
.popGnb__section &gt; li + li {
  margin-top: 80px;
}
.popGnb__title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 160px;
  height: auto;
  margin-right: 30px;
}
.popGnb__title p {
  display: flex;
  align-items: center;
}
.popGnb__title p::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/static/front/images/ico/ico_arrowLeft_24_black.svg);
  transform: rotate(180deg);
  margin-left: 2px;
}

@keyframes cookiePopOpen {
  0% {
    transform: translateX(-30%);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.cookie__section {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #f9eae8;
  z-index: 20000;
}
.cookie__section.is-active {
  display: block;
}
.cookie__area {
  width: 100%;
}
@media (min-width: 1201px) {
  .cookie__area {
    max-width: 1300px;
    margin: 0 auto;
  }
}
.cookie__group {
  position: relative;
}
@media (min-width: 1201px) {
  .cookie__group {
    padding: 40px 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .cookie__group {
    padding: 40px 30px;
  }
}
@media (max-width: 1200px) {
  .cookie__group {
    padding: 50px 20px 40px;
  }
}
.cookie__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
  position: absolute;
  z-index: 10;
}
@media (min-width: 1201px) {
  .cookie__close {
    top: 40px;
    right: 0;
  }
}
@media (min-width: 1201px) and (max-width: 1360px) {
  .cookie__close {
    right: 30px;
  }
}
@media (max-width: 1200px) {
  .cookie__close {
    top: 20px;
    right: 20px;
  }
}
.cookie__msg__title {
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .cookie__msg__title {
    font-size: 20px;
  }
}
.cookie__msg__desc {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .cookie__msg__desc {
    font-size: 14px;
  }
  .cookie__msg__desc br {
    display: none;
  }
}
@media (min-width: 1201px) {
  .cookie__msg__desc.--type1 {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .cookie__msg__desc.--type1 {
    margin-top: 14px;
  }
}
.cookie__msg__desc.--type2 {
  color: #000;
}
@media (min-width: 1201px) {
  .cookie__msg__desc.--type2 {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .cookie__msg__desc.--type2 {
    margin-top: 24px;
  }
}
.cookie__msg__desc__btn {
  display: inline-block;
  color: #078ace;
}
.cookie__btns__section button {
  border-radius: 30px;
}
.cookie__btns__section button .txt {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cookie__btns__section button:not(:last-of-type) {
  background: #000;
}
.cookie__btns__section button:last-of-type {
  background: #fff;
  box-shadow: inset 0 0 0 1px #bbb;
}
.cookie__btns__section button:last-of-type .txt {
  color: #404040;
}
@media (min-width: 1201px) {
  .cookie__btns__section button {
    max-width: calc((100% - 16px) / 2);
    height: 60px;
    padding: 0 40px;
  }
  .cookie__btns__section button + button {
    margin-left: 16px;
  }
}
@media (max-width: 1200px) {
  .cookie__btns__section button {
    height: 52px;
    padding: 0 20px;
  }
  .cookie__btns__section button .txt {
    font-size: 16px;
  }
  .cookie__btns__section button + button {
    margin-top: 12px;
  }
}
@media (min-width: 1201px) {
  .cookie__btns__section {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
  }
}
@media (max-width: 1200px) {
  .cookie__btns__section {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
}

.popup__cookie__section {
  z-index: 30000;
}
.popup__cookie__section.is-active {
  display: block;
}
.popup__cookie__section .popup__inner {
  justify-content: flex-start;
}
.popup__cookie__section .popup__container__group {
  width: 100%;
  height: 100%;
  max-width: 420px;
  max-height: 100%;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
  animation: cookiePopOpen 0.3s forwards;
}
.popup__cookie__group {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100%;
  background: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 1201px) {
  .popup__cookie__group {
    padding: 64px 30px 0;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__group {
    padding: 58px 20px 0;
  }
}
.popup__cookie__close {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_X_24_warmGrey.svg) no-repeat center/contain;
  position: absolute;
  z-index: 10;
}
@media (min-width: 1201px) {
  .popup__cookie__close {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__close {
    top: 20px;
    right: 20px;
  }
}
.popup__cookie__header {
  flex-shrink: 0;
}
.popup__cookie__header .title {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .popup__cookie__header .title + .desc {
    margin-top: 14px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__header .title {
    font-size: 18px;
  }
  .popup__cookie__header .title + .desc {
    margin-top: 8px;
  }
}
.popup__cookie__header .desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .popup__cookie__header .desc {
    font-size: 14px;
  }
}
.popup__cookie__header + .popup__cookie__btns {
  margin-top: 30px;
}
.popup__cookie__btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.popup__cookie__btns button.rounded {
  flex-shrink: 0;
  padding: 0 30px;
  background: #000;
  border-radius: 30px;
}
@media (min-width: 1201px) {
  .popup__cookie__btns button.rounded {
    width: 252px;
    height: 60px;
  }
  .popup__cookie__btns button.rounded .txt {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__btns button.rounded {
    width: 220px;
    height: 56px;
  }
  .popup__cookie__btns button.rounded .txt {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.popup__cookie__btns button.underline .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-decoration: underline;
}
@media (max-width: 1200px) {
  .popup__cookie__btns button.underline .txt {
    font-size: 14px;
  }
}
@media (min-width: 1201px) {
  .popup__cookie__btns button.underline {
    max-width: calc(100% - 252px);
    padding-left: 16px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__btns button.underline {
    max-width: calc(100% - 220px);
    padding-left: 20px;
  }
}
.popup__cookie__btns button .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup__cookie__conts {
  overflow-y: auto;
}
@media (min-width: 1201px) {
  .popup__cookie__conts {
    padding-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__conts {
    padding-bottom: 20px;
  }
}
@media (min-width: 1201px) {
  .popup__cookie__btns + .popup__cookie__conts {
    margin-top: 50px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__btns + .popup__cookie__conts {
    margin-top: 40px;
  }
}
@media (min-width: 1201px) {
  .popup__cookie__conts__list &gt; li + li {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .popup__cookie__conts__list &gt; li + li {
    margin-top: 30px;
  }
}
.popup__cookie__conts__item .item-title {
  display: flex;
  justify-content: space-between;
}
.popup__cookie__conts__item .item-title .title {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 24px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 52px);
}
.popup__cookie__conts__item .item-title .toggle {
  flex-shrink: 0;
}
.popup__cookie__conts__item .item-desc {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 14px;
}

.errorPage__section {
  width: 100%;
  height: 100vh;
  background-color: #f9eae8;
  text-align: center;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  .errorPage__section {
    padding: 60px 16px;
  }
}
.errorPage__tit {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 70px;
  font-weight: 900;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .errorPage__tit {
    flex-direction: column;
    font-size: 32px;
    font-weight: 900;
    font-style: normal;
    color: #ff7062;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (min-width: 1201px) {
  .errorPage__tit &gt; strong {
    font-size: 120px;
    margin-right: 20px;
  }
}
@media (max-width: 1200px) {
  .errorPage__tit &gt; strong {
    font-size: 60px;
  }
}
.errorPage__tit + .errorPage__img {
  margin-top: 45px;
}
@media (max-width: 1200px) {
  .errorPage__tit + .errorPage__img {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .errorPage__img {
    max-width: 320px;
    margin: 0 auto;
  }
}
.errorPage__img__group {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1201px) {
  .errorPage__img__group {
    width: 1540px;
  }
}
@media (max-width: 1200px) {
  .errorPage__img__group {
    width: 513px;
    height: 172px;
    margin-bottom: 50px;
  }
}
.errorPage__img__group__left {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1200px) {
  .errorPage__img__group__left {
    width: 208px;
    height: 170px;
  }
}
.errorPage__img__group__right {
  position: absolute;
  right: 0;
  bottom: -50px;
}
@media (max-width: 1200px) {
  .errorPage__img__group__right {
    width: 227px;
    height: 168px;
  }
}
.errorPage__img__group + .btn__group .btn__default {
  background: #ff7062;
}
@media (min-width: 1201px) {
  .errorPage__img__group + .btn__group {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .errorPage__img__group + .btn__group {
    position: fixed;
    bottom: 0;
    padding: 30px 20px;
    width: 100%;
    margin-left: -15px;
  }
  .errorPage__img__group + .btn__group .btn__default {
    height: 50px;
    border-radius: 13px;
    max-width: 100%;
  }
  .errorPage__img__group + .btn__group .btn__default .txt {
    font-size: 16px;
  }
}
.errorPage__group {
  position: relative;
  width: 100%;
}
.errorPage__group__tit {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #904eca;
  line-height: 1.4;
  letter-spacing: inherit;
}
.errorPage__group__tit &gt; strong {
  color: #000;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .errorPage__group__tit {
    font-size: 22px;
    letter-spacing: -0.22px;
    flex-wrap: wrap;
  }
  .errorPage__group__tit &gt; strong {
    margin-right: 5px;
  }
}
.errorPage__group__tit + .errorPage__group__txt {
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .errorPage__group__tit + .errorPage__group__txt {
    margin-top: 10px;
  }
}
.errorPage__group__txt {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .errorPage__group__txt {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.14px;
  }
}
@media (min-width: 1201px) {
  .errorPage__group {
    padding: 32px 0;
  }
}
@media (max-width: 1200px) {
  .errorPage__group {
    padding: 16px 0;
  }
}

.loading {
  width: 200px;
  height: 200px;
}
.loading img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.loading__group {
  width: 100vh;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.log__section {
  text-align: center;
  max-width: 940px;
  margin: 0 auto;
}
@media (min-width: 1201px) {
  .log__section {
    padding-top: 10px;
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .log__section {
    padding-bottom: 80px;
  }
}
.log__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .log__title + .log__desc__group {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .log__title {
    font-size: 18px;
  }
  .log__title + .log__desc__group {
    margin-top: 30px;
  }
}
@media (min-width: 1201px) {
  .log__desc {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .log__desc {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.log__desc.--bold {
  font-weight: 600;
}
@media (min-width: 1201px) {
  .log__desc.--bold {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .log__desc.--bold {
    font-size: 16px;
  }
}
.log__desc.--small {
  color: #707070;
}
@media (min-width: 1201px) {
  .log__desc.--small {
    font-size: 14px;
  }
}
.log__desc + p {
  margin-top: 10px;
}
@media (min-width: 1201px) {
  .log__sns__section {
    padding: 40px 0 50px;
  }
}
@media (max-width: 1200px) {
  .log__sns__section {
    padding: 30px 0 40px;
  }
}
.log__sns__group {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .log__sns__group {
    padding: 40px 0 60px;
  }
}
@media (max-width: 1200px) {
  .log__sns__group {
    padding: 30px 0 50px;
  }
}
.log__sns__title {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
/*.log__sns__ico {*/
/*  width: 46px;*/
/*  height: 46px;*/
/*  margin: 10px;*/
/*  background-color: #707070;*/
/*  border-radius: 50%;*/
/*  overflow: hidden;*/
/*}*/
.log__sns__ico &gt; a {
  width: 100%;
  height: 100%;
  display: block;
  background: no-repeat center/20px;
}
.log__sns__ico.--google &gt;div&gt; a {
  background-image: url(/static/front/images/sns/sns_google_20_white.svg);
}
.log__sns__ico.--apple &gt;div&gt; a {
  background-image: url(/static/front/images/sns/sns_apple_20_white.svg);
}
.log__sns__ico.--facebook &gt;div&gt; a {
  background-image: url(/static/front/images/sns/sns_facebook_18_white.svg);
}
.log__sns__ico.--twiter &gt;div&gt; a {
  background-image: url(/static/front/images/sns/sns_twiter_18_white.png);
}
.log__sns__ico.--weibo &gt;div&gt; a {
  background-image: url(/static/front/images/sns/sns_weibo_32_white.svg);
  background-size: 28px;
}
.log__sns__ico__group {
  overflow: hidden;
}

.log__sns__ico__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}
.log__banner {
  display: block;
  border-radius: 18px;
  overflow: hidden;
}
.log__banner &gt; img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
@media (min-width: 1201px) {
  .log__banner__group {
    margin-top: 50px;
  }
}
@media (max-width: 1200px) {
  .log__banner__group {
    margin-top: 40px;
  }
}
.log__icolist {
  overflow: hidden;
  max-width: 600px;
  margin: 40px auto 0;
}
.log__icolist &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .log__icolist &gt; ul {
    margin: -30px;
  }
}
@media (max-width: 1200px) {
  .log__icolist &gt; ul {
    margin: -10px;
  }
}
.log__icolist &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .log__icolist &gt; ul &gt; li {
    width: calc((100% - 240px) / 4);
    margin: 30px;
  }
}
@media (max-width: 1200px) {
  .log__icolist &gt; ul &gt; li {
    width: calc(100% - 10px);
    margin: 10px;
  }
}
@media (min-width: 1201px) {
  .log__icolist__group {
    margin-top: 100px;
  }
}
@media (max-width: 1200px) {
  .log__icolist__group {
    margin-top: 70px;
  }
}
@media (max-width: 1200px) {
  .log__icolist li {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .log__icolist li .ico {
    width: 68px;
    height: 68px;
  }
}
.log__icolist li .ico &gt; img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
@media (min-width: 1201px) {
  .log__icolist li .ico + .txt {
    margin-top: 12px;
  }
}
@media (max-width: 1200px) {
  .log__icolist li .ico + .txt {
    margin-left: 12px;
  }
}
.log__icolist li .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 26px;
  letter-spacing: inherit;
  word-break: keep-all;
}

.signUp__section {
  max-width: 940px;
  padding-top: 10px;
  margin: 0 auto;
}
@media (min-width: 1201px) {
  .signUp__section {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .signUp__section {
    padding-bottom: 80px;
  }
}
.signUp__step {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}
.signUp__step:not(:last-of-type) {
  margin-right: 80px;
}
.signUp__step:not(:last-of-type)::after {
  width: 80px;
  height: 1px;
  content: "";
  position: absolute;
  top: 17px;
  right: 0;
  background: #bbb;
  transform: translateX(100%);
}
@media (max-width: 320px) {
  .signUp__step:not(:last-of-type) {
    margin-right: 60px;
  }
  .signUp__step:not(:last-of-type)::after {
    width: 60px;
  }
}
@media (min-width: 1201px) {
  .signUp__step {
    padding-bottom: 34px;
  }
}
@media (max-width: 1200px) {
  .signUp__step {
    padding-bottom: 30px;
  }
}
.signUp__step p.num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #000;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  background: #fff;
  border-radius: 50%;
}
.signUp__step p.name {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 24px;
  letter-spacing: inherit;
  bottom: 0;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .signUp__step p.name {
    font-size: 14px;
    line-height: 20px;
  }
}
.signUp__step.is-active p.num {
  border-color: #ff7062;
  background: #ff7062;
  color: #fff;
  font-weight: 800;
}
.signUp__step.is-active p.name {
  font-weight: 800;
  color: #ff7062;
}
.signUp__step.is-finish:not(:last-of-type)::after {
  background: #000;
}
.signUp__step.is-finish p.num {
  background: #000;
  color: #fff;
  font-weight: 800;
}
.signUp__step.is-finish p.name {
  color: #000;
}
.signUp__step__list {
  display: flex;
  align-items: center;
}
.signUp__step__panel {
  display: none;
}
.signUp__step__section.is-step1 .signUp__step__panel.--step1 {
  display: block;
}
.signUp__step__section.is-step2 .signUp__step__panel.--step2 {
  display: block;
}
.signUp__step__section.is-step3 .signUp__step__panel.--step3 {
  display: block;
}
.signUp__step__section.is-step4 .signUp__step__panel.--step4 {
  display: block;
}
.signUp__step__group {
  display: flex;
  justify-content: center;
}
.signUp__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 40px;
}
@media (min-width: 1201px) {
  .signUp__agree__section {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .signUp__agree__section {
    margin-top: 16px;
  }
}
.signUp__agree__group {
  padding-top: 12px;
}
.signUp__agree__title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.signUp__agree__title.--k-friends .ipt__ckbox__group .txt {
  font-weight: 600;
}
@media (min-width: 1201px) {
  .signUp__agree__title.--k-friends .ipt__ckbox__group .txt {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1200px) {
  .signUp__agree__title.--k-friends .ipt__ckbox__group .txt {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1201px) {
  .signUp__agree__title ~ .signUp__agree__title:not(.--k-friends) {
    margin-top: 30px;
  }
  .signUp__agree__title ~ .signUp__agree__title.--k-friends {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .signUp__agree__title {
    font-size: 16px;
  }
  .signUp__agree__title ~ .signUp__agree__title {
    margin-top: 40px;
  }
}
.signUp__agree__msg__group {
  border: 1px solid #bbb;
  height: 140px;
  padding: 16px 0 16px 16px;
  background: #fff;
  border-radius: 4px;
  overflow-y: auto;
}
.signUp__agree__msg__group::-webkit-scrollbar {
  width: 17px;
}
.signUp__agree__msg__group::-webkit-scrollbar-track {
  background: transparent;
}
.signUp__agree__msg__group::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 17px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 1200px) {
  .signUp__agree__msg__group {
    height: 160px;
  }
}
.signUp__agree__msg__group p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .signUp__agree__ipt__group {
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .signUp__agree__ipt__group {
    margin-top: 12px;
  }
}
@media (min-width: 1201px) {
  .signUp__member__section {
    padding-top: 20px;
  }
}
@media (max-width: 1200px) {
  .signUp__member__section {
    padding-top: 16px;
  }
}
@media (min-width: 1201px) {
  .signUp__member__list &gt; li + li {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .signUp__member__list &gt; li + li {
    margin-top: 24px;
  }
}
.signUp__member__label {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .signUp__member__label {
    margin-bottom: 12px;
  }
}
@media (max-width: 1200px) {
  .signUp__member__label {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
.signUp__member__step3__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.signUp__member__step3__ico {
  width: 120px;
  height: 120px;
  background: url(/static/front/images/obj/obj_noticeCheck_64.svg) no-repeat center/64px;
  background-color: #fff;
  border-radius: 50%;
}
.signUp__member__step3__msg {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 32px;
}
@media (max-width: 1200px) {
  .signUp__member__step3__msg {
    font-size: 16px;
  }
}
.signUp__member__step3__msg em {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
}
.signUp__btns__section {
  margin-top: 40px;
}

@media (min-width: 1201px) {
  .mypage__section {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .mypage__section {
    padding-bottom: 80px;
  }
}
.mypage__tabmenu__section {
  max-width: 640px;
  margin: 0 auto;
}
.mypage__tabmenu__group {
  display: flex;
  align-items: center;
}
.mypage__tabmenu__group &gt; li {
  width: 50%;
  height: 60px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .mypage__tabmenu__group &gt; li {
    height: 40px;
  }
}
.mypage__tabmenu__group &gt; li.is-tab-opened .mypage__tabmenu__menu span {
  font-weight: 800;
  color: #000;
}
.mypage__tabmenu__group &gt; li.is-tab-opened .mypage__tabmenu__menu::after {
  height: 2px;
  background: #000;
}
.mypage__tabmenu__menu {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.mypage__tabmenu__menu span {
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .mypage__tabmenu__menu span {
    font-size: 18px;
  }
}
.mypage__tabmenu__menu::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #bbb;
}
.mypage__tabmenu__pannel {
  padding-top: 24px;
}
.mypage__tabmenu__pannel__group {
  display: none;
}
.mypage__tabmenu__pannel__group.is-tab-opened {
  display: block;
}
.mypage__tabmenu__title {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mypage__tabmenu__title ~ .mypage__tabmenu__title {
  margin-top: 40px;
}
.mypage__tabmenu__title__group {
  display: flex;
  align-items: center;
}
.mypage__tabmenu__title__group .flag__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 32px;
  margin-left: 10px;
  padding: 0 14px;
  background: #000;
  border-radius: 8px;
}
.mypage__tabmenu__title__group .flag__group .txt {
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mypage__tabmenu__btn {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .mypage__tabmenu__btn .btn__default {
    max-width: 100% !important;
  }
}
.mypage__myinfo__group {
  border-top: 1px solid #000;
  margin-top: 12px;
}
.mypage__activity__group {
  margin-top: 16px;
  padding: 40px 30px;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .mypage__activity__group {
    padding: 30px 20px;
  }
}
.mypage__activity__list {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -10px;
}
@media (max-width: 1200px) {
  .mypage__activity__list {
    margin: -10px -5px;
  }
}
.mypage__activity__list &gt; li {
  width: calc((100% - 60px) / 3);
  margin: 15px 10px;
  text-align: center;
}
@media (max-width: 1200px) {
  .mypage__activity__list &gt; li {
    width: calc((100% - 30px) / 3);
    margin: 10px 5px;
  }
}
.mypage__activity__list &gt; li p.title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .mypage__activity__list &gt; li p.title {
    font-size: 16px;
  }
}
.mypage__activity__list &gt; li p.count {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
}
@media (max-width: 1200px) {
  .mypage__activity__list &gt; li p.count {
    margin-top: 10px;
    font-size: 18px;
  }
}
.mypage__activity__list.--k-friends {
  justify-content: center;
}
.mypage__activity__list.--k-friends &gt; li {
  width: 100%;
}
.mypage__activity__list.--k-friends &gt; li p.count {
  color: #707070;
}
.mypage__activity__list.--k-friends-not {
  justify-content: center;
}
.mypage__activity__list.--k-friends-not &gt; li {
  width: 100%;
}
.mypage__activity__list.--k-friends-not &gt; li p.count {
  font-size: 18px;
  font-weight: 400;
  color: #909090;
}
@media (max-width: 1200px) {
  .mypage__activity__list.--k-friends-not &gt; li p.count {
    font-size: 14px;
    color: #707070;
  }
}
.mypage__banner__group {
  margin-top: 60px;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .mypage__banner__group {
    margin-top: 40px;
  }
}
.mypage__banner__group &gt; a {
  display: block;
}
.mypage__banner__group &gt; a img {
  width: 100%;
}
.mypage__travalInfo {
  margin-top: 10px;
  margin-bottom: 120px;
}
@media (max-width: 1200px) {
  .mypage__travalInfo {
    margin-top: 5px;
    margin-bottom: 80px;
  }
}
.mypage__travalInfo__card {
  margin-top: 24px;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  .mypage__travalInfo__card {
    margin-top: 14px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1200px) {
  .mypage__travalInfo__section .count {
    margin-top: 5px;
  }
}
.mypage__travalInfo__section .count-txt {
  display: flex;
  align-items: center;
}
.mypage__travalInfo__section .count-txt &gt; span {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.mypage__travalInfo__section .count-txt &gt; span.point {
  color: #ff7062;
}
.mypage__travalInfo__section .count-txt &gt; span + .point {
  margin-left: 8px;
}
@media (max-width: 1200px) {
  .mypage__travalInfo__section .count-txt &gt; span {
    font-size: 14px;
  }
}
.mypage__travalInfo__section .count-txt + .count-txt {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .mypage__travalInfo__section .count-txt.--page {
    display: none;
  }
}

.promotions__popup__info__group {
  margin-bottom: 16px;
}
.promotions__popup__info__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.promotions__popup__info__list &gt; li {
  display: flex;
  align-items: center;
}
.promotions__popup__info__list &gt; li p {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
.promotions__popup__info__list &gt; li p.count {
  margin-left: 10px;
}
.promotions__popup__info__list &gt; li p.count::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
  content: "";
  margin-right: 4px;
}
@media (max-width: 1200px) {
  .promotions__popup__info__list &gt; li p {
    font-size: 13px;
  }
  .promotions__popup__info__list &gt; li p.count {
    margin-left: 12px;
  }
}
.promotions__popup__info__list &gt; li.btns div + div {
  margin-left: 12px;
}
.promotions__popup__editor.--banner {
  border-radius: 18px;
  overflow: hidden;
}
.promotions__popup__editor.--banner a {
  display: block;
}
.promotions__popup__editor.--banner a &gt; img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}
.promotions__popup__editor.--logo {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 120px;
}
.promotions__popup__editor.--logo &gt; img {
  object-fit: contain;
  max-height: 100%;
}
.promotions__popup__editor__list &gt; li + li {
  margin-top: 40px;
}
.promotions__popup__editor__title {
  border-bottom: 1px solid #e0e0e0;
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 36px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 14px;
  text-align: center;
}
@media (max-width: 1200px) {
  .promotions__popup__editor__title {
    font-size: 18px;
    line-height: 28px;
  }
}
.promotions__popup__editor__title + .promotions__popup__editor {
  margin-top: 14px;
}
.promotions__popup__corporate__group {
  border-top: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .promotions__popup__corporate__group {
    margin-top: 30px;
    padding-top: 14px;
  }
}
@media (max-width: 1200px) {
  .promotions__popup__corporate__group {
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media (min-width: 1201px) {
  .promotions__popup__corporate__info {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1201px) {
  .promotions__popup__corporate__info &gt; li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .promotions__popup__corporate__info &gt; li:not(:last-of-type) {
    width: calc((100% - 66px) / 3 + 33px);
  }
  .promotions__popup__corporate__info &gt; li:not(:last-of-type)::after {
    width: 1px;
    height: 14px;
    content: "";
    background: #e0e0e0;
    margin: 0 16px;
  }
  .promotions__popup__corporate__info &gt; li:last-of-type {
    width: calc((100% - 66px) / 3);
  }
}
@media (max-width: 1200px) {
  .promotions__popup__corporate__info &gt; li + li {
    margin-top: 8px;
  }
}
.promotions__popup__corporate__info &gt; li p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.planYourTravel__section .btnList .btn__default .txt {
  font-weight: 800;
}
@media (max-width: 1200px) {
  .planYourTravel__section .btnList .btn__default {
    max-width: 100%;
    height: 50px;
  }
  .planYourTravel__section .btnList .btn__default .txt {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__section {
    padding-bottom: 80px;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__section {
    display: grid;
    grid-template-columns: 49.18% 50.82%;
    align-content: start;
  }
  .planYourTravel__prodPm__visual__section .--grid-t1 {
    grid-column: 1/2;
    padding-right: 40px;
  }
  .planYourTravel__prodPm__visual__section .--grid-t2 {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__section {
    display: flex;
    flex-direction: column;
  }
  .planYourTravel__prodPm__visual__section &gt; div {
    display: flex;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__title {
    grid-row: 1/2;
  }
  .planYourTravel__prodPm__visual__title .title {
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 50px;
    letter-spacing: inherit;
  }
  .planYourTravel__prodPm__visual__title .title .bold {
    font-weight: 800;
  }
  .planYourTravel__prodPm__visual__title .desc {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 30px;
    letter-spacing: inherit;
    margin-top: 6px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__title {
    order: 1;
    flex-direction: column;
  }
  .planYourTravel__prodPm__visual__title .title {
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .planYourTravel__prodPm__visual__title .title .bold {
    display: block;
    font-weight: 800;
  }
  .planYourTravel__prodPm__visual__title .desc {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 10px;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__map {
    grid-row: 2/3;
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__map {
    order: 3;
    flex-direction: column;
    margin-top: 24px;
  }
}
.planYourTravel__prodPm__visual__map .map-title {
  display: flex;
}
.planYourTravel__prodPm__visual__map .map-title .txt {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__map .map-title .txt {
    font-size: 16px;
  }
}
.planYourTravel__prodPm__visual__map .map-title::before {
  width: 21px;
  height: 27px;
  background: url(/static/front/images/ico/ico_map_21x27_salmon.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-right: 6px;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__map .map-title::before {
    width: 17px;
    height: 22px;
    margin-right: 4px;
  }
}
.planYourTravel__prodPm__visual__map .map-area {
  width: 100%;
  height: 680px;
  border: 1px solid #e0e0e0;
  margin-top: 16px;
  border-radius: 18px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__map .map-area {
    height: 540px;
    margin-top: 12px;
  }
}
.planYourTravel__prodPm__visual__map .map-group {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper {
    order: 2;
    height: 420px;
    margin-top: 24px;
  }
}
.planYourTravel__prodPm__visual__swiper .swiper {
  width: 100%;
  height: 100%;
  background: transparent;
}
.planYourTravel__prodPm__visual__swiper .swiper-slide &gt; a,
.planYourTravel__prodPm__visual__swiper .swiper-slide &gt; div {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.planYourTravel__prodPm__visual__swiper .swiper-slide &gt; a::after,
.planYourTravel__prodPm__visual__swiper .swiper-slide &gt; div::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.planYourTravel__prodPm__visual__swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.planYourTravel__prodPm__visual__swiper .swiper-pagination {
  display: flex;
  justify-content: flex-end;
  bottom: initial;
  left: initial;
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__swiper .swiper-pagination {
    top: 40px;
    right: 40px;
    width: calc(100% - 80px);
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-pagination {
    top: 20px;
    right: 20px;
    width: calc(100% - 40px);
  }
}
.planYourTravel__prodPm__visual__swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: block;
  margin: 0 4px !important;
  background: #e0e0e0;
  border-radius: 50%;
  opacity: 1;
}
.planYourTravel__prodPm__visual__swiper .swiper-pagination-bullet-active {
  background: #ff7062;
}
.planYourTravel__prodPm__visual__swiper .swiper-position {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 40px 50px;
  z-index: 1;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position {
    padding: 20px;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-tit {
    display: -webkit-box;
    max-height: 80px;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-tit {
    display: -webkit-box;
    max-height: 52px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    line-height: 26px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.planYourTravel__prodPm__visual__swiper .swiper-position-more {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 26px;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more {
    margin-top: 10px;
  }
}
.planYourTravel__prodPm__visual__swiper .swiper-position-more .txt {
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  justify-content: space-between;
  border-radius: 10px;
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more .txt {
    width: 180px;
    height: 54px;
    padding: 0 20px 0 24px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more .txt {
    width: 120px;
    height: 40px;
    padding: 0 14px 0 18px;
  }
}
.planYourTravel__prodPm__visual__swiper .swiper-position-more .txt span {
  display: block;
  width: calc(100% - 20px);
}
.planYourTravel__prodPm__visual__swiper .swiper-position-more .txt span a {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more .txt span a {
    font-size: 13px;
  }
}
.planYourTravel__prodPm__visual__swiper .swiper-position-more .txt::after {
  content: "";
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more .txt::after {
    width: 14px;
    height: 14px;
    background: url(/static/front/images/ico/ico_arrowRight_14_white.svg) no-repeat center/contain;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__visual__swiper .swiper-position-more .txt::after {
    width: 10px;
    height: 10px;
    background: url(/static/front/images/ico/ico_arrowRight_10_white.svg) no-repeat center/contain;
  }
}
.planYourTravel__prodPm__visual__swiper .swiperGroup {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
}
.planYourTravel__prodPm__addBanner {
  display: block;
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__addBanner {
    width: 100%;
    height: 164px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner {
    width: 100%;
    height: 140px;
  }
}
.planYourTravel__prodPm__addBanner &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.planYourTravel__prodPm__addBanner__section {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__addBanner__section {
    margin: 40px 0;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner__section {
    margin: 24px 0;
  }
}
.planYourTravel__prodPm__addBanner__title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 60px;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner__title {
    padding: 0 24px;
  }
}
.planYourTravel__prodPm__addBanner__title .tit {
  display: flex;
  align-items: center;
}
.planYourTravel__prodPm__addBanner__title .tit span {
  font-size: 36px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 46px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner__title .tit span {
    font-size: 26px;
    line-height: 32px;
  }
}
.planYourTravel__prodPm__addBanner__title .tit::after {
  width: 30px;
  height: 30px;
  background: url(/static/front/images/ico/ico_arrowRight_30_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-left: 6px;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner__title .tit::after {
    width: 20px;
    height: 20px;
  }
}
.planYourTravel__prodPm__addBanner__title .txt {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 26px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 4px;
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__addBanner__title .txt {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 1201px) {
  .planYourTravel__prodPm__card__section {
    margin: 16px 0 32px;
  }
}
@media (max-width: 1200px) {
  .planYourTravel__prodPm__card__section {
    margin: 14px 0 24px;
  }
}

.thingsToDo__section .btnList .btn__default .txt {
  font-weight: 800;
}
@media (max-width: 1200px) {
  .thingsToDo__section .btnList .btn__default {
    max-width: 100%;
    height: 50px;
  }
  .thingsToDo__section .btnList .btn__default .txt {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .thingsToDo__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .thingsToDo__section {
    padding-bottom: 80px;
  }
}
@media (min-width: 1201px) {
  .thingsToDo__info__section {
    margin-top: 40px;
  }
}
@media (min-width: 1201px) {
  .thingsToDo__card__section {
    margin: 24px 0 32px;
  }
}
@media (max-width: 1200px) {
  .thingsToDo__card__section {
    margin: 14px 0 16px;
  }
}

.whereToGo__section .btnList {
  margin-top: 40px;
}
.whereToGo__section .btnList .btn__default .txt {
  font-weight: 800;
}
@media (max-width: 1200px) {
  .whereToGo__section .btnList .btn__default {
    max-width: 100%;
    height: 50px;
  }
  .whereToGo__section .btnList .btn__default .txt {
    font-size: 16px;
  }
}
@media (min-width: 1201px) {
  .whereToGo__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__section {
    padding-bottom: 80px;
  }
  .whereToGo__section .btnList {
    margin-top: 24px;
  }
}
.whereToGo__section .hi-full .swiper .swiper-slide {
  height: 100%;
}
.whereToGo__section .hi-full .swiper .swiper-slide .subTit2 {
  height: 24px;
}
.whereToGo__template__interval &gt; li {
  margin-bottom: 60px;
}
.whereToGo__template__interval &gt; li:first-child {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .whereToGo__template__interval &gt; li {
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template .swiper__group .swiper {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-right: 40px;
  }
  .whereToGo__template .swiper__group .swiper .swiper-wrapper {
    padding-left: 20px;
  }
}
.whereToGo__template .swiper__group .swiper.pb60 {
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .whereToGo__template .swiper__group .swiper.pb60 {
    margin-right: 0;
  }
}
.whereToGo__template .swiper__group .swiper-button-next, .whereToGo__template .swiper__group .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_arrowLarge_42_gray.svg);
  width: 24px;
  height: 42px;
}
.whereToGo__template .swiper__group .swiper-button-next.swiper-button-disabled, .whereToGo__template .swiper__group .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.whereToGo__template .swiper__group .swiper-button-next {
  right: -3.8%;
}
.whereToGo__template .swiper__group .swiper-button-prev {
  left: -3.8%;
}
.whereToGo__template .swiper__group .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.whereToGo__template .swiper__group .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7062;
}
.whereToGo__template__title {
  display: -webkit-box;
  max-height: 200%;
  font-size: 26px;
  font-weight: 800;
  color: #404040;
  line-height: 100%;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  max-height: 80px;
}
.whereToGo__template__title.ora {
  font-size: 26px;
  font-weight: 800;
  font-style: normal;
  color: #fa8615;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__template__title__group {
  display: flex;
  align-items: center;
}
.whereToGo__template__title__group .min {
  width: 60px;
  height: 24px;
  min-width: 60px;
  border: 1px solid #fa8615;
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
  color: #fa8615;
  line-height: 1.4;
  letter-spacing: inherit;
  border-radius: 5px;
  padding: 0 8px;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .whereToGo__template__title {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .whereToGo__template__title.ora {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #fa8615;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.whereToGo__template__subtit {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .whereToGo__template__subtit {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.whereToGo__template__subtit__group {
  display: flex;
  justify-content: space-between;
}
.whereToGo__template__subtit__group .count {
  background-color: #fa8615;
  border-radius: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 40px;
  letter-spacing: inherit;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .whereToGo__template__subtit__group .count {
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 28px;
    letter-spacing: inherit;
    margin-right: 10px;
    border-radius: 10px;
  }
}
.whereToGo__template__subtit__group .more {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: auto;
  margin-bottom: 26px;
}
.whereToGo__template__subtit__group .more::after {
  content: "";
}
@media (min-width: 1201px) {
  .whereToGo__template__subtit__group .more {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 22px;
    letter-spacing: inherit;
  }
  .whereToGo__template__subtit__group .more::after {
    width: 12px;
    height: 12px;
    background: url(/static/front/images/ico/ico_arrowRight_12_salmon.svg) no-repeat center/contain;
    margin: 0 0 2px 4px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__subtit__group .more {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 20px;
    letter-spacing: inherit;
  }
  .whereToGo__template__subtit__group .more::after {
    width: 10px;
    height: 10px;
    background: url(/static/front/images/ico/ico_arrowRight_10_salmon.svg) no-repeat center/contain;
    margin: 0 0 3px 4px;
  }
}
@media (min-width: 1201px) {
  .whereToGo__template__desc {
    display: -webkit-box;
    max-height: 44px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 14px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__desc {
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 200;
    color: #404040;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 8px;
  }
}
@media (min-width: 1201px) {
  .whereToGo__template__desc2 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__desc2 {
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #909090;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.whereToGo__template__hashTag {
  margin-top: 24px;
}
.whereToGo__template__daegu {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}
.whereToGo__template__daegu &gt; ul {
  margin-top: 24px;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  padding: 24px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.whereToGo__template__daegu &gt; ul &gt; li {
  display: flex;
  align-items: center;
}
.whereToGo__template__daegu &gt; ul &gt; li + li {
  margin-top: 12px;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img::after {
  border-right: 1px solid #e0e0e0;
  content: "";
  padding-right: 37px;
  display: inline-block;
  height: 15px;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img.cal {
  width: 27px;
  height: 27px;
  background: url(/static/front/images/ico/ico_calendar_27_pink.svg) no-repeat center/contain;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img.cal &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img.map {
  width: 27px;
  height: 27px;
  background: url(/static/front/images/ico/ico_map_27_pink.svg) no-repeat center/contain;
}
.whereToGo__template__daegu &gt; ul &gt; li .ico__img.map &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (max-width: 1200px) {
  .whereToGo__template__daegu &gt; ul &gt; li .ico__img {
    margin-right: 18px;
  }
  .whereToGo__template__daegu &gt; ul &gt; li .ico__img::after {
    padding-right: 25px;
    height: 12px;
  }
  .whereToGo__template__daegu &gt; ul &gt; li .ico__img.cal {
    width: 18px;
    height: 18px;
  }
  .whereToGo__template__daegu &gt; ul &gt; li .ico__img.map {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__daegu &gt; ul &gt; li .ico__txt {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__daegu &gt; ul {
    padding: 16px 14px;
  }
  .whereToGo__template__daegu &gt; ul &gt; li + li {
    margin-top: 8px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__daegu {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
}
.whereToGo__template__visual img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  border-radius: 18px;
}
@media (min-width: 1201px) {
  .whereToGo__template__visual img {
    height: 450px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__visual img {
    height: 200px;
  }
}
.whereToGo__template__visual figcaption {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 22px;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .whereToGo__template__visual figcaption {
    margin-top: 8px;
    font-size: 14px;
  }
}
.whereToGo__template__textBox {
  margin-top: 30px;
}
.whereToGo__template__textBox &gt; .tit {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 12px;
}
.whereToGo__template__textBox &gt; .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .whereToGo__template__textBox {
    margin-top: 24px;
  }
  .whereToGo__template__textBox &gt; .tit {
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .whereToGo__template__textBox &gt; .txt {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.whereToGo__template__moreinfo__footer {
  border: 1px solid #e0e0e0;
  margin-top: 40px;
  padding: 24px 30px;
  background: #fff;
  border-radius: 18px;
}
.whereToGo__template__moreinfo__footer__list {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
.whereToGo__template__moreinfo__footer__list .bold {
  display: inline-block;
  font-weight: 800;
  margin-right: 12px;
}
.whereToGo__template__moreinfo__footer__list + .whereToGo__template__moreinfo__footer__list {
  margin-left: 51px;
}
@media (min-width: 1201px) {
  .whereToGo__template__moreinfo__footer &gt; li {
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .whereToGo__template__moreinfo__footer &gt; li + li {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .whereToGo__template__moreinfo__footer {
    padding: 20px;
    margin-top: 24px;
  }
  .whereToGo__template__moreinfo__footer &gt; li + li {
    margin-top: 12px;
  }
  .whereToGo__template__moreinfo__footer__list {
    display: flex;
    flex-direction: column;
  }
  .whereToGo__template__moreinfo__footer__list .bold {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .whereToGo__template__moreinfo__footer__list + .whereToGo__template__moreinfo__footer__list {
    margin-left: 0;
    margin-top: 12px;
  }
}
@media (min-width: 1201px) {
  .whereToGo__info__section {
    margin-top: 40px;
  }
}
.whereToGo__card__section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.whereToGo__card__section &gt; li {
  display: flex;
  align-items: center;
  flex: 0 0 49.5%;
  margin-bottom: 12px;
  border-radius: 13px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
@media (max-width: 1200px) {
  .whereToGo__card__section {
    margin-bottom: 24px;
  }
  .whereToGo__card__section &gt; li {
    align-items: flex-start;
    flex: 0 0 100%;
    margin-bottom: 6px;
    padding: 16px;
  }
}
.whereToGo__card__count {
  background-color: #fa8615;
  border-radius: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 40px;
  letter-spacing: inherit;
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .whereToGo__card__count {
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 28px;
    letter-spacing: inherit;
    margin-right: 10px;
    border-radius: 10px;
  }
}
.whereToGo__card__text .tit {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__card__text .tit + .sub {
  margin-top: 7px;
}
.whereToGo__card__text .sub {
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .whereToGo__card__text .tit {
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .whereToGo__card__text .sub {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.whereToGo__swiper .swiper-button-next, .whereToGo__swiper .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_arrowLarge_42_gray.svg);
  width: 24px;
  height: 42px;
  top: 115px;
}
.whereToGo__swiper .swiper-button-next.swiper-button-disabled, .whereToGo__swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.whereToGo__swiper .swiper-button-next {
  right: -4.2%;
}
.whereToGo__swiper .swiper-button-prev {
  left: -4.2%;
}
.whereToGo__swiper .card__type1__item {
  padding: 0;
  background: none;
  border: none;
}
.whereToGo__swiper .card__type1__item .title {
  padding-right: 0;
}
.whereToGo__swiper .card__type1__item .title::after {
  display: none;
}
.whereToGo__swiper .card__type1__item .tit {
  display: flex;
  align-items: center;
  color: #078ace;
  flex: 0 0 30%;
}
.whereToGo__swiper .card__type1__item .tit.ico1::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_theme_15_blue.svg) no-repeat center/contain;
}
.whereToGo__swiper .card__type1__item .tit.ico2::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_region_15_blue.svg) no-repeat center/contain;
}
.whereToGo__swiper .card__type1__item .subTit {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__swiper .card__type1__item .price {
  align-items: flex-start;
  flex-direction: column;
}
.whereToGo__swiper .card__type1__item .price .etc {
  padding-left: 0;
  color: #909090;
  margin-top: 3px;
}
.whereToGo__swiper .card__type1__item .thumbnail {
  width: 100%;
  height: 180px;
}
.whereToGo__swiper .card__type1__item .thumbnail__itemtit {
  position: absolute;
  top: 0;
  padding: 16px;
}
.whereToGo__swiper .card__type1__item .thumbnail__itemtit &gt; p {
  width: 100%;
  height: 40px;
  max-width: 250px;
  display: -webkit-box;
  max-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__swiper .card__type1__item .thumbnail__itemtit &gt; p + p {
  margin-top: 10px;
}
.whereToGo__swiper .card__type1__item .thumbnail__itemtit &gt; p.chip {
  width: 64px;
  height: 27px;
  min-width: 60px;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 24px;
  letter-spacing: inherit;
  border-radius: 5px;
  padding: 0 8px;
  margin-right: 10px;
}
.whereToGo__swiper .card__type1__item .thumbnail__itemtit &gt; p.number {
  width: 26px;
  height: 26px;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 26px;
  letter-spacing: inherit;
  border-radius: 8px;
  background-color: #fa8615;
  text-align: center;
}
.whereToGo__map {
  width: 100%;
  height: 450px;
  background-color: #e0e0e0;
}
.whereToGo__map2 {
  margin-top: 40px;
}
.whereToGo__map2.mt0 {
  margin-top: 0;
}
.whereToGo__map2 .cen {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 820px;
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .whereToGo__map2 {
    margin-top: 24px;
  }
  .whereToGo__map2 .cen {
    width: 100%;
    height: 470px;
  }
}
.whereToGo__map3 {
  width: 100%;
  height: 640px;
  background-color: #e0e0e0;
  border-radius: 18px;
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .whereToGo__map3 {
    margin-top: 24px;
    width: 100%;
    height: 320px;
  }
}
@media (min-width: 1201px) {
  .whereToGo__tab__swiper {
    margin: -6px 0;
  }
}
.whereToGo__tab__section .tabTravel__click__group {
  overflow-x: scroll;
}
.whereToGo__tab__section .tabTravel__click__group::-webkit-scrollbar {
  width: 17px;
}
.whereToGo__tab__section .tabTravel__click__group::-webkit-scrollbar-track {
  background: transparent;
}
.whereToGo__tab__section .tabTravel__click__group::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 17px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
}
.whereToGo__tab__section .tabTravel__click__group &gt; li {
  min-width: auto;
}
.whereToGo__tab__section .tabTravel__click__group &gt; li .tabTravel__click__menu {
  padding: 0 40px;
}
@media (max-width: 1200px) {
  .whereToGo__tab__section .tabTravel__click__group &gt; li {
    width: auto;
  }
  .whereToGo__tab__section .tabTravel__click__group &gt; li .tabTravel__click__menu {
    padding: 0 26px;
  }
}
.whereToGo__tab__section__count &gt; .count-txt {
  margin-bottom: 14px;
}
.whereToGo__tab__section__count &gt; .count-txt &gt; span {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__tab__section__count &gt; .count-txt &gt; span.point {
  color: #ff7062;
}
.whereToGo__tabSwiper .card__type1__item .title + .subtit {
  margin-top: 10px;
}
.whereToGo__tabSwiper .card__type1__item .subtit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.whereToGo__tabSwiper .card__type1__item .subtit + .foot {
  margin-top: 16px;
}
.whereToGo__tabSwiper .card__type1__item .foot &gt; ul {
  display: flex;
  justify-content: space-between;
}
.whereToGo__tabSwiper .card__type1__item .foot &gt; ul &gt; li {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.whereToGo__tabSwiper .card__type1__item .foot &gt; ul &gt; li.like {
  color: #ff7062;
  display: flex;
  align-items: center;
}
.whereToGo__tabSwiper .card__type1__item .foot &gt; ul &gt; li.like::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_like_15_pink.svg) no-repeat center/contain;
}
.whereToGo__tabSwiper .swiper__group .swiper {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .whereToGo__tabSwiper .swiper__group .swiper {
    margin-right: 0;
  }
}
@media (max-width: 1200px) {
  .whereToGo__tabSwiper .swiper__group .swiper-wrapper {
    flex-direction: column;
    height: auto !important;
  }
}
@media (max-width: 1200px) {
  .whereToGo__tabSwiper .swiper__group .swiper-slide {
    margin-bottom: 8px;
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .whereToGo__tabSwiper .swiper__group .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1201px) {
  .whereToGo__tabSwiper .swiper__group .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 24px;
  }
  .whereToGo__tabSwiper .swiper__group .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px !important;
    background: #e0e0e0;
    opacity: 1;
  }
  .whereToGo__tabSwiper .swiper__group .swiper-pagination-bullet-active {
    background: #ff7062;
  }
}
.whereToGo__tabSwiper .btn__default {
  display: none;
}
@media (max-width: 1200px) {
  .whereToGo__tabSwiper .btn__default {
    display: block;
    max-width: 100%;
    height: 50px;
    border-radius: 13px;
    margin-top: 24px;
  }
}
.whereToGo__btn {
  margin-top: 24px;
}
.whereToGo__cardLink {
  width: 100%;
  height: 266px;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}
.whereToGo__cardLink .type2 {
  height: 340px;
}
@media (max-width: 1200px) {
  .whereToGo__cardLink {
    height: 210px;
  }
  .whereToGo__cardLink .type2 {
    height: 166px;
  }
}
.whereToGo__cardImg {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
}
.whereToGo__cardImg-txt {
  position: absolute;
  bottom: 30px;
  display: -webkit-box;
  max-height: 2.8;
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  line-height: 1.4;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  width: 100%;
  text-align: center;
  padding: 0 15px;
}

.destinations__section {
  width: 100%;
  height: calc(100% - 117px);
  position: absolute;
}
@media (max-width: 1200px) {
  .destinations__section {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.destinations__map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}
.destinations__map &gt; div {
  width: 100%;
  height: 100%;
  background: #e0e0e0;
}
.destinations__fixdlay {
  width: 100%;
  height: 100%;
}
@media (min-width: 1201px) {
  .destinations__fixdlay {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    padding-left: 60px;
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .destinations__fixdlay {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: flex-end;
    z-index: 9;
  }
}
@media (min-width: 1201px) {
  .destinations__fixdlay .tabSW__next {
    position: absolute;
  }
  .destinations__fixdlay .tabSW__next .swiper-button-next::after, .destinations__fixdlay .tabSW__next .swiper-button-prev::after {
    content: "";
    background: url(/static/front/images/ico/ico_main_arrow_28_gray.svg) no-repeat center/contain;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 30px;
  }
  .destinations__fixdlay .tabSW__next .swiper-button-next::after {
    left: 730px;
  }
  .destinations__fixdlay .tabSW__next .swiper-button-prev::after {
    left: -30px;
    transform: rotate(180deg);
  }
}
.destinations__toggle__section {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
  transform: translateY(calc(100% - 74px));
  transition: transform 0.3s;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 1201px) {
  .destinations__toggle__section {
    height: calc(100% - 40px);
    background-color: #fff;
    border-radius: 22px;
    max-width: 700px;
    max-height: 930px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section {
    border-radius: 20px 20px 0 0;
    height: calc((100% - 40px) * 0.95);
  }
}
.destinations__toggle__section.is-toggle-up {
  transform: translateY(0);
  box-shadow: 0 -3px 12px 0 rgba(0, 0, 0, 0.1);
}
.destinations__toggle__section.is-toggle-up .btnToggle .ico {
  transform: rotate(0);
}
.destinations__toggle__section.is-toggle-up .swiper {
  pointer-events: all;
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 {
    transform: translateY(0);
    background-color: transparent;
    box-shadow: none;
    max-width: 700px;
    max-height: 930px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 {
    transform: translateY(calc(100% - 174px));
  }
}
.destinations__toggle__section.--type2.is-toggle-up {
  transform: translateY(0);
  overflow: revert;
}
.destinations__toggle__section.--type2.is-toggle-up .btnToggle .ico {
  transform: rotate(0);
}
.destinations__toggle__section.--type2.is-toggle-up .swiper {
  pointer-events: all;
}
.destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__menu {
  display: flex;
  flex-direction: row-reverse;
}
.destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__menu .btn__group {
  padding-left: 6px;
}
.destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__menu .btn__group &gt; button {
  width: 40px;
  height: 40px;
}
.destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__menu .btn__group &gt; button + button {
  margin-right: 6px;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__menu {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2.is-toggle-up .destinations__tabSwiper__panel .swiper-slide {
    overflow: auto;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2.is-toggle-up .top__card {
    padding: 16px 20px;
  }
  .destinations__toggle__section.--type2.is-toggle-up .top__card .btn.du {
    display: none;
  }
  .destinations__toggle__section.--type2.is-toggle-up .top__card .btn.up {
    display: block;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .destinations__tabSwiper__panel .swiper-slide {
    overflow: hidden;
  }
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 .top__card .btn.du {
    display: none;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .btn.du {
    display: block;
  }
  .destinations__toggle__section.--type2 .top__card .btn.up {
    display: none;
  }
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu {
  padding: 0 10px;
  display: flex;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .destinations__tabSwiper__menu {
    display: none;
  }
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default i.chips {
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -6px;
  right: -7px;
  background: #fa8615;
  border-radius: 20px;
  z-index: 3;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--refresh {
  width: 42px;
  height: 42px;
  background-color: #fff;
  padding: 0 8px;
  border-radius: 24px;
  border: 1px solid #bbb;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--refresh .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--refresh::after {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_refresh_24_gray.svg) no-repeat center/contain;
  content: "";
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--filter {
  width: 42px;
  height: 42px;
  background-color: #fff;
  padding: 0 8px;
  border-radius: 24px;
  border: 1px solid #bbb;
  overflow: initial;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--filter .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .btn__default.--filter::after {
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_filter_gray.svg) no-repeat center/contain;
  content: "";
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper {
  border: none;
  z-index: 3;
  overflow: revert;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu {
  border: 1px solid #e0e0e0;
  height: 42px;
  border-radius: 25px;
  background-color: #fff;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-nomal {
  border: 1px solid #909090;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-nomal .btn__arrow .txt {
  color: #000;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-nomal-ch {
  border: 1px solid #909090;
  background-color: #f9eae8;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-nomal-ch .btn__arrow .txt {
  color: #000;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active {
  border: 1px solid #ff7062;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_pink.svg);
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active .btn__arrow .txt {
  color: #ff7062;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active-ch {
  border: 1px solid #ff7062;
  background-color: #ff7062;
  color: #fff;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active-ch .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_white.svg);
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-select-active-ch .btn__arrow .txt {
  color: #fff;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu &gt; .btn__arrow::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg);
  margin-left: 2px;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-active &gt; .btn__arrow::after {
  transform: rotate(180deg);
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-active .list__filter__type2 {
  display: block;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-active .list__filter__type2.sel-fil .list__filter__type2__section {
  right: auto;
  left: 0;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide .tabMenu.is-active .list__filter__type2.sel-fil .list__filter__type2__section .list__filter__type2__bottom .btn__default .txt {
  color: #fff;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu {
  border: 1px solid #000;
  background-color: #000;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu &gt; span {
  color: #fff;
}
.destinations__toggle__section.--type2 .destinations__tabSwiper__menu .swiper-slide + .swiper-slide {
  margin-left: 4px;
}
.destinations__toggle__section.--type2 .top__list {
  overflow: hidden;
}
.destinations__toggle__section.--type2 .top__list &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul {
    margin: 0;
  }
}
.destinations__toggle__section.--type2 .top__list &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul &gt; li {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 .top__list {
    padding: 20px 10px;
  }
}
@media (min-width: 1201px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul &gt; li {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__list &gt; ul &gt; li + li {
    border-top: 1px solid #e0e0e0;
  }
}
.destinations__toggle__section.--type2 .top__card {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card {
    padding-top: 0;
    padding-bottom: 25px;
    align-items: center;
  }
}
.destinations__toggle__section.--type2 .top__card .img {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 154px;
  max-width: 154px;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .img {
    height: 84px;
    max-width: 84px;
  }
}
.destinations__toggle__section.--type2 .top__card .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.destinations__toggle__section.--type2 .top__card .img .btnLike {
  position: absolute;
  top: 10px;
  right: 10px;
}
.destinations__toggle__section.--type2 .top__card .txtGroup {
  max-width: 406px;
  width: calc(100% - 154px);
  padding-right: 10px;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .txtGroup {
    width: calc(100% - 84px);
  }
}
.destinations__toggle__section.--type2 .top__card .txtGroup &gt; li {
  width: 100%;
}
.destinations__toggle__section.--type2 .top__card .txtGroup .desc &gt; p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.destinations__toggle__section.--type2 .top__card .txtGroup .tit {
  margin-top: 6px;
}
.destinations__toggle__section.--type2 .top__card .txtGroup .tit &gt; p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .txtGroup .tit {
    margin-top: 4px;
  }
  .destinations__toggle__section.--type2 .top__card .txtGroup .tit &gt; p {
    font-size: 18px;
  }
}
.destinations__toggle__section.--type2 .top__card .txtGroup .sub {
  margin-top: 10px;
}
.destinations__toggle__section.--type2 .top__card .txtGroup .sub &gt; p {
  display: -webkit-box;
  max-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .txtGroup .sub {
    margin-top: 6px;
    height: 40px;
  }
  .destinations__toggle__section.--type2 .top__card .txtGroup .sub &gt; p {
    font-size: 14px;
  }
}
.destinations__toggle__section.--type2 .top__card .txtGroup .btn {
  margin-top: 14px;
}
.destinations__toggle__section.--type2 .top__card .txtGroup .btn .btn__smallDefault .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .txtGroup .btn .btn__smallDefault.--line {
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    padding: 0;
    height: 18px;
  }
  .destinations__toggle__section.--type2 .top__card .txtGroup .btn .btn__smallDefault.--line .txt {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__section.--type2 .top__card .txtGroup .btn {
    margin-top: 12px;
  }
}
@media (max-width: 1200px) {
  .destinations__toggle__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 28px;
    background: #fff;
  }
  .destinations__toggle__button .btnToggle {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }
  .destinations__toggle__button .btnToggle .ico {
    width: 20px;
    height: 20px;
    background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
    transform: rotate(180deg);
  }
}
.destinations__headerGroup {
  padding: 30px 30px 20px;
}
@media (max-width: 1200px) {
  .destinations__headerGroup {
    padding: 30px 20px 20px;
  }
}
.destinations__headerGroup .tit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.destinations__headerGroup .moBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.destinations__headerGroup .moBtn .popup__header__close {
  display: none;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .moBtn .popup__header__close {
    display: block;
  }
}
.destinations__headerGroup .moBtn + .link__group {
  margin-top: 12px;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .moBtn + .link__group {
    margin-top: 16px;
  }
}
.destinations__headerGroup .link__group {
  overflow: hidden;
  overflow: revert;
}
.destinations__headerGroup .link__group &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destinations__headerGroup .link__group &gt; ul {
    margin: -3px;
  }
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group &gt; ul {
    margin: -3px;
  }
}
.destinations__headerGroup .link__group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destinations__headerGroup .link__group &gt; ul &gt; li {
    width: calc((100% - 12px) / 2);
    margin: 3px;
  }
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group &gt; ul &gt; li {
    width: calc(100% - 12px);
    margin: 3px;
  }
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group {
    height: 40px;
  }
}
.destinations__headerGroup .link__group li {
  position: relative;
}
.destinations__headerGroup .link__group li:hover .txt {
  color: #078ace;
  border-bottom: 1px solid #078ace;
}
.destinations__headerGroup .link__group li:hover &gt; a::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_toast_18_blue.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-left: 5px;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group li:hover &gt; a::after {
    width: 18px;
    height: 18px;
  }
}
.destinations__headerGroup .link__group li:hover &gt; a .toggle {
  display: block;
}
.destinations__headerGroup .link__group li:hover &gt; a .toggle .tglPopup {
  display: block;
}
.destinations__headerGroup .link__group li &gt; a {
  display: flex;
  align-items: center;
}
.destinations__headerGroup .link__group li &gt; a::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_home_20_warmGrey.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-right: 2px;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group li &gt; a::before {
    width: 18px;
    height: 18px;
  }
}
.destinations__headerGroup .link__group li &gt; a .toggle {
  display: none;
  position: absolute;
  bottom: 25px;
}
.destinations__headerGroup .link__group li &gt; a .toggle .tglPopup {
  z-index: 9;
  position: relative;
  display: none;
  width: 100%;
  max-width: auto;
  padding: 8px 18px;
  border-radius: 10px;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  -webkit-box-shadow: 0 10px 21px -2px rgba(50, 51, 42, 0.2);
  box-shadow: 0 10px 21px -2px rgba(50, 51, 42, 0.2);
  border: 1px solid #078ace;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group li &gt; a .toggle .tglPopup {
    padding: 10px;
  }
}
.destinations__headerGroup .link__group li &gt; a .toggle .tglPopup::after {
  content: "";
  position: absolute;
  top: 57px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-right: 1px solid #078ace;
  border-bottom: 1px solid #078ace;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.destinations__headerGroup .link__group li .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .destinations__headerGroup .link__group li .txt {
    font-size: 12px;
  }
}
.destinations__tabSwiper__section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.destinations__tabSwiper__menu .swiper {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #909090;
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.destinations__tabSwiper__menu .swiper-wrapper {
  align-items: center;
  height: 100%;
}
.destinations__tabSwiper__menu .swiper-slide {
  width: auto;
  height: auto;
}
.destinations__tabSwiper__menu .swiper-slide:first-of-type {
  padding-left: 7px;
}
.destinations__tabSwiper__menu .swiper-slide:last-of-type {
  padding-right: 7px;
}
.destinations__tabSwiper__menu .swiper-slide .tabMenu {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 30px;
  cursor: pointer;
}
.destinations__tabSwiper__menu .swiper-slide .tabMenu span {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 20px;
  letter-spacing: inherit;
}
.destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu {
  border-bottom: 3px solid #ff7062;
}
.destinations__tabSwiper__menu .swiper-slide.is-selected .tabMenu span {
  color: #ff7062;
}
.destinations__tabSwiper__panel {
  height: 100%;
  overflow: hidden;
}
.destinations__tabSwiper__panel .swiper {
  width: 100%;
  height: 100%;
}
.destinations__tabSwiper__panel .swiper-slide {
  overflow: auto;
}
.destinations__tabSwiper__panel .swiper-slide::-webkit-scrollbar {
  width: 13px;
}
.destinations__tabSwiper__panel .swiper-slide::-webkit-scrollbar-track {
  background: transparent;
}
.destinations__tabSwiper__panel .swiper-slide::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.destinations__tabSwiper__cont {
  padding: 20px 30px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont {
    padding: 20px;
  }
}
.destinations__tabSwiper__cont__title {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__title {
    font-size: 18px;
  }
}
.destinations__tabSwiper__cont__title + .destinations__tabSwiper__cont__list {
  margin-top: 16px;
}
.destinations__tabSwiper__cont__list {
  overflow: hidden;
}
.destinations__tabSwiper__cont__list &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list &gt; ul {
    margin: -10px;
  }
}
.destinations__tabSwiper__cont__list &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
.destinations__tabSwiper__cont__list.--type2 {
  overflow: hidden;
}
.destinations__tabSwiper__cont__list.--type2 &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list.--type2 &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list.--type2 &gt; ul {
    margin: -8px;
  }
}
.destinations__tabSwiper__cont__list.--type2 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list.--type2 &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list.--type2 &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
.destinations__tabSwiper__cont__list.--type2 .search__result__tour__item .img {
  height: 200px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list.--type2 .search__result__tour__item .img {
    height: 130px;
  }
}
.destinations__tabSwiper__cont__list.--type3 {
  overflow: hidden;
}
.destinations__tabSwiper__cont__list.--type3 &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list.--type3 &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list.--type3 &gt; ul {
    margin: -8px;
  }
}
.destinations__tabSwiper__cont__list.--type3 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .destinations__tabSwiper__cont__list.--type3 &gt; ul &gt; li {
    width: calc((100% - 64px) / 4);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list.--type3 &gt; ul &gt; li {
    width: calc(100% - 16px);
    margin: 8px;
  }
}
.destinations__tabSwiper__cont__list.--type3 .search__result__tour__item .img {
  height: 156px;
}
.destinations__tabSwiper__cont__list.--type3 .search__result__tour__item .img .btnLike {
  top: auto;
  bottom: 16px;
  right: 16px;
}
.destinations__tabSwiper__cont__list .search__result__tour__item .title {
  display: -webkit-box;
  max-height: 44px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 22px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  margin-top: 14px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list .search__result__tour__item .title {
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
  }
}
.destinations__tabSwiper__cont__list .search__result__tour__item .title + .sub {
  margin-top: 6px;
}
.destinations__tabSwiper__cont__list .search__result__tour__item .sub {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.destinations__tabSwiper__cont__list .search__result__tour__item .sub span + span {
  margin-left: 8px;
}
.destinations__tabSwiper__cont__list .search__result__tour__item .img {
  width: auto;
  height: 180px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.destinations__tabSwiper__cont__list .search__result__tour__item .img .btnLike {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list .search__result__tour__item .img .btnLike {
    top: 10px;
    right: 10px;
  }
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list .search__result__tour__item .img {
    height: 110px;
  }
}
.destinations__tabSwiper__cont__list + .btn__group {
  margin-top: 32px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont__list + .btn__group {
    margin-top: 24px;
  }
}
.destinations__tabSwiper__cont .home__img {
  width: 100%;
  height: 280px;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .destinations__tabSwiper__cont .home__img {
    height: 180px;
  }
}
.destinations__tabSwiper__cont .home__img &gt; img {
  object-fit: cover;
  object-position: 50% 50%;
}
.destinations__tabSwiper__cont .home__img + .home__txt {
  margin-top: 20px;
}
.destinations__tabSwiper__cont .home__txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}

.template__type1__section {
  border: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 18px;
}
@media (min-width: 1201px) {
  .template__type1__section {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .template__type1__section {
    padding: 20px;
  }
  .template__type1__section .template__interval.--24 &gt; li + li {
    margin-top: 18px;
  }
}
@media (min-width: 1201px) {
  .template__type1__title {
    display: flex;
    justify-content: space-between;
  }
  .template__type1__title .title {
    display: -webkit-box;
    max-height: 68px;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    line-height: 34px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .template__type1__title .info {
    flex-shrink: 0;
    padding: 6px 0 0 50px;
  }
}
@media (max-width: 1200px) {
  .template__type1__title .title {
    display: -webkit-box;
    max-height: 48px;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .template__type1__title .info {
    margin-top: 12px;
  }
}
.template__type1__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__type1__desc {
    font-size: 15px;
  }
}
.template__type2__visual {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}
.template__type2__visual .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.template__type2__visual .text {
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: flex-end;
  z-index: 10;
}
.template__type2__visual::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 1201px) {
  .template__type2__visual {
    height: 520px;
  }
  .template__type2__visual .text {
    bottom: 40px;
    left: 40px;
    width: calc(100% - 80px);
  }
  .template__type2__visual .text .tit {
    display: -webkit-box;
    max-height: 68px;
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    line-height: 34px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .template__type2__visual .text .desc {
    display: -webkit-box;
    max-height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .template__type2__visual {
    height: 411px;
  }
  .template__type2__visual .text {
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
  }
  .template__type2__visual .text .tit {
    display: -webkit-box;
    max-height: 48px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .template__type2__visual .text .desc {
    display: -webkit-box;
    max-height: 40px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 10px;
  }
}
.template__type2__info .template__info__list .btns {
  margin-left: auto;
}
@media (min-width: 1201px) {
  .template__type2__info {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__type2__info {
    margin-top: 20px;
  }
}
@media (min-width: 1201px) {
  .template__type2__hashTag {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__type2__hashTag {
    margin-top: 18px;
  }
}
.template__type3__title {
  font-size: 26px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .template__type3__title {
    font-size: 20px;
  }
}
@media (min-width: 1201px) {
  .template__type3__desc {
    display: -webkit-box;
    max-height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #404040;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__type3__desc {
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 200;
    color: #404040;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 12px;
  }
}
.template__type3__info {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__type3__info {
    margin-top: 20px;
  }
  .template__type3__info .template__info__list &gt; li.btns {
    margin-left: auto;
  }
}
.template__type3__hashTag {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .template__type3__hashTag {
    margin-top: 24px;
  }
}
@media (min-width: 1201px) {
  .template__type4__title {
    display: -webkit-box;
    max-height: 64px;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    line-height: 32px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .template__type4__title {
    display: -webkit-box;
    max-height: 48px;
    font-size: 20px;
    font-weight: 800;
    color: #000;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.template__type4__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__type4__desc {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 100;
  }
}
.template__type4__infoList {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__type4__infoList {
    margin-top: 20px;
  }
}
.template__type4__hashTag {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .template__type4__hashTag {
    margin-top: 24px;
  }
}
.template__type4__conts__section {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .template__type4__conts__section {
    margin-top: 24px;
  }
}
@media (min-width: 1201px) {
  .template__type5__title {
    display: -webkit-box;
    max-height: 64px;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    line-height: 32px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .template__type5__title {
    display: -webkit-box;
    max-height: 44px;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
.template__type5__title__section {
  margin: 24px 0;
}
@media (max-width: 1200px) {
  .template__type5__title__section {
    margin-bottom: 16px;
  }
}
.template__type5__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__type5__desc {
    font-size: 14px;
    font-weight: 100;
  }
}
.template__type5__desc__section {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .template__type5__desc__section {
    margin: 40px 0;
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .template__type5__desc__section {
    margin: 24px 0;
    padding-bottom: 24px;
  }
}
.template__type5__hashTag + .template__type5__btns__section {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__type5__hashTag + .template__type5__btns__section {
    margin-top: 20px;
  }
}
.template__type5__swiper__section {
  border-radius: 18px;
  overflow: hidden;
}
.template__type5__swiper__section .swiper-button-prev, .template__type5__swiper__section .swiper-button-next {
  height: 50px !important;
}
@media (min-width: 1201px) {
  .template__type5__info__section {
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    border: 1px solid #e0e0e0;
    background: #fff;
    margin: 24px 0;
    padding: 0 50px;
    border-radius: 13px;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__section {
    display: flex;
    flex-direction: column-reverse;
    margin: 16px 0 20px;
  }
}
@media (min-width: 1201px) {
  .template__type5__info__group {
    display: flex;
    align-items: center;
  }
  .template__type5__info__group + .template__type5__info__group {
    margin-left: 80px;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__group.--type2 {
    border: 1px solid #e0e0e0;
    padding: 20px;
    background: #fff;
    border-radius: 13px;
  }
}
@media (min-width: 1201px) {
  .template__type5__info__list {
    display: flex;
    align-items: center;
  }
  .template__type5__info__list &gt; li + li {
    margin-left: 80px;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__list &gt; li + li {
    margin-top: 12px;
  }
}
.template__type5__info__item {
  display: flex;
  align-items: center;
}
.template__type5__info__item span.ico {
  background: no-repeat center/contain;
}
@media (min-width: 1201px) {
  .template__type5__info__item span.ico {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__item span.ico {
    width: 18px;
    height: 18px;
  }
}
.template__type5__info__item span.txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (min-width: 1201px) {
  .template__type5__info__item span.txt {
    display: flex;
    align-items: center;
  }
  .template__type5__info__item span.txt br {
    display: none;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__item span.txt {
    font-size: 13px;
  }
}
.template__type5__info__item span.txt .bold {
  font-weight: 600;
}
@media (min-width: 1201px) {
  .template__type5__info__item span.txt .bold {
    margin-right: 6px;
  }
}
.template__type5__info__item span.txt::before {
  width: 1px;
  height: 15px;
  content: "";
  display: block;
  background: #e0e0e0;
}
@media (min-width: 1201px) {
  .template__type5__info__item span.txt::before {
    margin: 0 12px;
  }
}
@media (max-width: 1200px) {
  .template__type5__info__item span.txt::before {
    margin: 0 8px;
  }
}
.template__type5__info__item.--price span.ico {
  background-image: url(/static/front/images/ico/ico_template5_price.svg);
}
.template__type5__info__item.--time span.ico {
  background-image: url(/static/front/images/ico/ico_template5_time.svg);
}
.template__type5__info__item.--date span.ico {
  background-image: url(/static/front/images/ico/ico_template5_date.svg);
}
.template__type5__info__item.--lang span.ico {
  background-image: url(/static/front/images/ico/ico_template5_lang.svg);
}
@media (max-width: 1200px) {
  .template__type5__info__item.--price {
    justify-content: flex-end;
    position: relative;
    margin-top: 16px;
  }
  .template__type5__info__item.--price::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    font-weight: 800;
    font-style: normal;
    color: #ff7062;
    line-height: 1.4;
    letter-spacing: inherit;
    content: "Price";
    left: 0;
  }
  .template__type5__info__item.--price span.ico {
    display: none;
  }
  .template__type5__info__item.--price span.txt {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 20px;
    letter-spacing: inherit;
  }
  .template__type5__info__item.--price span.txt .bold {
    font-weight: 800;
    color: #ff7062;
  }
  .template__type5__info__item.--price span.txt::before {
    display: none;
  }
  .template__type5__info__item:not(.--price) span.txt {
    display: flex;
    align-items: center;
  }
}
.template__type5__btns__section {
  margin-bottom: 24px;
}
@media (min-width: 1201px) {
  .template__type5__btns__section {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .template__type5__btns__section {
    display: flex;
    flex-direction: column;
  }
}
.template__type5__btns__section .btn-only button {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  padding: 0 20px;
  background: #ff7062;
  border-radius: 10px;
}
.template__type5__btns__section .btn-only button .txt {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-only button .txt {
    font-size: 16px;
  }
}
.template__type5__btns__section .btn-only button::after {
  width: 18px;
  height: 18px;
  background: url(/static/front/images/ico/ico_arrowRight_14_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-left: 4px;
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-only button::after {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 1201px) {
  .template__type5__btns__section .btn-only {
    height: 64px;
  }
  .template__type5__btns__section .btn-only.--type1 {
    width: 320px;
  }
  .template__type5__btns__section .btn-only.--type1 + .btn-list {
    max-width: calc(100% - 320px);
  }
  .template__type5__btns__section .btn-only.--type2 {
    width: 420px;
  }
  .template__type5__btns__section .btn-only.--type2 + .btn-list {
    max-width: calc(100% - 420px);
  }
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-only {
    width: 100%;
    height: 50px;
  }
}
.template__type5__btns__section .btn-list {
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__type5__btns__section .btn-list {
    flex-grow: 1;
    padding-left: 40px;
  }
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-list {
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}
.template__type5__btns__section .btn-list .list {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-list .list {
    flex-wrap: wrap;
    justify-content: center;
    margin: -8px 0;
  }
}
.template__type5__btns__section .btn-list .list &gt; li {
  display: flex;
  align-items: center;
}
.template__type5__btns__section .btn-list .list &gt; li:not(:last-of-type)::after {
  width: 1px;
  height: 15px;
  content: "";
  margin: 0 24px;
  background: #e0e0e0;
}
@media (max-width: 1200px) {
  .template__type5__btns__section .btn-list .list &gt; li {
    margin: 8px 0;
  }
}
.template__type5__btns__section .btn-list-txt {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 20px;
  letter-spacing: inherit;
  padding-left: 8px;
}
.template__type5__btnList .btn__default .txt {
  font-weight: 800;
}
@media (max-width: 1200px) {
  .template__type5__btnList .btn__default {
    height: 50px;
  }
  .template__type5__btnList .btn__default .txt {
    font-size: 16px;
  }
}
.template__type5__remdTour__section {
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .template__type5__remdTour__section {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .template__type5__remdTour__section {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.template__type5__remdTour__group {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__type5__remdTour__group {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .template__type5__remdTour__group .swiper {
    padding: 0 20px;
  }
}
.template__type5__remdTour__group .swiper-slide {
  border-radius: 18px;
  overflow: hidden;
}
.template__type5__remdTour__group .swiper-slide a {
  display: block;
}
@media (min-width: 1201px) {
  .template__type5__remdTour__group .swiper-slide a {
    height: 360px;
  }
}
@media (max-width: 1200px) {
  .template__type5__remdTour__group .swiper-slide a {
    height: 240px;
  }
}
.template__type5__remdTour__group .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.template__type5__remdTour__group .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
}
.template__type5__remdTour__group .swiper-pagination-lock {
  display: none !important;
}
.template__type5__remdTour__group .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #e0e0e0;
  opacity: 1;
}
.template__type5__remdTour__group .swiper-pagination-bullet-active {
  background: #ff7062;
}
@media (min-width: 1201px) {
  .template__type5__remdTour__group .swiper-pagination {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .template__type5__remdTour__group .swiper-pagination {
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__type5__remdTour__group .swiperGroup {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
.template__type5__remdTour__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__type5__remdTour__title {
    font-size: 18px;
  }
}
.template__type5__fixBtn.--type1 {
  width: 38px;
  height: 38px;
  background: url(/static/front/images/ico/ico_call_38.svg) no-repeat center/contain;
}
.template__type5__fixBtn.--type1 .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.template__type5__fixBtn.--type2 {
  width: calc(100% - 54px);
  height: 48px;
  background: #ff7062;
  padding: 0 20px;
  border-radius: 13px;
}
.template__type5__fixBtn.--type2 .txt {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.template__type5__fixBtn.--type2::after {
  width: 14px;
  height: 14px;
  background: url(/static/front/images/ico/ico_arrowRight_14_white.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  margin-left: 4px;
}
.template__type5__fixBtn__section {
  display: flex;
  align-items: center;
  width: 100%;
  height: 72px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.08);
  z-index: 100;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__type5__fixBtn__section {
    display: none;
  }
}
@media (max-width: 1200px) {
  .template__type5__fixBtn__section {
    transform: translateY(60%);
    opacity: 0;
    transition: 0.2s;
  }
}
.template__type5__fixBtn__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}
.template__visual img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  border-radius: 18px;
}
@media (min-width: 1201px) {
  .template__visual img {
    height: 450px;
  }
}
@media (max-width: 1200px) {
  .template__visual img {
    height: 200px;
  }
}
.template__visual figcaption {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 22px;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .template__visual figcaption {
    margin-top: 8px;
    font-size: 14px;
  }
}
.template__info__list {
  display: flex;
  align-items: center;
}
.template__info__list &gt; li {
  display: flex;
  align-items: center;
}
.template__info__list &gt; li p {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__info__list &gt; li p {
    font-size: 13px;
  }
}
.template__info__list &gt; li p.view::before {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
  content: "";
  margin-right: 6px;
}
@media (max-width: 1200px) {
  .template__info__list &gt; li p.view::before {
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
}
.template__info__list &gt; li p + .view {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .template__info__list &gt; li p + .view {
    margin-left: 14px;
  }
}
@media (min-width: 1201px) {
  .template__info__list &gt; li.btns {
    margin-left: 30px;
  }
}
@media (max-width: 1200px) {
  .template__info__list &gt; li.btns {
    margin-left: auto;
  }
  .template__info__list &gt; li.btns .ipt__like__group,
  .template__info__list &gt; li.btns .btn__share {
    width: 20px;
    height: 20px;
  }
}
.template__info__list &gt; li.btns &gt; div + div {
  margin-left: 12px;
}
@media (max-width: 1200px) {
  .template__info__list &gt; li.btns &gt; div + div {
    margin-left: 14px;
  }
}
.template__hashTag__section {
  overflow: hidden;
}
.template__hashTag__list {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
}
@media (max-width: 1200px) {
  .template__hashTag__list {
    margin: -3px -2px;
  }
}
.template__hashTag__list &gt; li {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  max-width: 100%;
  height: 50px;
  margin: 3px;
  padding: 0 22px;
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .template__hashTag__list &gt; li {
    height: 35px;
    margin: 3px 2px;
    padding: 0 14px;
  }
}
.template__hashTag__list &gt; li p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 4px;
}
.template__hashTag__list &gt; li p::before {
  content: "#";
}
@media (max-width: 1200px) {
  .template__hashTag__list &gt; li p {
    font-size: 14px;
  }
}
.template__tip__section::before {
  width: 21px;
  height: 17px;
  background: url(/static/front/images/ico/ico_tip_26x20.svg) no-repeat center/contain;
  content: "";
  display: block;
  margin: 0 auto;
}
.template__tip__group {
  border: 1px solid #ff7062;
  padding: 24px 30px;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 1200px) {
  .template__tip__group {
    padding: 20px;
  }
}
.template__tip__title {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .template__tip__title {
    font-size: 15px;
  }
}
.template__tip__title + .template__tip__desc {
  margin-top: 14px;
}
@media (max-width: 1200px) {
  .template__tip__title + .template__tip__desc {
    margin-top: 12px;
  }
}
.template__tip__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__tip__desc {
    font-size: 14px;
    font-weight: 200;
  }
}
.template__tip__desc.--type2 {
  font-size: 18px;
  font-weight: 600;
  color: #ff7062;
}
@media (max-width: 1200px) {
  .template__tip__desc.--type2 {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .template__swiper__section .template__interval.--24 &gt; li + li {
    margin-top: 16px;
  }
}
@media (min-width: 1201px) {
  .template__swiper__group {
    height: 450px;
  }
}
@media (max-width: 1200px) {
  .template__swiper__group {
    height: 200px;
  }
}

.template__swiper__group .swiper {
  height: 100%;
  width: 940px;
}

@media (max-width: 1200px) {
  .template__swiper__group .swiper {
    width: auto;
  }
}

.template__swiper__group .swiper__group {
  height: 100%;
}
.template__swiper__group .swiper-slide {
  border-radius: 18px;
  overflow: hidden;
}
.template__swiper__group .swiper-slide img {
  /*width: 100%;*/
  width: auto;
  height: 100%;
  /*object-fit: cover;*/
  object-fit: contain;
  border-radius: 18px;
  object-position: 50% 50%;
}
.template__swiper__group .swiper-button-next, .template__swiper__group .swiper-button-prev {
  width: 30px;
  height: 84px;
  top: 50%;
  margin: 0;
  background: no-repeat top/30px 50px;
  transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .template__swiper__group .swiper-button-next, .template__swiper__group .swiper-button-prev {
    display: none;
  }
}
.template__swiper__group .swiper-button-next {
  background-image: url(/static/front/images/ico/ico_next_30x50_white.svg);
  right: 30px;
  filter: opacity(0.5) drop-shadow(0 0 0 #666);
}
.template__swiper__group .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_prev_30x50_white.svg);
  left: 30px;
  filter: opacity(0.5) drop-shadow(0 0 0 #666);
}
.template__swiper__group .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .template__swiper__group .swiper-pagination {
    margin-top: 16px;
  }
}
.template__swiper__group .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #e0e0e0;
  opacity: 1;
}
.template__swiper__group .swiper-pagination-bullet-active {
  background: #ff7062;
}
.template__swiper__group.--type2 .swiper-slide {
  border-radius: 0;
  text-align: center;
}
.template__swiper__group.--type2 .swiper-pagination {
  position: absolute;
  top: initial;
  left: initial;
  background: #000;
  border-radius: 15px;
  color: #fff;
}
@media (min-width: 1201px) {
  .template__swiper__group.--type2 .swiper-pagination {
    width: 60px;
    height: 30px;
    right: 30px;
    bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .template__swiper__group.--type2 .swiper-pagination {
    width: 52px;
    height: 26px;
    right: 16px;
    bottom: 16px;
  }
}
.template__swiper__group.--type2 .swiper-pagination-current, .template__swiper__group.--type2 .swiper-pagination-total {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 18px;
  letter-spacing: inherit;
  margin: 0 4px;
}
@media (max-width: 1200px) {
  .template__swiper__group.--type2 .swiper-pagination-current, .template__swiper__group.--type2 .swiper-pagination-total {
    font-size: 13px;
    line-height: 16px;
  }
}
.template__swiper__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.template__swiper__desc {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.template__conts__type1 {
  width: 100%;
}
@media (min-width: 1201px) {
  .template__conts__type1 {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .template__conts__type1 {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1201px) {
  .template__conts__type1 .txt-tit {
    display: -webkit-box;
    max-height: 56px;
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .template__conts__type1 .txt-tit {
    display: -webkit-box;
    max-height: 40px;
    font-size: 15px;
    font-weight: 800;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (min-width: 1201px) {
  .template__conts__type1 .txt-desc {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type1 .txt-desc {
    font-size: 14px;
    font-weight: 200;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 12px;
  }
}
.template__conts__type1 .txt-group {
  flex-grow: 1;
}
.template__conts__type1 .img {
  flex-shrink: 0;
}
.template__conts__type1 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.template__conts__type1.--left .img {
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__conts__type1.--left .img {
    width: 340px;
    height: 340px;
  }
  .template__conts__type1.--left .txt-group {
    padding-left: 80px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type1.--left .img {
    width: 150px;
    height: 150px;
  }
  .template__conts__type1.--left .txt-group {
    padding-left: 20px;
  }
}
.template__conts__type1.--right .img {
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__conts__type1.--right .img {
    width: 500px;
    height: 320px;
  }
  .template__conts__type1.--right .txt-group {
    padding-right: 80px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type1.--right .img {
    width: 150px;
    height: 150px;
  }
  .template__conts__type1.--right .txt-group {
    padding-right: 20px;
  }
}
.template__conts__type2 .list &gt; li .item-float::after {
  content: "";
  display: block;
  clear: both;
}
.template__conts__type2 .list &gt; li .item-tit {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .template__conts__type2 .list &gt; li .item-tit {
    margin-bottom: 12px;
    font-size: 15px;
  }
}
.template__conts__type2 .list &gt; li .item-txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__conts__type2 .list &gt; li .item-txt {
    font-size: 14px;
    font-weight: 200;
  }
}
.template__conts__type2 .list &gt; li .item-img {
  float: right;
}
.template__conts__type2 .list &gt; li .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 18px;
}
@media (min-width: 1201px) {
  .template__conts__type2 .list &gt; li .item-img {
    width: 550px;
    height: 340px;
    padding: 0 0 0 20px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type2 .list &gt; li .item-img {
    width: 162px;
    height: 150px;
    padding: 0 0 0 12px;
  }
}
.template__conts__type2 .list &gt; li + li {
  border-top: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .template__conts__type2 .list &gt; li + li {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type2 .list &gt; li + li {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.template__conts__type3 {
  border-top: 1px solid #e0e0e0;
  padding-top: 40px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__conts__type3 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -30px -36px;
  }
  .template__conts__type3 .list &gt; li {
    width: calc((100% - 144px) / 2);
    margin: 30px 36px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .list &gt; li + li {
    margin-top: 40px;
  }
}
.template__conts__type3 .item-float::after {
  content: "";
  display: block;
  clear: both;
}
.template__conts__type3 .item-img {
  float: right;
  margin: 0 0 0 10px;
  shape-margin: 10px;
}
@media (min-width: 1201px) {
  .template__conts__type3 .item-img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    clip-path: circle(50%);
    shape-outside: circle(50%);
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .item-img {
    width: 130px;
    height: 196px;
    shape-outside: inset(66px 0px 0 0px);
    clip-path: inset(66px 0 0 0 round 65px);
  }
}
.template__conts__type3 .item-img img {
  object-fit: cover;
  object-position: 50% 50%;
}
@media (min-width: 1201px) {
  .template__conts__type3 .item-img img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .item-img img {
    width: 130px;
    height: 130px;
    margin-top: 66px;
  }
}
@media (min-width: 1201px) {
  .template__conts__type3 .item-tit {
    display: flex;
    height: 62px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .item-tit {
    display: inline-flex;
    height: 46px;
  }
}
.template__conts__type3 .item-tit .ico {
  background: url(/static/front/images/ico/ico_flag_47x51.svg) no-repeat center/contain;
  flex-shrink: 0;
  text-align: center;
}
@media (min-width: 1201px) {
  .template__conts__type3 .item-tit .ico {
    width: 47px;
    height: 51px;
    font-size: 26px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 32px;
    letter-spacing: inherit;
    padding-top: 7px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .item-tit .ico {
    width: 36px;
    height: 38px;
    font-size: 22px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 28px;
    letter-spacing: inherit;
    padding-top: 4px;
  }
}
@media (min-width: 1201px) {
  .template__conts__type3 .item-tit .txt {
    display: -webkit-box;
    max-height: 56px;
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding: 6px 0 0 14px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type3 .item-tit .txt {
    display: -webkit-box;
    max-height: 44px;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    padding: 2px 0 0 10px;
  }
}
.template__conts__type3 .item-txt {
  font-size: 16px;
  font-weight: 200;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 20px;
}
.template__conts__type3__img {
  display: flex;
  justify-content: center;
}
.template__conts__type3__img ~ .template__conts__type3__img {
  margin-top: 24px;
}
.template__conts__type4 .txt-group {
  margin-top: 24px;
}
@media (min-width: 1201px) {
  .template__conts__type4 .txt-tit {
    display: -webkit-box;
    max-height: 56px;
    font-size: 22px;
    font-weight: 800;
    color: #000;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (max-width: 1200px) {
  .template__conts__type4 .txt-tit {
    display: -webkit-box;
    max-height: 40px;
    font-size: 15px;
    font-weight: 800;
    color: #000;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
}
@media (min-width: 1201px) {
  .template__conts__type4 .txt-desc {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 24px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type4 .txt-desc {
    font-size: 14px;
    font-weight: 200;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 12px;
  }
}
.template__conts__type4.--type-bt {
  border-top: 1px solid #e0e0e0;
}
@media (min-width: 1201px) {
  .template__conts__type4.--type-bt {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 1200px) {
  .template__conts__type4.--type-bt {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.template__addBanner {
  width: 100%;
}
.template__addBanner__btn {
  display: block;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
}
@media (min-width: 1201px) {
  .template__moreinfo__section ~ .template__moreinfo__section {
    margin-top: 40px;
  }
}
@media (max-width: 1200px) {
  .template__moreinfo__section ~ .template__moreinfo__section {
    margin-top: 24px;
  }
}
.template__moreinfo__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .template__moreinfo__title {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
.template__moreinfo__dl {
  border: 1px solid #e0e0e0;
  padding: 30px;
  background: #fafaf6;
}
@media (max-width: 1200px) {
  .template__moreinfo__dl {
    padding: 20px;
  }
}
.template__moreinfo__dl .dl-dt {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .template__moreinfo__dl .dl-dt {
    font-size: 15px;
  }
}
.template__moreinfo__dl .dl-dt ~ .dl-dt {
  margin-top: 16px;
}
.template__moreinfo__dl .dl-dd {
  padding-top: 6px;
}
@media (max-width: 1200px) {
  .template__moreinfo__dl .dl-dd {
    padding-top: 1px;
  }
}
@media (min-width: 1201px) {
  .template__moreinfo__dl .dl-dd-ul {
    display: flex;
  }
  .template__moreinfo__dl .dl-dd-ul &gt; li {
    display: flex;
  }
  .template__moreinfo__dl .dl-dd-ul &gt; li:not(:last-of-type) {
    max-width: calc((100% - 122px) / 3 + 61px);
  }
  .template__moreinfo__dl .dl-dd-ul &gt; li:not(:last-of-type)::after {
    width: 1px;
    height: 100%;
    content: "";
    flex-shrink: 0;
    margin: 0 30px;
    background: #e0e0e0;
  }
  .template__moreinfo__dl .dl-dd-ul &gt; li:last-of-type {
    max-width: calc((100% - 122px) / 3);
  }
}
.template__moreinfo__dl .dl-dd-tit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #ff7062;
  line-height: 1.4;
  letter-spacing: inherit;
}
.template__moreinfo__dl .dl-dd-txt {
  font-size: 16px;
  font-weight: 200;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.template__moreinfo__dl .dl-dd-txt + .dl-dd-txt {
  margin-top: 4px;
}
.template__moreinfo__footer {
  border: 1px solid #e0e0e0;
  padding: 24px 30px;
  background: #fff;
  border-radius: 18px;
}
.template__moreinfo__footer p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.template__moreinfo__footer p .bold {
  font-weight: 400;
}
@media (min-width: 1201px) {
  .template__moreinfo__footer {
    display: flex;
  }
  .template__moreinfo__footer &gt; li {
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .template__moreinfo__footer &gt; li:not(:last-of-type) {
    max-width: calc((100% - 82px) / 3 + 41px);
  }
  .template__moreinfo__footer &gt; li:not(:last-of-type)::after {
    width: 1px;
    height: 16px;
    content: "";
    margin: 0 20px;
    background: #e0e0e0;
  }
  .template__moreinfo__footer &gt; li:last-of-type {
    max-width: calc((100% - 82px) / 3);
  }
}
@media (max-width: 1200px) {
  .template__moreinfo__footer {
    padding: 20px;
  }
  .template__moreinfo__footer &gt; li {
    margin-top: 6px;
  }
}
.template__map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.template__map__section {
  width: 100%;
  height: 450px;
  position: relative;
}
@media (max-width: 1200px) {
  .template__interval &gt; li.btnList {
    margin-top: 24px !important;
  }
}
.template__interval.--24 &gt; li + li {
  margin-top: 24px;
}
.template__interval.--40 &gt; li + li {
  margin-top: 40px;
}

.branchOs__banner {
  position: relative;
}
.branchOs__banner__txt {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  top: 0;
  padding: 40px 50px 30px;
}
.branchOs__banner__txt &gt; p {
  display: -webkit-box;
  max-height: 2.4;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  line-height: 1.2;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.branchOs__banner__txt .btn__arrow {
  margin-top: 20px;
  justify-content: flex-start;
}
.branchOs__banner__txt .btn__arrow .txt {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__banner__txt .btn__arrow::after {
  background: url(/static/front/images/ico/ico_arrowRight_20_white.svg) no-repeat center/contain;
  background-size: 25px;
}
@media (max-width: 1200px) {
  .branchOs__banner__txt {
    padding: 40px 20px;
  }
  .branchOs__banner__txt &gt; p {
    display: -webkit-box;
    max-height: 2.4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
  }
  .branchOs__banner__txt .btn__arrow {
    margin-top: 12px;
  }
  .branchOs__banner__txt .btn__arrow .txt {
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .branchOs__banner__txt .btn__arrow::after {
    background-size: 20px;
  }
}
.branchOs__headBox {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  background-color: #fff;
  margin: 0 auto 40px;
  border-radius: 0 0 30px 30px;
}
@media (max-width: 1200px) {
  .branchOs__headBox {
    margin: 0 auto 24px;
  }
}
.branchOs__headBox .usa-tit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
}
@media (max-width: 1200px) {
  .branchOs__headBox .usa-tit {
    padding: 0 20px;
  }
}
.branchOs__headBox .search__section {
  margin: 20px 20px 0;
  padding-bottom: 30px;
}
.branchOs__headBox .tabTravel__click__pannel {
  margin: 0 50px;
  padding-bottom: 50px;
}
@media (max-width: 1200px) {
  .branchOs__headBox .tabTravel__click__pannel {
    margin: 0 20px;
  }
}
.branchOs__headBox .tabTravel__click__group {
  padding-top: 10px;
  justify-content: center;
  width: auto;
}
.branchOs__headBox .tabTravel__click__group &gt; li {
  height: 58px;
}
.branchOs__headBox .tabTravel__click__group &gt; li .tabTravel__click__menu {
  border-color: #fcba1b;
  border-radius: 12px;
  width: 210px;
  height: 100%;
}
.branchOs__headBox .tabTravel__click__group &gt; li .tabTravel__click__menu &gt; span {
  color: #fcba1b;
}
.branchOs__headBox .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu {
  background: #fcba1b;
  border-color: #fcba1b;
}
.branchOs__headBox .tabTravel__click__group &gt; li.is-tab-opened .tabTravel__click__menu &gt; span {
  color: #fff;
}
@media (max-width: 1200px) {
  .branchOs__headBox .tabTravel__click__group {
    margin: 0 20px;
  }
  .branchOs__headBox .tabTravel__click__group &gt; li {
    height: 48px;
  }
  .branchOs__headBox .tabTravel__click__group &gt; li .tabTravel__click__menu {
    border-radius: 10px;
    width: 100%;
    height: 100%;
  }
}
.branchOs__headBox__scroll {
  overflow: auto;
  height: 70px;
  margin-top: 50px 50px 0;
}
.branchOs__headBox__scroll::-webkit-scrollbar {
  width: 13px;
}
.branchOs__headBox__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.branchOs__headBox__scroll::-webkit-scrollbar-thumb {
  background: #bbb;
  background-clip: padding-box;
  border-radius: 13px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
@media (max-width: 1200px) {
  .branchOs__headBox__scroll {
    height: 200px;
    margin-top: 50px 20px 0;
  }
}
.branchOs__notfound {
  width: 100%;
  height: 600px;
}
.branchOs__notfound &gt; ul {
  width: 200px;
  height: 100%;
  margin: 0 auto;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.branchOs__notfound &gt; ul &gt; li {
  text-align: center;
}
@media (max-width: 1200px) {
  .branchOs__notfound &gt; ul &gt; li &gt; img {
    width: 100px;
    height: 100px;
  }
}
.branchOs__notfound &gt; ul .txt {
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 18px;
}
@media (max-width: 1200px) {
  .branchOs__notfound &gt; ul .txt {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 16px;
  }
}
.branchOs__grid__group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .branchOs__grid__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.branchOs__grid__group .grid-item {
  position: relative;
  width: calc(100% - 8px);
  height: 200px;
  background-color: #e0e0e0;
  margin-bottom: 8px;
  border-radius: 7px;
  overflow: hidden;
}
.branchOs__grid__group .grid-item img {
  width: 100%;
  height: 200px;
}
.branchOs__grid__group .grid-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
@media (max-width: 1200px) {
  .branchOs__grid__group .grid-item {
    height: 110px;
  }
  .branchOs__grid__group .grid-item img {
    width: 100%;
    height: 110px;
  }
}
.branchOs__grid__group .grid-item__snsico {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.branchOs__grid__group .grid-item__snsico.--insta {
  background: url("/static/front/images/sns/sns_instar_20_white.svg") no-repeat;
  background-size: 100%;
}
.branchOs__grid__group .grid-item__snsico.--pace {
  background: url("/static/front/images/sns/sns_facebook_20_white.svg") no-repeat;
  background-size: 100%;
}
.branchOs__grid__group .grid-item__snsico.--youtub {
  background: url("/static/front/images/sns/sns_youtube_20_white.svg") no-repeat;
  background-size: 100%;
}
.branchOs__grid__group .grid-item__snsico.--twit {
  background: url("/static/front/images/sns/sns_twiter_20_white.png") no-repeat;
  background-size: 100%;
}
@media (max-width: 1200px) {
  .branchOs__grid__group .grid-item__snsico {
    width: 20px;
    height: 20px;
    bottom: 10px;
    right: 10px;
  }
}
.branchOs__grid__group .col2 {
  grid-column: 1/3;
}
.branchOs__grid__group .col4 {
  grid-column: 3/5;
}
@media (max-width: 1200px) {
  .branchOs__grid__group .col4 {
    grid-column: 1/3;
  }
}
.branchOs__section .bbsList__list__type3__item {
  position: relative;
}
@media (min-width: 1201px) {
  .branchOs__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .branchOs__section {
    padding-bottom: 80px;
  }
  .branchOs__section .btnList {
    margin-top: 24px;
  }
}
.branchOs__template__cardList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.branchOs__template__cardList &gt; li {
  flex: 0 0 1;
  text-align: center;
}
@media (max-width: 1200px) {
  .branchOs__template__cardList &gt; li {
    width: 33.33%;
    margin-bottom: 21px;
  }
}
.branchOs__template__cardList &gt; li figcaption {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .branchOs__template__cardList &gt; li figcaption {
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 8px;
  }
}
.branchOs__template__cardList &gt; li .logoBox {
  width: 140px;
  height: 120px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
  padding: 10px;
  border-radius: 18px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .branchOs__template__cardList &gt; li .logoBox {
    width: 80px;
    height: 70px;
    padding: 6px;
  }
}
.branchOs__template__interval &gt; li {
  margin-bottom: 60px;
}
.branchOs__template__interval &gt; li:first-child {
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .branchOs__template__interval &gt; li {
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template .swiper__group .swiper {
    margin-right: -20px;
  }
}
.branchOs__template .swiper__group .swiper.pb60 {
  padding-bottom: 60px;
}
@media (max-width: 1200px) {
  .branchOs__template .swiper__group .swiper.pb60 {
    margin-right: 0;
  }
}
.branchOs__template .swiper__group .swiper-button-next, .branchOs__template .swiper__group .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_arrowLarge_42_gray.svg);
  width: 24px;
  height: 42px;
}
.branchOs__template .swiper__group .swiper-button-next.swiper-button-disabled, .branchOs__template .swiper__group .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.branchOs__template .swiper__group .swiper-button-next {
  right: -3.8%;
}
.branchOs__template .swiper__group .swiper-button-prev {
  left: -3.8%;
}
.branchOs__template .swiper__group .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.branchOs__template .swiper__group .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff7062;
}
.branchOs__template__title {
  display: -webkit-box;
  max-height: 200%;
  font-size: 26px;
  font-weight: 800;
  color: #404040;
  line-height: 100%;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  max-height: 80px;
}
.branchOs__template__title.ora {
  font-size: 26px;
  font-weight: 800;
  font-style: normal;
  color: #fa8615;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__template__title__group {
  display: flex;
  align-items: center;
}
.branchOs__template__title__group .min {
  width: 60px;
  height: 24px;
  min-width: 60px;
  border: 1px solid #fa8615;
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
  color: #fa8615;
  line-height: 1.4;
  letter-spacing: inherit;
  border-radius: 5px;
  padding: 0 8px;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .branchOs__template__title {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .branchOs__template__title.ora {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #fa8615;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.branchOs__template__subtit {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .branchOs__template__subtit {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.branchOs__template__subtit__group {
  display: flex;
  justify-content: space-between;
}
.branchOs__template__subtit__group .count {
  background-color: #fa8615;
  border-radius: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 40px;
  letter-spacing: inherit;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .branchOs__template__subtit__group .count {
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 28px;
    letter-spacing: inherit;
    margin-right: 10px;
    border-radius: 10px;
  }
}
.branchOs__template__subtit__group .more {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  margin-left: auto;
  margin-bottom: 26px;
}
.branchOs__template__subtit__group .more::after {
  content: "";
}
@media (min-width: 1201px) {
  .branchOs__template__subtit__group .more {
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 22px;
    letter-spacing: inherit;
  }
  .branchOs__template__subtit__group .more::after {
    width: 12px;
    height: 12px;
    background: url(/static/front/images/ico/ico_arrowRight_12_salmon.svg) no-repeat center/contain;
    margin: 0 0 2px 4px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__subtit__group .more {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    color: #ff7062;
    line-height: 20px;
    letter-spacing: inherit;
  }
  .branchOs__template__subtit__group .more::after {
    width: 10px;
    height: 10px;
    background: url(/static/front/images/ico/ico_arrowRight_10_salmon.svg) no-repeat center/contain;
    margin: 0 0 3px 4px;
  }
}
@media (min-width: 1201px) {
  .branchOs__template__desc {
    display: -webkit-box;
    max-height: 44px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    line-height: 22px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 14px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__desc {
    display: -webkit-box;
    max-height: 40px;
    font-size: 14px;
    font-weight: 200;
    color: #404040;
    line-height: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
    margin-top: 8px;
  }
}
@media (min-width: 1201px) {
  .branchOs__template__desc2 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__desc2 {
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #909090;
    line-height: 1.4;
    letter-spacing: inherit;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.branchOs__template__hashTag {
  margin-top: 24px;
}
.branchOs__template__daegu {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}
.branchOs__template__daegu &gt; ul {
  margin-top: 24px;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  padding: 24px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
.branchOs__template__daegu &gt; ul &gt; li {
  display: flex;
  align-items: center;
}
.branchOs__template__daegu &gt; ul &gt; li + li {
  margin-top: 12px;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img::after {
  border-right: 1px solid #e0e0e0;
  content: "";
  padding-right: 37px;
  display: inline-block;
  height: 15px;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img.cal {
  width: 27px;
  height: 27px;
  background: url(/static/front/images/ico/ico_calendar_27_pink.svg) no-repeat center/contain;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img.cal &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img.map {
  width: 27px;
  height: 27px;
  background: url(/static/front/images/ico/ico_map_27_pink.svg) no-repeat center/contain;
}
.branchOs__template__daegu &gt; ul &gt; li .ico__img.map &gt; span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
@media (max-width: 1200px) {
  .branchOs__template__daegu &gt; ul &gt; li .ico__img {
    margin-right: 18px;
  }
  .branchOs__template__daegu &gt; ul &gt; li .ico__img::after {
    padding-right: 25px;
    height: 12px;
  }
  .branchOs__template__daegu &gt; ul &gt; li .ico__img.cal {
    width: 18px;
    height: 18px;
  }
  .branchOs__template__daegu &gt; ul &gt; li .ico__img.map {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__daegu &gt; ul &gt; li .ico__txt {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__daegu &gt; ul {
    padding: 16px 14px;
  }
  .branchOs__template__daegu &gt; ul &gt; li + li {
    margin-top: 8px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__daegu {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
}
.branchOs__template__visual img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  border-radius: 18px;
}
@media (min-width: 1201px) {
  .branchOs__template__visual img {
    height: 170px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__visual img {
    height: 160px;
  }
}
.branchOs__template__visual figcaption {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 22px;
  letter-spacing: inherit;
  margin-top: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .branchOs__template__visual figcaption {
    margin-top: 8px;
    font-size: 14px;
  }
}
.branchOs__template__textBox {
  margin-top: 30px;
}
.branchOs__template__textBox &gt; .tit {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 12px;
}
.branchOs__template__textBox &gt; .txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .branchOs__template__textBox {
    margin-top: 24px;
  }
  .branchOs__template__textBox &gt; .tit {
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .branchOs__template__textBox &gt; .txt {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.branchOs__template__moreinfo__footer {
  border: 1px solid #e0e0e0;
  margin-top: 40px;
  padding: 24px 30px;
  background: #fff;
  border-radius: 18px;
}
.branchOs__template__moreinfo__footer__list {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
  display: flex;
  flex-direction: column;
}
.branchOs__template__moreinfo__footer__list .bold {
  display: inline-block;
  font-weight: 800;
  margin-bottom: 6px;
}
.branchOs__template__moreinfo__footer__list + .whereToGo__template__moreinfo__footer__list {
  margin-left: 51px;
}
@media (min-width: 1201px) {
  .branchOs__template__moreinfo__footer &gt; li {
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .branchOs__template__moreinfo__footer &gt; li + li {
    margin-top: 16px;
  }
}
@media (max-width: 1200px) {
  .branchOs__template__moreinfo__footer {
    padding: 20px;
    margin-top: 24px;
  }
  .branchOs__template__moreinfo__footer__list {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #404040;
    line-height: 20px;
    letter-spacing: inherit;
  }
  .branchOs__template__moreinfo__footer &gt; li + li {
    margin-top: 12px;
  }
  .branchOs__template__moreinfo__footer__list + .whereToGo__template__moreinfo__footer__list {
    margin-left: 0;
    margin-top: 12px;
  }
}
@media (min-width: 1201px) {
  .branchOs__info__section {
    margin-top: 40px;
  }
}
.branchOs__card__section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.branchOs__card__section &gt; li {
  display: flex;
  align-items: center;
  flex: 0 0 49.5%;
  margin-bottom: 12px;
  border-radius: 13px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
}
@media (max-width: 1200px) {
  .branchOs__card__section {
    margin-bottom: 24px;
  }
  .branchOs__card__section &gt; li {
    align-items: flex-start;
    flex: 0 0 100%;
    margin-bottom: 6px;
    padding: 16px;
  }
}
.branchOs__card__count {
  background-color: #fa8615;
  border-radius: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 40px;
  letter-spacing: inherit;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .branchOs__card__count {
    width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    color: #fff;
    line-height: 28px;
    letter-spacing: inherit;
    margin-right: 10px;
    border-radius: 10px;
  }
}
.branchOs__card__text .tit {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__card__text .tit + .sub {
  margin-top: 7px;
}
.branchOs__card__text .sub {
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .branchOs__card__text .tit {
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    color: #404040;
    line-height: 1.4;
    letter-spacing: inherit;
  }
  .branchOs__card__text .sub {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    line-height: 1.4;
    letter-spacing: inherit;
  }
}
.branchOs__swiper .swiper-button-next, .branchOs__swiper .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_arrowLarge_42_gray.svg);
  width: 24px;
  height: 42px;
  top: 115px;
}
.branchOs__swiper .swiper-button-next.swiper-button-disabled, .branchOs__swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.branchOs__swiper .swiper-button-next {
  right: -4.2%;
}
.branchOs__swiper .swiper-button-prev {
  left: -4.2%;
}
.branchOs__swiper .card__type1__item {
  padding: 0;
  background: none;
  border: none;
}
.branchOs__swiper .card__type1__item .title {
  padding-right: 0;
}
.branchOs__swiper .card__type1__item .title::after {
  display: none;
}
.branchOs__swiper .card__type1__item .tit {
  display: flex;
  align-items: center;
  color: #078ace;
  flex: 0 0 30%;
}
.branchOs__swiper .card__type1__item .tit.ico1::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_theme_15_blue.svg) no-repeat center/contain;
}
.branchOs__swiper .card__type1__item .tit.ico2::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_region_15_blue.svg) no-repeat center/contain;
}
.branchOs__swiper .card__type1__item .subTit {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__swiper .card__type1__item .price {
  align-items: flex-start;
  flex-direction: column;
}
.branchOs__swiper .card__type1__item .price .etc {
  padding-left: 0;
  color: #909090;
  margin-top: 3px;
}
.branchOs__swiper .card__type1__item .thumbnail {
  width: 100%;
  height: 180px;
}
.branchOs__swiper .card__type1__item .thumbnail__itemtit {
  position: absolute;
  top: 0;
  padding: 20px;
}
.branchOs__swiper .card__type1__item .thumbnail__itemtit &gt; p {
  width: 100%;
  height: 40px;
  max-width: 250px;
  display: -webkit-box;
  max-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__swiper .card__type1__item .thumbnail__itemtit &gt; p + p {
  margin-top: 10px;
}
.branchOs__swiper .card__type1__item .thumbnail__itemtit &gt; p.chip {
  width: 64px;
  height: 27px;
  min-width: 60px;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 24px;
  letter-spacing: inherit;
  border-radius: 5px;
  padding: 0 8px;
  margin-right: 10px;
}
.branchOs__map {
  width: 100%;
  height: 450px;
  background-color: #e0e0e0;
}
.branchOs__map2 {
  margin-top: 40px;
}
.branchOs__map2.mt0 {
  margin-top: 0;
}
.branchOs__map2 .cen {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 820px;
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 18px;
}
@media (max-width: 1200px) {
  .branchOs__map2 {
    margin-top: 24px;
  }
  .branchOs__map2 .cen {
    width: 100%;
    height: 470px;
  }
}
.branchOs__map3 {
  width: 100%;
  height: 640px;
  background-color: #e0e0e0;
  border-radius: 18px;
  margin-top: 60px;
}
@media (max-width: 1200px) {
  .branchOs__map3 {
    margin-top: 24px;
    width: 100%;
    height: 320px;
  }
}
@media (min-width: 1201px) {
  .branchOs__tab__swiper {
    margin: -6px 0;
  }
}
.branchOs__tab__section .tabTravel__click__group &gt; li {
  min-width: auto;
}
.branchOs__tab__section .tabTravel__click__group &gt; li .tabTravel__click__menu {
  padding: 0 40px;
}
@media (max-width: 1200px) {
  .branchOs__tab__section .tabTravel__click__group {
    overflow-x: scroll;
  }
  .branchOs__tab__section .tabTravel__click__group::-webkit-scrollbar {
    width: 17px;
  }
  .branchOs__tab__section .tabTravel__click__group::-webkit-scrollbar-track {
    background: transparent;
  }
  .branchOs__tab__section .tabTravel__click__group::-webkit-scrollbar-thumb {
    background: #bbb;
    background-clip: padding-box;
    border-radius: 17px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
  }
  .branchOs__tab__section .tabTravel__click__group &gt; li {
    width: auto;
  }
  .branchOs__tab__section .tabTravel__click__group &gt; li .tabTravel__click__menu {
    padding: 0 26px;
  }
}
.branchOs__tab__section__count &gt; .count-txt {
  margin-bottom: 14px;
}
.branchOs__tab__section__count &gt; .count-txt &gt; span {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__tab__section__count &gt; .count-txt &gt; span.point {
  color: #ff7062;
}
.branchOs__tabSwiper .card__type1__item .title + .subtit {
  margin-top: 10px;
}
.branchOs__tabSwiper .card__type1__item .subtit {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.branchOs__tabSwiper .card__type1__item .subtit + .foot {
  margin-top: 16px;
}
.branchOs__tabSwiper .card__type1__item .foot &gt; ul {
  display: flex;
  justify-content: space-between;
}
.branchOs__tabSwiper .card__type1__item .foot &gt; ul &gt; li {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.branchOs__tabSwiper .card__type1__item .foot &gt; ul &gt; li.like {
  color: #ff7062;
  display: flex;
  align-items: center;
}
.branchOs__tabSwiper .card__type1__item .foot &gt; ul &gt; li.like::before {
  content: "";
  padding-right: 15px;
  margin-right: 4px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/front/images/ico/ico_like_15_pink.svg) no-repeat center/contain;
}
.branchOs__tabSwiper .swiper__group .swiper {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .branchOs__tabSwiper .swiper__group .swiper {
    margin-right: 0;
  }
}
@media (max-width: 1200px) {
  .branchOs__tabSwiper .swiper__group .swiper-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .branchOs__tabSwiper .swiper__group .swiper-slide {
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) {
  .branchOs__tabSwiper .swiper__group .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1201px) {
  .branchOs__tabSwiper .swiper__group .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 24px;
  }
  .branchOs__tabSwiper .swiper__group .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px !important;
    background: #e0e0e0;
    opacity: 1;
  }
  .branchOs__tabSwiper .swiper__group .swiper-pagination-bullet-active {
    background: #ff7062;
  }
}
.branchOs__tabSwiper .btn__default {
  display: none;
}
@media (max-width: 1200px) {
  .branchOs__tabSwiper .btn__default {
    display: block;
    max-width: 100%;
    height: 50px;
    border-radius: 13px;
    margin-top: 24px;
  }
}
.branchOs__btn {
  margin-top: 24px;
}
.branchOs__cardImg {
  border-radius: 18px;
}
.branchOs__cardImg-txt {
  position: absolute;
  bottom: 30px;
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 100%;
  text-align: center;
}
@media (min-width: 1201px) {
  .branchOs__editor__section {
    margin-bottom: 32px;
  }
}
@media (max-width: 1200px) {
  .branchOs__editor__section {
    margin-bottom: 24px;
  }
}

@media (min-width: 1201px) {
  .service__section {
    padding: 10px 0 120px;
  }
}
@media (max-width: 1200px) {
  .service__section {
    padding-bottom: 80px;
  }
}
.service__info__section {
  margin: 40px 0 24px;
}
@media (max-width: 1200px) {
  .service__info__section {
    margin-bottom: 14px;
  }
}
@media (min-width: 1201px) {
  .service__list__section + .pagination__section {
    margin-top: 32px;
  }
}
@media (max-width: 1200px) {
  .service__list__section + .pagination__section {
    margin-top: 24px;
  }
}

.newPlan__section {
  margin-top: 60px;
  margin-bottom: 120px;
}
@media (max-width: 1200px) {
  .newPlan__section {
    margin: 0;
  }
}
.newPlan__inner {
  background: #fff;
  padding: 40px;
  border-radius: 18px;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__inner {
    border-radius: 0;
    padding: 30px 0 80px;
  }
}
.newPlan__cont + .newPlan__cont {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .newPlan__cont + .newPlan__cont {
    margin-top: 20px;
  }
}
@media (min-width: 1201px) {
  .newPlan__cont .btn {
    width: 72px;
    height: 48px;
  }
}
@media (max-width: 1200px) {
  .newPlan__cont .btn {
    height: 48px;
  }
}
.newPlan__cont .btn-filter {
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
  padding: 0 4px;
  background: #fff;
  border-radius: 4px;
}
.newPlan__cont .btn-filter::before {
  background: url(/static/front/images/ico/ico_filter_16_black.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
}
.newPlan__cont .btn-filter.is-active {
  background: #000;
  border-color: #000;
}
.newPlan__cont .btn-filter.is-active .txt {
  color: #fff;
}
.newPlan__cont .btn-filter.is-active::before {
  background-image: url(/static/front/images/ico/ico_filter_16_white.svg);
  opacity: 1;
}
.newPlan__cont .btn-filter .txt {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newPlan__cont .btn-filter::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  opacity: 0.5;
}
.newPlan__title {
  font-size: 22px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__title {
    font-size: 20px;
  }
}
.newPlan__title &gt; p {
  display: -webkit-box;
  max-height: 30px;
  font-size: 22px;
  font-weight: 800;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.newPlan__title + p {
  margin-top: 8px;
}
.newPlan__title + .btn__group {
  margin-left: 8px;
  display: block;
}
.newPlan__header__title {
  display: flex;
  align-items: center;
}
.newPlan__header__title + p {
  margin-top: 8px;
}
.newPlan__header__jstend {
  display: flex;
  justify-content: space-between;
}
.newPlan__header__jstend.--type2 .search__ipt {
  width: 100%;
  height: 48px;
  max-width: calc(100% - 78px);
}
.newPlan__header__jstend.--type2 .search__btn {
  width: 72px;
  margin-left: 6px;
  margin-top: 0;
}
@media (min-width: 1201px) {
  .newPlan__header__jstend.--type2 {
    align-items: end;
  }
}
@media (max-width: 1200px) {
  .newPlan__header__jstend.--type2 {
    flex-direction: column-reverse;
  }
  .newPlan__header__jstend.--type2 .search__section {
    flex-wrap: unset;
  }
  .newPlan__header__jstend.--type2 .newPlan__listTab__radio__list {
    margin-top: 21px;
  }
  .newPlan__header__jstend.--type2 .list__filter__type1__group {
    border-radius: 22px 22px 0 0;
    box-shadow: 0px 4px 5px 5px #ccc;
  }
}
.newPlan__header__jstend.--type3 {
  margin-top: 24px;
}
.newPlan__header__jstend.--type3 .search__ipt {
  width: 100%;
  height: 48px;
  max-width: calc(100% - 78px);
}
.newPlan__header__jstend.--type3 .search__btn {
  width: 72px;
  margin-left: 6px;
  margin-top: 0;
}
@media (min-width: 1201px) {
  .newPlan__header__jstend.--type3 {
    align-items: end;
  }
}
@media (max-width: 1200px) {
  .newPlan__header__jstend.--type3 {
    flex-direction: column-reverse;
  }
  .newPlan__header__jstend.--type3 .search__section {
    flex-wrap: unset;
  }
  .newPlan__header__jstend.--type3 .newPlan__listTab__radio__list {
    margin-top: 21px;
  }
  .newPlan__header__jstend.--type3 .list__filter__type1__group {
    border-radius: 22px 22px 0 0;
    box-shadow: 0px 4px 5px 5px #ccc;
  }
}
.newPlan__header__toggleGroup {
  position: relative;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1201px) {
  .newPlan__header__toggleGroup .btn__group.mo {
    display: none;
  }
}
@media (max-width: 1200px) {
  .newPlan__header__toggleGroup {
    align-items: flex-start;
  }
  .newPlan__header__toggleGroup .btn__group.mo {
    display: block;
    padding: 7px;
  }
}
.newPlan__close-dim {
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.newPlan__close-dim &gt; img + .tit {
  margin-top: 12px;
}
.newPlan__close-dim .tit {
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__close-dim .tit + p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 4px;
}
.newPlan__close-dim .tit + p + .btn__underline {
  margin-top: 40px;
}
.newPlan__close-dim .btn__underline .txt {
  color: #fcba1b;
}
.newPlan__close-dim__group {
  width: auto;
  height: 100%;
  position: relative;
}
.newPlan__close-dim__group &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__txt {
    font-size: 14px;
  }
}
.newPlan__txt b {
  color: #ff7062;
}
.newPlan__txt__group {
  display: flex;
  align-items: flex-end;
  margin-top: 8px;
}
.newPlan__txt__group &gt; .ico {
  margin-right: 8px;
  height: 20px;
}
.newPlan__txt__group &gt; .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  margin-right: 4px;
}
.newPlan__txt__group &gt; .txt + .ico {
  margin-left: 10px;
}
.newPlan__txt__group.--type2 {
  display: flex;
  align-items: center;
}
.newPlan__txt__group.--type2 &gt; .ico {
  margin-right: 4px;
}
.newPlan__subTit {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-bottom: 12px;
}
@media (max-width: 1200px) {
  .newPlan__subTit {
    font-size: 14px;
  }
}
.newPlan__datepicker {
  display: flex;
}
@media (max-width: 1200px) {
  .newPlan__datepicker {
    height: calc(var(--vh, 1vh) * 70);
  }
}
.newPlan__datepicker .datepicker__inline__group {
  flex-direction: column;
  max-width: 100%;
  width: 100%;
}
.newPlan__datepicker .datepicker__inline__group .lightpick__previous-action, .newPlan__datepicker .datepicker__inline__group .lightpick__next-action {
  position: absolute;
  top: 34px;
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick__previous-action, .newPlan__datepicker .datepicker__inline__group .lightpick__next-action {
    display: none;
  }
}
.newPlan__datepicker .datepicker__inline__group .lightpick__next-action {
  right: 30px;
}
.newPlan__datepicker .datepicker__inline__group .lightpick__previous-action {
  left: 30px;
}
.newPlan__datepicker .datepicker__inline__group .lightpick__select.lightpick__select-months {
  font-size: 24px;
}
@media (max-width: 767px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick__select.lightpick__select-months {
    font-size: 20px;
  }
}
.newPlan__datepicker .datepicker__inline__group .lightpick__month:first-child {
  padding-right: 20px;
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick__month:first-child {
    padding-right: 0;
    padding-bottom: 20px;
  }
}
.newPlan__datepicker .datepicker__inline__group .lightpick__month + .lightpick__month {
  padding-left: 20px;
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick__month + .lightpick__month {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick--2-columns .lightpick__months {
    display: flex;
    flex-direction: column;
  }
}
.newPlan__datepicker .datepicker__inline__group .lightpick__day.is-start-date.is-end-date, .newPlan__datepicker .datepicker__inline__group .lightpick__day.is-in-range:hover {
  background-image: none;
}
.newPlan__datepicker .datepicker__inline__group .lightpick {
  border-bottom: none;
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__group .lightpick {
    height: calc(var(--vh, 1vh) * 60);
    overflow: hidden;
    overflow-y: auto;
  }
  .newPlan__datepicker .datepicker__inline__group .lightpick::-webkit-scrollbar {
    width: 13px;
  }
  .newPlan__datepicker .datepicker__inline__group .lightpick::-webkit-scrollbar-track {
    background: transparent;
  }
  .newPlan__datepicker .datepicker__inline__group .lightpick::-webkit-scrollbar-thumb {
    background: #bbb;
    background-clip: padding-box;
    border-radius: 13px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
  }
}
.newPlan__datepicker .datepicker__inline__select__group {
  margin-top: 16px;
  width: 100%;
  height: 70px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 10px 24px;
}
.newPlan__datepicker .datepicker__inline__select__group &gt; li.ico {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
.newPlan__datepicker .datepicker__inline__select__group &gt; li.txt {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .newPlan__datepicker .datepicker__inline__select__group &gt; li.txt {
    font-size: 14px;
  }
}
.newPlan__datepicker .datepicker__inline__select__group &gt; li.txt &gt; span {
  flex: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newPlan__datepicker .datepicker__inline__select__group &gt; li.txt &gt; span:nth-child(2) {
  flex: 0 0 10px;
}
.newPlan__footer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  bottom: 0;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .newPlan__footer {
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .newPlan__footer.--moFix {
    margin-left: -22px;
    position: fixed;
    background: #fff;
    height: auto;
    padding: 14px 20px 16px;
    margin-top: 0;
    bottom: 0;
    z-index: 5;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  }
}
.newPlan__footer__info {
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__footer .btn__group {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .newPlan__footer .btn__group {
    margin-top: 14px;
  }
}
.newPlan__tag__section {
  overflow: hidden;
}
.newPlan__tag__list {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
}
@media (max-width: 1200px) {
  .newPlan__tag__list {
    margin: -3px -2px;
  }
}
.newPlan__tag__list &gt; li {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  max-width: 100%;
  height: 48px;
  margin: 3px;
  padding: 0 22px;
  background: #fff;
  border-radius: 25px;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__tag__list &gt; li {
    height: 35px;
    margin: 3px 2px;
    padding: 0 14px;
  }
}
.newPlan__tag__list &gt; li p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 4px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .newPlan__tag__list &gt; li p {
    font-size: 14px;
  }
}
.newPlan__tag__list &gt; li .btn__delete {
  width: 15px;
  height: 15px;
}
.newPlan__tag__list &gt; li + li {
  margin-left: 30px;
}
.newPlan__tag__list &gt; li + li::before {
  content: "";
  background: url(/static/front/images/ico/ico_arrowLeft_24_warmGrey.svg) no-repeat center/contain;
  width: 17px;
  height: 17px;
  position: absolute;
  transform: rotate(180deg);
  left: -25px;
}
.newPlan__list.--col4 {
  overflow: hidden;
}
.newPlan__list.--col4 &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .newPlan__list.--col4 &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .newPlan__list.--col4 &gt; ul {
    margin: -8px;
  }
}
.newPlan__list.--col4 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .newPlan__list.--col4 &gt; ul &gt; li {
    width: calc((100% - 80px) / 4);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .newPlan__list.--col4 &gt; ul &gt; li {
    width: calc((100% - 32px) / 2);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .newPlan__list.--mohid {
    height: 83px;
    overflow: hidden;
  }
}
.newPlan__list + .btn__group {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .newPlan__list + .btn__group {
    margin-top: 14px;
  }
}
.newPlan__ckboxImg__group {
  width: 100%;
  height: 140px;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__ckboxImg__group {
    height: 82px;
  }
}
.newPlan__ckboxImg__group:hover label.no-active .btn__default.plus {
  display: flex;
  align-items: center;
}
.newPlan__ckboxImg__group:hover label.active .btn__default.minus {
  display: flex;
  align-items: center;
}
.newPlan__ckboxImg__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__ckboxImg__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 12px;
}
.newPlan__ckboxImg__group input[type=checkbox] + label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__ckboxImg__group input[type=checkbox] + label .tit {
  position: absolute;
  top: 14px;
  left: 14px;
}
.newPlan__ckboxImg__group input[type=checkbox] + label .tit b {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default {
  width: max-content;
  height: 26px;
  position: absolute;
  bottom: 14px;
  background: #404040;
  padding: 0 8px;
  left: 50%;
  transform: translateX(-50%);
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default.plus {
  display: none;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default.minus {
  display: none;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .txt {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .ico {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 2px;
  background: no-repeat center/contain;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .ico.--plus {
  background-image: url(/static/front/images/ico/ico_+_20_white.svg);
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .ico.--plus b {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .ico.--minus {
  background-image: url(/static/front/images/ico/ico_-_20_white.svg);
}
.newPlan__ckboxImg__group input[type=checkbox] + label button.btn__default .ico.--minus b {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__ckboxImg__group input[type=checkbox] + label.active::after {
  width: 100%;
  height: 100%;
  border: 3px solid #078ace;
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.newPlan__ckboxCicle__group {
  width: 132px;
  height: 132px;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__ckboxCicle__group {
    width: 100px;
    height: 100px;
  }
}
.newPlan__ckboxCicle__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__ckboxCicle__group input[type=checkbox] + label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 100px;
  border: 1px solid #bbb;
  padding: 15px;
}
.newPlan__ckboxCicle__group input[type=checkbox] + label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__ckboxCicle__group input[type=checkbox]:checked + label {
  background: #000;
}
.newPlan__ckboxCicle__group input[type=checkbox]:checked + label img {
  filter: invert(100%);
}
.newPlan__ckboxCicle__group input[type=checkbox]:checked + label::after {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.newPlan__ckboxCicle__txt {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 1200px) {
  .newPlan__ckboxCicle__txt {
    font-size: 14px;
    margin-top: 6px;
  }
}
.newPlan__whcent {
  max-width: 650px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .newPlan__whcent {
    max-width: 340px;
  }
}
.newPlan__whcent .newPlan__list.--col4 {
  overflow: hidden;
}
.newPlan__whcent .newPlan__list.--col4 &gt; ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .newPlan__whcent .newPlan__list.--col4 &gt; ul {
    margin: -20px;
  }
}
@media (max-width: 1200px) {
  .newPlan__whcent .newPlan__list.--col4 &gt; ul {
    margin: -10px;
  }
}
.newPlan__whcent .newPlan__list.--col4 &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .newPlan__whcent .newPlan__list.--col4 &gt; ul &gt; li {
    width: calc((100% - 160px) / 4);
    margin: 20px;
  }
}
@media (max-width: 1200px) {
  .newPlan__whcent .newPlan__list.--col4 &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
.newPlan__whcent .newPlan__list.--col4 &gt; ul {
  justify-content: left;
}
.newPlan__cose.is-close-map .newPlan__cose__map {
  height: 0;
  transition: all 0.2s ease;
  z-index: 0;
  font-size: 0;
  overflow: hidden;
}
.newPlan__cose.is-close-map .newPlan__cose__map .map-tip {
  display: none;
}
.newPlan__cose.is-close-map .newPlan__cose__map + .newPlan__cose__info .--stiky {
  position: relative;
  top: 0;
}
.newPlan__cose.is-close-map .btnToggle .ico {
  transform: rotate(0);
}
.newPlan__cose__map {
  background: #bbb;
  width: 100%;
  height: 400px;
  position: relative;
  border-radius: 12px;
  position: sticky;
  top: 80px;
  transition: all 0.2s ease;
  z-index: 9;
}
@media (max-width: 1200px) {
  .newPlan__cose__map {
    width: calc(100% + 40px);
    height: 280px;
    margin-left: -20px;
    border-radius: 0;
    top: 58px;
  }
}
.newPlan__cose__map + .newPlan__cose__info .--stiky {
  background-color: #fff;
  position: sticky;
  top: 480px;
  z-index: 9;
}
@media (max-width: 1200px) {
  .newPlan__cose__map + .newPlan__cose__info .--stiky {
    top: 338px;
  }
}
.newPlan__cose__map .map-tip {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 236px;
  height: 60px;
  position: absolute;
  padding: 9px 10px;
  background: #ff7062;
  border-radius: 5px;
  right: -82px;
  bottom: 55px;
  text-align: center;
  z-index: 999;
}
.newPlan__cose__map .map-tip::after {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  bottom: -5px;
  right: 50%;
  display: block;
  background: #ff7062;
  transform: rotate(45deg);
}
@media (max-width: 1200px) {
  .newPlan__cose__map .map-tip::after {
    right: 25px;
  }
}
@media (max-width: 1200px) {
  .newPlan__cose__map .map-tip {
    right: 5px;
    bottom: 65px;
  }
}
.newPlan__cose__map.is-big {
  height: 600px;
}
@media (max-width: 1200px) {
  .newPlan__cose__map.is-big {
    height: 500px;
  }
}
.newPlan__cose__map.is-big .btn .btn__bigger {
  background: url(/static/front/images/ico/ico_map_bigger02.svg) no-repeat center/contain;
}
.newPlan__cose__map .btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  position: absolute;
  flex-shrink: 0;
  bottom: 14px;
  right: 14px;
  background-color: #fff;
  border-radius: 30px;
}
.newPlan__cose__map .btn button {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  width: 100%;
  padding: 8px 14px;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .newPlan__cose__map .btn {
    bottom: 20px;
    right: 20px;
  }
}
.newPlan__cose__info .btnToggle {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}
.newPlan__cose__info .btnToggle .ico {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
  transform: rotate(180deg);
}
.newPlan__cose__info .btnToggle__group {
  padding: 20px 0;
}
@media (max-width: 1200px) {
  .newPlan__cose__info .btnToggle__group {
    padding: 16px 0;
  }
}
.newPlan__cose__notice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  padding: 20px 30px;
  background: #f5f5f5;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice {
    padding: 20px 16px;
  }
}
.newPlan__cose__notice + .newPlan__course__section {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice + .newPlan__course__section {
    margin-top: 10px;
  }
}
.newPlan__cose__notice__select {
  display: flex;
}
.newPlan__cose__notice__select.--black .select__lang__label span.label {
  color: #000;
}
.newPlan__cose__notice__select.--black .select__lang__label span.label::before {
  background-image: url(/static/front/images/ico/ico_map_20_blackPink.svg);
}
.newPlan__cose__notice__select.--black .select__lang__label span.label.km::after {
  content: "기준 반경 5Km";
  margin-left: 5px;
}
.newPlan__cose__notice__select.--black .select__lang__label::after {
  background-image: url(/static/front/images/ico/ico_arrowDown_20_darkGrey.svg);
}
.newPlan__cose__notice__select.--black .select__lang__section {
  padding: 0;
  margin-left: 0;
}
.newPlan__cose__notice__select.--black .select__lang__optList__section {
  width: 100%;
}
.newPlan__cose__notice__select.--black .select__lang__optList__item {
  padding: 10px 10px 10px 15px;
}
.newPlan__cose__notice__select .select__lang__section {
  padding: 0 30px;
  margin-left: -30px;
}
.newPlan__cose__notice__select .select__lang__section .dim {
  display: none;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__section {
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
  .newPlan__cose__notice__select .select__lang__section .btn__leftIco {
    width: 100%;
  }
  .newPlan__cose__notice__select .select__lang__section.is-active .dim {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #000;
    opacity: 0.4;
    animation: popupDimbg 0.5s;
    z-index: 20000;
  }
  .newPlan__cose__notice__select .select__lang__section.is-active .select__lang__optList__section {
    max-height: 95%;
  }
}
.newPlan__cose__notice__select .select__lang__optList__group {
  padding: 4px;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__optList__group {
    padding: 10px;
  }
}
@media (min-width: 1201px) {
  .newPlan__cose__notice__select .select__lang__section.is-active .select__lang__optList__section {
    height: 177px;
  }
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__section.is-active .select__lang__optList__section {
    max-height: 95%;
    height: max-content;
  }
}
.newPlan__cose__notice__select .select__lang__optList__item {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 10px 10px 10px 25px;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__optList__item {
    padding: 14px 20px;
    font-size: 14px;
  }
}
.newPlan__cose__notice__select .select__lang__optList__item .day {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__optList__item .day {
    font-size: 14px;
    padding-right: 10px;
  }
}
.newPlan__cose__notice__select .select__lang__optList__item &gt; span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__cose__notice__select .select__lang__optList__item:hover {
  background-color: #f5f5f5;
}
.newPlan__cose__notice__select .select__lang__optList__item .is-selected {
  color: #078ace;
}
.newPlan__cose__notice__select .select__lang__optList__section {
  width: auto;
  left: 0;
}
.newPlan__cose__notice__select .select__lang__optList__section .select__poptit {
  display: none;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice__select .select__lang__optList__section {
    width: 100%;
    position: fixed;
    bottom: 0;
    top: auto;
    max-height: 500px;
    border-radius: 22px 22px 0 0;
    z-index: 20001;
  }
  .newPlan__cose__notice__select .select__lang__optList__section .select__poptit {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    display: block;
    padding: 30px 20px 10px;
  }
}
.newPlan__cose__notice .select__lang__section.is-active .select__lang__label::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
  content: "";
  transform: rotate(180deg);
}
.newPlan__cose__notice .select__lang__label::after {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_arrowDown_20_lightGrey.svg) no-repeat center/contain;
  content: "";
  transform: rotate(0);
}
.newPlan__cose__notice .select__lang__label &gt; span.label {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 17px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__cose__notice .select__lang__label &gt; span.label {
    font-size: 14px;
  }
}
.newPlan__cose__notice .select__lang__label &gt; span.label::before {
  display: none;
}
.newPlan__cose__listhead {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1200px) {
  .newPlan__cose__listhead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.newPlan__cose__listhead .tit__group {
  display: flex;
  align-items: center;
}
.newPlan__cose__listhead .tit__group &gt; .ico + .txt {
  margin-left: 10px;
}
.newPlan__cose__listhead .tit__group &gt; .txt {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #078ace;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__cose__listhead .tit__group &gt; .txt + .btn__underline {
  margin-left: 14px;
}
@media (max-width: 1200px) {
  .newPlan__cose__listhead .tit__group + .btn__group {
    margin-top: 20px;
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .newPlan__cose__listhead .tit__group + .btn__group .select__lang__optList__section {
    right: 0;
    left: auto;
  }
}
.newPlan__cose__noData {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}
.newPlan__cose__noData &gt; p {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  text-align: center;
}
.newPlan__cose__noData &gt; p &gt; b {
  color: #078ace;
  font-weight: 500;
}
.newPlan__cose__noData &gt; p + .btn__group {
  margin-top: 24px;
}
.newPlan__course__section {
  padding: 0 0 40px 20px;
}
@media (max-width: 1200px) {
  .newPlan__course__section {
    padding: 0;
  }
}
.newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag {
  padding-right: 140px;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag {
    padding-right: 0;
  }
}
.newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn {
  margin-left: 0;
}
.newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn .btn__group button + button {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn .btn__group button + button {
    margin-left: 12px;
  }
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn .btn__group button {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1201px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn {
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.card-btn {
    position: absolute;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    transform: translateY(0);
  }
}
@media (min-width: 1201px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.thumbnail {
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__group .newPlan__course__place .itemDrag li.thumbnail {
    margin-bottom: 30px;
  }
}
.newPlan__course__section.--modify .newPlan__course__list .grid.--n2 {
  width: calc(100% - 70px);
}
@media (max-width: 1200px) {
  .newPlan__course__section.--modify .newPlan__course__list .grid.--n2 {
    width: calc(100% - 40px);
  }
}
.newPlan__course__section.--type2 {
  padding: 0;
}
.newPlan__course__section.--type2 .newPlan__course__list::after {
  display: none;
}
.newPlan__course__section.--type2 .newPlan__course__list &gt; li + li {
  margin-top: 16px;
}
.newPlan__course__section.--type2 .newPlan__course__place.--info ul {
  align-items: center;
  justify-content: space-between;
}
.newPlan__course__section.--type2 .newPlan__course__place.--info ul li {
  width: 100%;
}
.newPlan__course__section.--type2 .newPlan__course__place.--info ul li.card-btn {
  min-width: 20px;
  width: 20px;
}
.newPlan__course__list {
  position: relative;
}
.newPlan__course__list::after {
  content: "";
  position: absolute;
  top: 60px;
  left: 12px;
  width: 1px;
  height: calc(100% - 20px);
  background: #e0e0e0;
}
@media (max-width: 1200px) {
  .newPlan__course__list::after {
    top: 50px;
  }
}
.newPlan__course__list &gt; li {
  position: relative;
}
.newPlan__course__list &gt; li.drag.is-li-last .newPlan__course__group {
  background: #fff;
}
.newPlan__course__list &gt; li.drag.is-li-last ~ .notDrag .newPlan__course__group {
  background: #fff;
}
.newPlan__course__list &gt; li.drag.is-li-last ~ .notDrag::before {
  width: 100%;
  height: 24px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  transform: translateY(-100%);
}
.newPlan__course__list &gt; li.notDrag {
  margin-top: 0;
}
.newPlan__course__list &gt; li.notDrag + li {
  margin-top: 0;
}
@media (max-width: 1200px) {
  .newPlan__course__list &gt; li.notDrag {
    margin-top: 8px;
  }
  .newPlan__course__list &gt; li.notDrag + li {
    margin-top: 8px;
  }
}
.newPlan__course__list &gt; li + li {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .newPlan__course__list &gt; li + li {
    margin-top: 40px;
  }
}
.newPlan__course__group {
  position: relative;
  z-index: 1;
}
.newPlan__course__group.--type-add {
  display: flex;
  align-items: center;
  width: max-content;
  height: 24px;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 13px;
}
@media (min-width: 1201px) {
  .newPlan__course__group.--type-add {
    margin-left: -15px;
  }
}
.newPlan__course__group.--type-add .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
}
@media (max-width: 1200px) {
  .newPlan__course__group.--type-add .txt {
    font-size: 12px;
  }
}
.newPlan__course__group.--type-place {
  display: flex;
  gap: 0 44px;
}
@media (max-width: 1200px) {
  .newPlan__course__group.--type-place {
    gap: 0 13px;
  }
}
.newPlan__course__group.--type-place .grid.--n1 {
  align-self: center;
}
.newPlan__course__group.--type-place .grid.--n2 {
  width: 100%;
}
.newPlan__course__group.--type-place .itemDrag {
  cursor: grab;
}
.newPlan__course__place.--time {
  display: flex;
  flex-direction: column;
}
.newPlan__course__place.--time .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 19px;
  letter-spacing: inherit;
  background: #078ace;
  border-radius: 50%;
  overflow: hidden;
}
.newPlan__course__place.--time .num.--type-food {
  background: #fcba1b;
}
.newPlan__course__place.--time .num.--type-food::before {
  content: "";
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_food_20_yell.svg) no-repeat center/24px;
}
.newPlan__course__place.--time .num.--type-bad {
  background: #904eca;
}
.newPlan__course__place.--time .num.--type-bad::before {
  content: "";
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_hotel_20_purp.svg) no-repeat center/24px;
}
.newPlan__course__place.--time .num.--type-map {
  display: flex;
  align-items: center;
  overflow: hidden;
  background: none;
}
.newPlan__course__place.--time .num.--type-map::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/static/front/images/ico/ico_tour_20_gree.svg) no-repeat center/24px;
}
.newPlan__course__place.--time .time {
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 14px;
  letter-spacing: inherit;
  justify-content: flex-start;
  white-space: nowrap;
  background-color: #fff;
  margin-left: -5px;
  padding-top: 3px;
}
.newPlan__course__place.--info {
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info {
    padding: 10px;
  }
}
.newPlan__course__place.--info.--blue {
  background-color: #f5fbfe;
}
.newPlan__course__place.--info.--blue .info &gt; li .desc {
  color: #078ace;
}
.newPlan__course__place.--info.--yell {
  background-color: #fffaf3;
}
.newPlan__course__place.--info.--yell .info &gt; li .desc {
  color: #fcba1b;
}
.newPlan__course__place.--info.--purp {
  background-color: #faf8fc;
}
.newPlan__course__place.--info.--purp .info &gt; li .desc {
  color: #904eca;
}
.newPlan__course__place.--info ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.newPlan__course__place.--info ul.info &gt; li.thumbnail {
  width: 94px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li.thumbnail {
    width: 60px;
    height: 60px;
  }
}
.newPlan__course__place.--info ul.info &gt; li.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__course__place.--info ul.info &gt; li.thumbnail .ipt__like__group {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) {
  margin-left: 24px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) {
    margin-left: 10px;
  }
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .desc {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: auto;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .desc {
    font-size: 12px;
  }
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .desc + .title {
  margin-top: 4px;
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .title {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .title {
    font-size: 16px;
  }
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .title + .price {
  margin-top: 14px;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .title + .price {
    margin-top: 8px;
  }
}
.newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .price {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__course__place.--info ul.info &gt; li:not(.thumbnail) .price {
    font-size: 12px;
  }
}
.newPlan__course__place.--info ul.btns {
  justify-content: space-between;
  padding: 6px 0;
}
.newPlan__course__place.--info ul.btns &gt; li {
  display: flex;
  align-items: center;
}
.newPlan__course__place.--info ul.btns &gt; li a.link {
  width: 20px;
  height: 20px;
  background: url(/static/front/images/ico/ico_link_24_grey.svg) no-repeat center/14px;
  display: block;
}
.newPlan__course__place.--info ul.btns &gt; li a.link span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__course__place.--info ul.btns &gt; li .moCkboxHeart__group {
  margin-left: 8px;
}
.newPlan__course__card {
  margin-top: 24px;
}
.newPlan__course__card .is-close-cont .btn__row::after {
  transform: rotate(180deg);
}
.newPlan__course__card .is-close-cont .newPlan__course__card__list {
  height: 0;
  transition: all 0.3s ease;
}
.newPlan__course__card__group {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.newPlan__course__card__group &gt; p {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__course__card__group + .newPlan__course__card__list {
  margin-top: 16px;
}
.newPlan__course__card .newPlan__course__group.--type-place .grid.--n1 {
  align-self: baseline;
}
.newPlan__course__card__list {
  overflow: hidden;
  height: 290px;
  transition: all 0.3s ease;
}
.newPlan__course__card__list &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .newPlan__course__card__list &gt; ul {
    margin: -10px;
  }
}
@media (max-width: 1200px) {
  .newPlan__course__card__list &gt; ul {
    margin: -10px;
  }
}
.newPlan__course__card__list &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .newPlan__course__card__list &gt; ul &gt; li {
    width: calc((100% - 60px) / 3);
    margin: 10px;
  }
}
@media (max-width: 1200px) {
  .newPlan__course__card__list &gt; ul &gt; li {
    width: calc((100% - 40px) / 2);
    margin: 10px;
  }
}
.newPlan__course__card__list .btn__group.--list {
  margin-top: 26px;
}
.newPlan__course__card__item .img {
  border-radius: 12px;
  overflow: hidden;
  width: auto;
  height: 180px;
}
@media (max-width: 1200px) {
  .newPlan__course__card__item .img {
    height: 100px;
  }
}
.newPlan__course__card__item .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__course__card__item .conts {
  margin-top: 12px;
}
.newPlan__course__card__item .conts .title &gt; p {
  display: -webkit-box;
  max-height: 24px;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .newPlan__course__card__item .conts .title &gt; p {
    font-size: 16px;
    line-height: 20px;
  }
}
.newPlan__course__card__item .conts .title + .desc {
  margin-top: 8px;
}
.newPlan__course__card__item .conts .desc &gt; p {
  display: -webkit-box;
  max-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  line-height: 20px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .newPlan__course__card__item .conts .desc &gt; p {
    font-size: 13px;
  }
}
.newPlan__course__card__item .conts .desc &gt; p span + span {
  margin-left: 6px;
}
.newPlan__course__card__item .conts .desc &gt; p .point {
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 20px;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__course__card__item .conts .desc &gt; p .point {
    font-size: 16px;
  }
}
.newPlan__slide__section {
  width: calc(100% + 80px);
  margin-left: -40px;
  position: relative;
}
.newPlan__slide__section .swiper {
  padding: 0 40px;
  position: relative;
}
.newPlan__slide__section .swiper .swiper-button-next, .newPlan__slide__section .swiper .swiper-button-prev {
  width: 40px;
  height: 100%;
  top: 0;
  margin-top: 0;
  background-color: #fff;
}
.newPlan__slide__section .swiper .swiper-button-next::after, .newPlan__slide__section .swiper .swiper-button-prev::after {
  width: 28px;
  height: 28px;
  background-image: url(/static/front/images/ico/ico_arrowLeft_28_lightGrey.svg);
  font-size: 0;
}
.newPlan__slide__section .swiper .swiper-button-next {
  right: 0;
  transform: rotate(180deg);
}
.newPlan__slide__section .swiper .swiper-button-prev {
  left: 0;
}
.newPlan__slide__section .swiper .swiper-slide.active .newPlan__course__place.--info {
  box-shadow: inset 0 0 0 2px #078ace;
  background-color: #f5fbfe;
}
@media (max-width: 1200px) {
  .newPlan__slide__section .swiper .swiper-button-next, .newPlan__slide__section .swiper .swiper-button-prev {
    display: none;
  }
}
.newPlan__btnSelect {
  display: flex;
  width: 100%;
}
.newPlan__btnSelect .select__lang__section .dim {
  display: none;
}
@media (max-width: 1200px) {
  .newPlan__btnSelect .select__lang__section {
    width: 100%;
  }
  .newPlan__btnSelect .select__lang__section .btn__leftIco {
    width: 100%;
  }
  .newPlan__btnSelect .select__lang__section.is-active .dim {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #000;
    opacity: 0.4;
    animation: popupDimbg 0.5s;
    z-index: 20000;
  }
  .newPlan__btnSelect .select__lang__section.is-active .select__lang__optList__section {
    max-height: 95%;
  }
}
.newPlan__btnSelect .select__lang__section.is-active .select__lang__optList__section {
  height: auto;
}
@media (min-width: 1201px) {
  .newPlan__btnSelect .select__lang__section.is-active .select__lang__optList__section {
    max-height: 200px;
  }
}
@media (max-width: 1200px) {
  .newPlan__btnSelect .select__lang__section.is-active .select__lang__optList__section {
    max-height: 95%;
    height: max-content;
  }
}
.newPlan__btnSelect .select__lang__optList__item {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 10px 25px;
}
@media (max-width: 1200px) {
  .newPlan__btnSelect .select__lang__optList__item {
    padding: 14px 20px;
    font-size: 14px;
  }
}
.newPlan__btnSelect .select__lang__optList__item &gt; span {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__btnSelect .select__lang__optList__item:hover {
  background-color: #f5f5f5;
}
.newPlan__btnSelect .select__lang__optList__item .is-selected {
  color: #078ace;
}
.newPlan__btnSelect .select__lang__optList__section {
  width: 270px;
  top: 50px;
  left: 0;
}
.newPlan__btnSelect .select__lang__optList__section .select__poptit {
  display: none;
}
@media (max-width: 1200px) {
  .newPlan__btnSelect .select__lang__optList__section {
    width: 100%;
    position: fixed;
    bottom: 0;
    top: auto;
    max-height: 500px;
    border-radius: 22px 22px 0 0;
    z-index: 20001;
  }
  .newPlan__btnSelect .select__lang__optList__section .select__poptit {
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    color: #000;
    line-height: 1.4;
    letter-spacing: inherit;
    display: block;
    padding: 30px 20px 10px;
  }
}
.newPlan__btnSelect .select__lang__optList__group {
  padding: 4px;
}
@media (max-width: 1200px) {
  .newPlan__btnSelect .select__lang__optList__group {
    padding: 10px;
  }
}
.newPlan__listTab__section {
  max-width: 100%;
  position: relative;
}
.newPlan__listTab__radio__list {
  display: flex;
  align-items: center;
}
@media (min-width: 1201px) {
  .newPlan__listTab__radio__list &gt; li {
    width: max-content;
  }
}
@media (max-width: 1200px) {
  .newPlan__listTab__radio__list &gt; li {
    width: calc((100% - 10px) / 3);
    height: 20px;
    margin-left: -5px;
    height: 20px;
  }
}
.newPlan__listTab__radio__list &gt; li + li {
  margin-left: 8px;
}
.newPlan__listTab__radio__list &gt; li + li input[type=radio] + label {
  border-left: 1px solid #bbb;
  border-radius: 0;
}
.newPlan__listTab__radio__group {
  width: 100%;
  height: 100%;
  position: relative;
}
.newPlan__listTab__radio__group input[type=radio] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.newPlan__listTab__radio__group input[type=radio] + label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.newPlan__listTab__radio__group input[type=radio] + label .txt {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .newPlan__listTab__radio__group input[type=radio] + label .txt {
    font-size: 12px;
  }
}
.newPlan__listTab__radio__group input[type=radio] + label .txt + .num {
  margin-left: 5px;
}
.newPlan__listTab__radio__group input[type=radio] + label .num {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__listTab__radio__group input[type=radio] + label .num {
    font-size: 12px;
  }
}
.newPlan__listTab__radio__group input[type=radio]:checked + label::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/front/images/ico/ico_check_20_lineblue.svg);
  margin-right: 2px;
}
.newPlan__listTab__radio__group input[type=radio]:checked + label .txt, .newPlan__listTab__radio__group input[type=radio]:checked + label .num {
  font-weight: 800;
  color: #078ace;
}
.newPlan__listTab__pannel__group + .btn__group {
  margin-top: 24px;
}
.newPlan__listTab__pannel__group + .btn__group.mo {
  display: none;
}
@media (max-width: 1200px) {
  .newPlan__listTab__pannel__group + .btn__group.mo {
    display: block;
  }
}
.newPlan__card-group {
  overflow: hidden;
}
.newPlan__card-group &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .newPlan__card-group &gt; ul {
    margin: -20px;
  }
}
@media (max-width: 1200px) {
  .newPlan__card-group &gt; ul {
    margin: -20px;
  }
}
.newPlan__card-group &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .newPlan__card-group &gt; ul &gt; li {
    width: calc((100% - 80px) / 2);
    margin: 20px;
  }
}
@media (max-width: 1200px) {
  .newPlan__card-group &gt; ul &gt; li {
    width: calc((100% - 40px) / 1);
    margin: 20px;
  }
}
@media (min-width: 1201px) {
  .newPlan__card-group &gt; ul &gt; li + li {
    position: relative;
  }
  .newPlan__card-group &gt; ul &gt; li + li::before {
    content: "";
    border-top: 1px solid #e0e0e0;
    position: absolute;
    top: -20px;
    width: calc((100% + 40px) * 2);
  }
}
@media (max-width: 1200px) {
  .newPlan__card-group &gt; ul &gt; li + li {
    border-top: 1px solid #e0e0e0;
    margin-top: 0;
    padding-top: 20px;
  }
}
.newPlan__card-list {
  display: flex;
}
.newPlan__card-list .img {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 148px;
  min-width: 180px;
  max-width: 180px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .newPlan__card-list .img {
    height: 84px;
    width: 84px;
    min-width: 84px;
    max-width: 84px;
  }
}
.newPlan__card-list .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newPlan__card-box {
  width: 100%;
}
.newPlan__card-box .newPlan__txt__group &gt; .ico {
  width: 18px;
  height: 18px;
}
.newPlan__card-box .newPlan__txt__group &gt; .txt {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newPlan__card-box .newPlan__txt__group &gt; .txt {
    font-size: 12px;
  }
}
.newPlan__card-box .desc + .tit {
  margin-top: 6px;
}
@media (max-width: 1200px) {
  .newPlan__card-box .desc + .tit {
    margin-top: 4px;
  }
}
.newPlan__card-box .tit &gt; p {
  display: -webkit-box;
  max-height: 44.8px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 22.4px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
@media (max-width: 1200px) {
  .newPlan__card-box .tit &gt; p {
    font-size: 16px;
  }
}
.newPlan__card-box .tit + .date {
  margin-top: 12px;
}
@media (max-width: 1200px) {
  .newPlan__card-box .tit + .date {
    margin-top: 10px;
  }
}
.newPlan__card-box .date + .tog {
  margin-top: 22px;
}
@media (max-width: 1200px) {
  .newPlan__card-box .date + .tog {
    margin-top: 12px;
  }
}
.newPlan__card-box .tog .cont {
  display: flex;
  align-items: center;
}
.newPlan__card-box .tog .cont li {
  display: flex;
  align-items: center;
}
.newPlan__card-box .tog .cont li span.ico {
  width: 20px;
  height: 20px;
}
.newPlan__card-box .tog .cont li span.ico.--ico01 {
  background: url(/static/front/images/ico/ico_bookmark_20_gray.svg) no-repeat center/contain;
}
.newPlan__card-box .tog .cont li span.ico.--ico02 {
  background: url(/static/front/images/ico/ico_view_20_grey.svg) no-repeat center/contain;
}
.newPlan__card-box .tog .cont li span.ico.--ico03 {
  background: url(/static/front/images/ico/ico_down_20_gray.svg) no-repeat center/contain;
}
.newPlan__card-box .tog .cont li span.ico + .txt {
  margin-left: 2px;
}
.newPlan__card-box .tog .cont li span.txt {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newPlan__card-box .tog .cont li + li {
  margin-left: 12px;
}
@media (max-width: 1200px) {
  .newPlan__card-box .tog .toggle__txtGroup {
    padding: 0;
    justify-content: end;
  }
}

.newDetail__section {
  width: 100%;
  height: auto;
  margin-top: 60px;
  margin-bottom: 120px;
  max-width: 1220px;
  margin: 60px auto 120px;
}
@media (max-width: 1200px) {
  .newDetail__section {
    margin: 0;
  }
}
.newDetail__inner {
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 40px;
  border-radius: 18px;
  position: relative;
}
@media (max-width: 1200px) {
  .newDetail__inner {
    border-radius: 0;
    padding: 30px 0 80px;
  }
}
.newDetail__cont {
  width: 100%;
}
.newDetail__cont + .newDetail__cont {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .newDetail__cont + .newDetail__cont {
    margin-top: 20px;
  }
}
.newDetail__title {
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
@media (max-width: 1200px) {
  .newDetail__title {
    font-size: 28px;
  }
}
.newDetail__title + .newDetail__inner {
  margin-top: 24px;
}
.newDetail__subTit {
  display: -webkit-box;
  max-height: 25px;
  font-size: 24px;
  font-weight: 800;
  color: #000;
  line-height: 25px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.newDetail__subTit__group {
  display: flex;
  justify-content: space-between;
}
.newDetail__subTit__group .template__info__list li p {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__subTit__group .template__info__list li p + .view {
  margin-left: 10px;
}
.newDetail__subTit__group .template__info__list li.btns {
  margin-left: 20px;
}
.newDetail__subTit__group + .newDetail__cont {
  margin-top: 40px;
}
.newDetail__subTit2 {
  display: -webkit-box;
  max-height: 35px;
  font-size: 32px;
  font-weight: 800;
  color: #000;
  line-height: 35px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.newDetail__subTit2__group {
  display: flex;
  justify-content: center;
}
.newDetail__subTit2__group + .newDetail__line {
  border-color: #404040;
}
.newDetail__subTit3 {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__subTit3 + div {
  margin-top: 16px;
}
.newDetail__subTit4 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__subTit4 + div, .newDetail__subTit4 + p {
  margin-top: 30px;
}
.newDetail__txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__txt + .newDetail__img02 {
  margin-top: 20px;
  margin-bottom: 60px;
}
.newDetail__info {
  border-radius: 13px;
  background-color: #f5f5f5;
  padding: 26px 24px;
}
.newDetail__info &gt; li {
  display: flex;
  justify-content: flex-start;
}
.newDetail__info &gt; li .ico {
  width: 24px;
  height: 24px;
}
.newDetail__info &gt; li .txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__info &gt; li .txt.pink {
  color: #ff7062;
}
.newDetail__info &gt; li &gt; div + div {
  margin-left: 10px;
}
.newDetail__info &gt; li + li {
  margin-top: 10px;
}
.newDetail__info__col3 &gt; li {
  display: flex;
  justify-content: flex-start;
}
.newDetail__info__col3 &gt; li .ico {
  width: 24px;
  height: 24px;
}
.newDetail__info__col3 &gt; li .txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  letter-spacing: 0.48px;
  width: 160px;
}
.newDetail__info__col3 &gt; li .txt.pink {
  color: #ff7062;
}
.newDetail__info__col3 &gt; li .txt + .txt {
  width: 100%;
  margin-left: 20px;
}
.newDetail__info__col3 &gt; li .txt + .txt &gt; p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newDetail__info__col3 &gt; li &gt; div + div {
  margin-left: 10px;
}
.newDetail__info__col3 &gt; li + li {
  margin-top: 10px;
}
.newDetail__img01 {
  width: 72px;
  height: 72px;
}
.newDetail__img01 &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newDetail__img02 {
  width: 100%;
  height: 500px;
}
.newDetail__img02 &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newDetail__txtBox {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__txtBox.blue {
  color: #078ace;
}
.newDetail__txtBox .link {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #707070;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__txtBox .link &gt; a {
  border-bottom: 1px solid #707070;
}
.newDetail__txtBox b + .link {
  margin-top: 14px;
}
.newDetail__txtBox + .newDetail__imgBox, .newDetail__txtBox + .newDetail__imgBox__group {
  margin-top: 20px;
}
.newDetail__line {
  border-top: 1px solid #e0e0e0;
  margin: 30px 0;
}
.newDetail__cardType01 {
  display: flex;
  justify-content: flex-start;
}
.newDetail__cardType01 &gt; li:nth-child(1) {
  width: 450px;
  height: 280px;
}
.newDetail__cardType01 &gt; li:nth-child(1) .pop__swiper__group .swiper__group {
  height: auto;
}
.newDetail__cardType01 &gt; li:nth-child(1) .popup__detail-n__banner__group {
  border-radius: 0;
}
@media (max-width: 1200px) {
  .newDetail__cardType01 &gt; li:nth-child(1) {
    width: 200px;
    height: 140px;
  }
}
.newDetail__cardType01 &gt; li + li {
  margin-left: 40px;
}
@media (max-width: 1200px) {
  .newDetail__cardType01 &gt; li + li {
    margin-left: 20px;
  }
}
.newDetail__cardType01 &gt; li .chip {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  line-height: 1.4;
  letter-spacing: inherit;
  display: flex;
  align-items: center;
  width: max-content;
  height: 32px;
  background-color: #078ace;
  border-radius: 8px;
  padding: 0 10px;
}
.newDetail__cardType01 &gt; li .chip + .title {
  margin-top: 8px;
}
.newDetail__cardType01 &gt; li .title {
  font-size: 28px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__cardType01 &gt; li .title.blue {
  color: #078ace;
}
.newDetail__cardType02 &gt; li {
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #e0e0e0;
  padding-top: 30px;
  margin-top: 30px;
}
.newDetail__cardType02 &gt; li .img {
  width: 340px;
  height: 210px;
  flex: 0 0 340px;
}
@media (max-width: 1200px) {
  .newDetail__cardType02 &gt; li .img {
    width: 150px;
    height: 100px;
    flex: 0 0 100px;
  }
}
.newDetail__cardType02 &gt; li .img + .cont {
  margin-left: 40px;
}
@media (max-width: 1200px) {
  .newDetail__cardType02 &gt; li .img + .cont {
    margin-left: 20px;
  }
}
.newDetail__cardType02 &gt; li .cont &gt; ul &gt; li p {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__cardType02 &gt; li .cont &gt; ul &gt; li .subtit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__cardType02 &gt; li .cont &gt; ul &gt; li .subtit + p {
  margin-top: 10px;
}
.newDetail__cardType02 &gt; li .cont &gt; ul &gt; li b + p {
  margin-top: 10px;
}
.newDetail__cardType02 &gt; li .cont &gt; ul &gt; li + li {
  margin-top: 24px;
}
.newDetail__cardType03 &gt; li {
  display: flex;
  justify-content: flex-start;
}
.newDetail__cardType03 &gt; li + li {
  margin-top: 30px;
}
.newDetail__cardType03 &gt; li .img {
  width: 340px;
  height: 210px;
  flex: 0 0 340px;
}
@media (max-width: 1200px) {
  .newDetail__cardType03 &gt; li .img {
    width: 150px;
    height: 100px;
    flex: 0 0 100px;
  }
}
.newDetail__cardType03 &gt; li .img + .cont {
  margin-left: 40px;
}
@media (max-width: 1200px) {
  .newDetail__cardType03 &gt; li .img + .cont {
    margin-left: 20px;
  }
}
.newDetail__cardType03 &gt; li .cont p {
  display: -webkit-box;
  max-height: 48px;
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */
}
.newDetail__cardType03 &gt; li .cont .subtit {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__cardType03 &gt; li .cont .subtit + p {
  margin-top: 24px;
}
.newDetail__cardType03 &gt; li .cont .subtit + b {
  margin-top: 24px;
}
.newDetail__cardType03 &gt; li .cont b {
  display: block;
}
.newDetail__cardType03 &gt; li .cont b + b {
  margin-top: 10px;
}
.newDetail__cardType03 &gt; li .cont b + p {
  margin-top: 14px;
}
.newDetail__btn {
  margin-top: 40px;
}
.newDetail__imgBox {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.newDetail__imgBox__group {
  display: flex;
  justify-content: space-between;
}
.newDetail__imgBox__group .newDetail__imgBox {
  height: 320px;
}
.newDetail__imgBox__group .newDetail__imgBox + .newDetail__imgBox {
  margin-left: 10px;
}
.newDetail__imgBox__group + .newDetail__txtBox {
  margin-top: 20px;
}
.newDetail__imgBox__group + .newDetail__tip {
  margin-top: 10px;
}
.newDetail__imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newDetail__imgBox + .newDetail__txtBox {
  margin-top: 20px;
}
.newDetail__imgBox + .newDetail__tip {
  margin-top: 10px;
}
.newDetail__titBox {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__titBox + .newDetail__txtBox {
  margin-top: 30px;
}
.newDetail__tip + .newDetail__txtBox {
  margin-top: 20px;
}
.newDetail__tabmenu__section {
  max-width: 100%;
  position: relative;
}
.newDetail__tabmenu__scroll {
  overflow-x: auto;
  padding-bottom: 7px;
}
.newDetail__tabmenu__group {
  display: flex;
  align-items: center;
  position: relative;
}
.newDetail__tabmenu__group::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
}
.newDetail__tabmenu__group &gt; li {
  width: auto;
  height: 58px;
  box-shadow: inset 0 0 0 1px #bbb;
  flex-shrink: 0;
  flex: 1;
}
@media (max-width: 1200px) {
  .newDetail__tabmenu__group &gt; li {
    height: 60px;
  }
}
.newDetail__tabmenu__group &gt; li.is-tab-opened {
  box-shadow: inset 0 0 0 1px #000;
  z-index: 5;
}
.newDetail__tabmenu__group &gt; li.is-tab-opened .newDetail__tabmenu__menu span {
  color: #000;
  font-weight: 800;
}
.newDetail__tabmenu__group &gt; li.is-tab-opened .newDetail__tabmenu__menu::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
}
.newDetail__tabmenu__group &gt; li + li {
  margin-left: -1px;
}
.newDetail__tabmenu__menu {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  position: relative;
}
.newDetail__tabmenu__menu span {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #909090;
  line-height: 1.4;
  letter-spacing: inherit;
  padding: 0 16px;
}
@media (max-width: 1200px) {
  .newDetail__tabmenu__menu span {
    font-size: 14px;
    padding: 0 12px;
  }
}
.newDetail__tabmenu__pannel {
  padding-top: 40px;
}
.newDetail__tabmenu__pannel__group {
  display: none;
}
.newDetail__tabmenu__pannel__group.is-tab-opened {
  display: block;
}
.newDetail__tabmenu__title {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  color: #000;
  line-height: 28px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newDetail__tabmenu__title ~ .newDetail__tabmenu__title {
  margin-top: 40px;
}
.newDetail__tabmenu__title__group {
  display: flex;
  align-items: center;
}
.newDetail__tabmenu__title__group .flag__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 32px;
  margin-left: 10px;
  padding: 0 14px;
  background: #000;
  border-radius: 8px;
}
.newDetail__tabmenu__title__group .flag__group .txt {
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newDetail__tabmenu__btn {
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .newDetail__tabmenu__btn .btn__default {
    max-width: 100% !important;
  }
}
.newDetail__tabmenu__txtList .icoType &gt; li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-left: 34px;
}
.newDetail__tabmenu__txtList .icoType &gt; li:first-child {
  margin-left: 0;
}
.newDetail__tabmenu__txtList .icoType &gt; li:first-child .ico {
  margin-right: 10px;
}
.newDetail__tabmenu__txtList .icoType &gt; li:first-child .txt {
  font-weight: 800;
}
.newDetail__tabmenu__txtList .icoType &gt; li + li {
  margin-top: 5px;
}
.newDetail__tabmenu__txtList .icoType.icoType {
  margin-top: 40px;
}
.newDetail__map {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 14px;
}
.newDetail__map + .btn__group {
  justify-content: end;
  margin-top: 16px;
}
.newDetail__map + .btn__group .btn__default {
  width: auto;
  height: 50px;
  padding: 0 30px;
  background: #fff;
  border: 1px solid #000;
}
.newDetail__map + .btn__group .btn__default .txt {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__txts__group p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__txts__group p + p {
  margin-top: 10px;
}
.newDetail__txts__group + .newDetail__txts__group {
  margin-top: 30px;
}
.newDetail__card__list {
  overflow: hidden;
  margin-top: 16px;
}
.newDetail__card__list &gt; ul {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  .newDetail__card__list &gt; ul {
    margin: -8px;
  }
}
@media (max-width: 1200px) {
  .newDetail__card__list &gt; ul {
    margin: -5px;
  }
}
.newDetail__card__list &gt; ul &gt; li {
  flex-shrink: 0;
}
@media (min-width: 1201px) {
  .newDetail__card__list &gt; ul &gt; li {
    width: calc((100% - 64px) / 4);
    margin: 8px;
  }
}
@media (max-width: 1200px) {
  .newDetail__card__list &gt; ul &gt; li {
    width: calc(100% - 10px);
    margin: 5px;
  }
}
.newDetail__card__list .img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newDetail__card__list .img + p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  margin-top: 10px;
}
.newDetail__toplist {
  display: flex;
  justify-content: center;
}
.newDetail__toplist &gt; div.img {
  width: 275px;
  height: 367px;
  overflow: hidden;
}
.newDetail__toplist &gt; div.img &gt; img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.newDetail__toplist &gt; div.txtBox h4 {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
}
.newDetail__toplist &gt; div.txtBox h4 + ul {
  margin-top: 24px;
}
.newDetail__toplist &gt; div.txtBox &gt; ul li {
  display: flex;
  align-items: center;
}
.newDetail__toplist &gt; div.txtBox &gt; ul li p {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  line-height: 1.4;
  letter-spacing: inherit;
  flex: 0 0 157px;
}
.newDetail__toplist &gt; div.txtBox &gt; ul li p + p {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #404040;
  line-height: 1.4;
  letter-spacing: inherit;
  flex: 0 0 100%;
}
.newDetail__toplist &gt; div.txtBox &gt; ul li + li {
  margin-top: 16px;
}
.newDetail__toplist &gt; div.txtBox &gt; ul + button {
  margin-top: 24px;
}
.newDetail__toplist &gt; div + div {
  margin-left: 20px;
}
.newDetail__heightSw {
  display: flex;
  justify-content: space-between;
  max-width: 200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .newDetail__heightSw {
    max-width: 160px;
  }
}
.newDetail__heightSw .swiper__group .swiper {
  width: 50px;
  height: 160px;
  padding: 15px 0;
}
.newDetail__heightSw .swiper__group .swiper-slide {
  text-align: center;
  color: #909090;
  padding-top: 10px;
}
.newDetail__heightSw .swiper__group .swiper-slide.swiper-slide-active {
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  color: #000;
}
.newDetail__heightSw .swiper__group .swiper-button-next {
  background-image: url(/static/front/images/ico/ico_height_next_20.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 55px;
}
.newDetail__heightSw .swiper__group .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_height_prev_20.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: auto;
  bottom: -10px;
}
.newDetail__multiSw .swiper {
  width: 100%;
  height: 100%;
}
.newDetail__multiSw .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newDetail__multiSw .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newDetail__multiSw .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.newDetail__multiSw .swiper-slide {
  background-size: cover;
  background-position: center;
}
.newDetail__multiSw .mySwiper2 {
  height: 450px;
  max-width: 700px;
}
.newDetail__multiSw .mySwiper {
  height: 82px;
  max-width: 400px;
  box-sizing: border-box;
  margin: 20px auto;
}
.newDetail__multiSw .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.newDetail__multiSw .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #ff7062;
}
.newDetail__multiSw .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newDetail__multiSw .swiper-button-next, .newDetail__multiSw .swiper-button-prev {
  background-image: url(/static/front/images/ico/ico_circle_arrow.svg);
  margin-top: -24px;
}
.newDetail__multiSw .multiArrow {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  top: -65px;
}


/* S : 좋아요, 스크랩 임시 추가 */
.ipt__scrap__group {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.ipt__scrap__group input[type=checkbox] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__scrap__group input[type=checkbox] + label .ico {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/static/front/images/advance/add_on/Icon_bookmark.svg) no-repeat center/contain;
  cursor: pointer;
}
.ipt__scrap__group input[type=checkbox] + label .txt {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}
.ipt__scrap__group input[type=checkbox]:checked + label .ico {
  background-image: url(/static/front/images/advance/add_on/Icon_bookmark_on.svg);
}
.me-12 {
  margin-right: 12px;
}
/* E : 좋아요, 스크랩 임시 추가 */

/*# sourceMappingURL=index.css.map */
</pre></body></html>