@charset "UTF-8";

img {
  pointer-events: none;
}

.hero {
  background: #121212;
}

.hero_inner {
  padding-top: 10.3vw;
}

.hero_t1 {
  margin-bottom: 1.9vw;
}

.main_video {
  filter: brightness(0.3);
}

.main_11 {
  width: 29.9748%;
  aspect-ratio: 571 / 149;
}

.main_05 {
  width: 42.4157%;
  aspect-ratio: 808 / 551;
  margin-top: 1.6vw;
  margin-bottom: -4.6vw;
}

.main_door {
  position: absolute;
  top: 4.9vw;

  width: 41.0509%;
  aspect-ratio: 782 / 856;
  z-index: 100;
}

.main_door.left {
  left: -0.8vw;
}

.main_door.right {
  right: -0.8vw;
}

.main_06 {
  width: 102.105%;
  aspect-ratio: 825 / 668;
  top: -11vw;
}

.main_01 {
  width: 4.93538%;
  aspect-ratio: 94 / 91;
  position: absolute;
  top: 4.8vw;
  z-index: 160;
  mix-blend-mode: screen;
}

.main_01.item1 {
  left: 11vw;
}

.main_01.item2 {
  left: 28.8vw;
}

.main_01.item3 {
  right: 11vw;
}

.main_01.item4 {
  right: 28.8vw;
}

.main_01.item1 img {
  animation-delay: -0.2s;
}

.main_01.item2 img {
  animation-delay: -2.4s;
}

.main_01.item3 img {
  animation-delay: -1.1s;
}

.main_01.item4 img {
  animation-delay: -3.3s;
}

.main_02 {
  width: 9.08236%;
  aspect-ratio: 173 / 905;
  left: 5vw;
  top: 4.1vw;
  z-index: 180;
  clip-path: inset(0 0 3.9% 0);
}

.main_08 {
  width: 52.3374%;
  aspect-ratio: 168 / 51;
  top: -1.4vw;
}

.main_07 {
  width: 43.3032%;
  aspect-ratio: 139 / 72;
  top: -2vw;
}

.tape {
  position: absolute;
  z-index: 10;
}

.main_09 {
  width: 16.9039%;
  aspect-ratio: 322 / 229;
  right: 13.9vw;
  top: 30.1vw;
}

.main_10 {
  width: 16.8514%;
  aspect-ratio: 321 / 230;
  left: 13.9vw;
  top: 30.1vw;
}

.con01_iner {
  padding-top: 8.399vw;
  padding-bottom: 13.123vw;
}

.con03_01 {
  width: 40.6834%;
  aspect-ratio: 775 / 21;
}

.con01_01 {
  width: 6.82515%;
  aspect-ratio: 130 / 130;
  margin-bottom: 2vw;
}

.con01_02 {
  width: 19.6335%;
  aspect-ratio: 374 / 137;
}


.con03_04 {
  width: 100.788%;
  aspect-ratio: 1920 / 279;
}

.con01_t4 {
  margin-top: 4vw;
  margin-bottom: 0.7vw;
}

.con01_03 {
  width: 32.4944%;
  aspect-ratio: 619 / 103;
}

.con01_04 {
  width: 10.1787%;
  aspect-ratio: 63 / 88;
  right: -2.8vw;
  top: -1.7vw;
}

.con02_paper {
  width: 17.0296%;
  aspect-ratio: 149 / 553;
}

.con01_swiper {
  position: absolute;
  height: 90vw;

  top: 0;
  width: fit-content;
}

.con01_swiper.left {
  left: 6vw;
}

.con01_swiper.right {
  right: 6vw;
}

.con01_sitem {
  width: 10.313vw;
  aspect-ratio: 198 / 126;
}

.con02 {
  z-index: 20;
  margin-top: -10vw;
}

.con02_iner {
  aspect-ratio: 1920 / 1434;
  padding-top: 1.5vw;

  -webkit-mask-image: url('/images/con02_14_mask.png');
  mask-image: url('/images/con02_14_mask.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.con02_paper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con02_paper_txt {
  position: absolute;
}

.con02_paper_txt .img2 {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: 0.5s;
  z-index: 10;
}

.con02_paper .img1 {
  transition: 0.5s;
}

.con02_paper.shake .img1 {
  opacity: 0;
}

.con02_paper.shake .img2 {
  opacity: 1;
}

.con02_paper_wrap {
  gap: 1.7vw;
}

.con02_paper_txt {
  width: 22.1487%;
  aspect-ratio: 33 / 275;
}

.con02_sitem {
  width: 17.48vw;
  border: 1px solid #000;
  font-family: 'Paperozi';
}

.con02_shead {
  width: 100%;
  height: 4.514vw;
  background: #0c0c0c;
  font-size: 1.417vw;
  color: #fff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con02_sbody {
  width: 100%;
  height: 5.774vw;
  font-size: 2.205vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-weight: 900;
}

.con02_12 {
  width: 11.812%;
  aspect-ratio: 225 / 49;
  margin-top: 5vw;
  margin-bottom: 1.4vw;
}

.con02_13 {
  width: 27.8225%;
  aspect-ratio: 530 / 139;
}

.con02_swiper {
  margin-top: 3vw;
}

.con02_15 {
  width: 61.3658%;
  aspect-ratio: 1169 / 620;
  margin-bottom: -15.9vw;
  margin-top: 1.6vw;
  margin-left: -2vw;
}

.con03 {
  margin-top: -5.8vw;
}

.con03_1st {
  width: 100%;
  background: #d90d23;
  border-bottom: 1px solid #000;
  padding-top: 9.6vw;
  padding-bottom: 3.307vw;
  z-index: 20;
}

.con03_02 {
  width: 7.61255%;
  aspect-ratio: 145 / 67;
  bottom: -1.8vw;
}

.con03_2nd {
  background: #fef4e4;
  z-index: 200;
}

.con03_2nd_iner {
  margin-top: -5.4vw;
  z-index: 40;
  overflow: hidden;
}

.con03_t1 {
  font-size: 1.575vw;
}

.con03_bg_cc {
  width: 120%;
  height: 40vw;
  border-radius: 50%;
  background: #fef4e4;
  border: 1px solid #000;
  position: absolute;
  top: 19.399vw;
  z-index: 30;
}

.con03_05 {
  width: 30.8671%;
  aspect-ratio: 588 / 139;
  margin-top: 1.5vw;
}

.con03_06 {
  width: 53.2293%;
  aspect-ratio: 1014 / 616;
  margin-top: 1.2vw;
  margin-bottom: -2.6vw;
  z-index: 20;
}

.con03_07 {
  width: 86.1943%;
  aspect-ratio: 874 / 602;
  top: 2.467vw;
}

.con03_cc {
  width: 6.98263%;
  aspect-ratio: 133 / 133;

  z-index: 160;
  position: absolute;
}

.con03_cc img {
  transition: 0.3s;
}

.con03_cc.on img {
  filter: invert(1);
}

.con03_cc.item1 {
  top: 24.497vw;
  left: 20.997vw;
}

.con03_cc.item2 {
  top: 16.71vw;
  left: 27.559vw;
}

.con03_cc.item3 {
  top: 16.71vw;
  right: 27.559vw;
}

.con03_cc.item4 {
  top: 24.497vw;
  right: 20.997vw;
}

.con03_season_box {
  width: 63.623%;
  aspect-ratio: 1212 / 106;
  position: absolute;
  bottom: 2.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.con03_season_txt {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con03_season_txt>p {
  position: absolute;
  color: #fff;
  font-size: calc(var(--px) * 26);
  font-weight: 600;
  opacity: 0;
  transition: 0.3s;
}

.con03_season_txt>p.on {
  opacity: 1;
}

.con03_17 {
  width: 100.788%;
  aspect-ratio: 1920 / 686;
  bottom: -15.7vw;
}

.con03_03 {
  width: 35.0141%;
  aspect-ratio: 667 / 714;
  z-index: 30;
  right: -9vw;
  top: -6.4vw;
}

.con04_center {
  width: 47.769vw;
  background: #d90d23;
}

.con04_center_iner {
  padding-top: 9.6vw;
  padding-bottom: 9.6vw;
}

.con04 {
  background: #301913;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  overflow: hidden;
}

.con08_02 {
  width: 8.24247%;
  aspect-ratio: 157 / 99;
}

.con06_08 {
  width: 208.872%;
  aspect-ratio: 3979 / 21;
}

.con04_light {
  width: 6.49361%;
  aspect-ratio: 94 / 91;
  top: -0.3vw;
  mix-blend-mode: screen;
  z-index: 100;
}

.con04_01 {
  width: 52.3087%;
  aspect-ratio: 476 / 208;
  margin-top: 1.3vw;
  margin-bottom: 2.1vw;
}

.con04_side_txt {
  width: 4.7779%;
  aspect-ratio: 91 / 180;
  position: absolute;
}

.con04_side_txt.left {
  left: 18.7vw;
}

.con04_side_txt.right {
  right: 18.7vw;
}

.con04_04 {
  width: 34.0692%;
  aspect-ratio: 649 / 501;
  left: -18vw;
}

.con04_07 {
  width: 34.1217%;
  aspect-ratio: 650 / 527;
  right: -18vw;
}

.con04_smk1 {
  width: 92.4509%;
  aspect-ratio: 600 / 486;
  top: -7vw;
}

.con04_smk2 {
  width: 92.3087%;
  aspect-ratio: 600 / 486;
  top: -7vw;
}

.con05 {
  z-index: 50;
  display: flex;
  justify-content: center;
}

.con05_iner {
  aspect-ratio: 1920 / 971;

  -webkit-mask-image: url('/images/con05_08_mask.png');
  mask-image: url('/images/con05_08_mask.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.con05_02 {
  width: 27.552vw;
  aspect-ratio: 529 / 139;
}

.con05_twrap {
  position: absolute;
  top: 15.223vw;
  left: 9.449vw;
}

.con05_01 {
  width: 100.788%;
  aspect-ratio: 1920 / 49;
  position: absolute;
  top: 0;
  z-index: 10;
}

.con04_10 {
  width: 18.688%;
  aspect-ratio: 356 / 210;
  position: absolute;
  top: -5.3vw;
  z-index: 50;
}

.con05_line {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #737373;
}

.con05_center_tab_wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  top: 17.323vw;
  gap: 3.15vw;
}

.con05_center_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.con05_center_tab_txt {
  color: #fff;
  font-size: 1.732vw;
  font-weight: 600;

  height: 3.675vw;
  padding: 0 3.15vw;

  background: #0d3a89;
  border: 1px solid #000;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;

  white-space: nowrap;
  position: absolute;
  z-index: 10;

  opacity: 0;
  transition: 0.2s;
  visibility: hidden;
}

.con05_center_tab.on .con05_center_tab_txt {
  opacity: 1;
  visibility: visible;
}

.con05_center_tab_number {
  width: 4.063vw;
  aspect-ratio: 78 / 78;

  transition: 0.2s;
}

.con05_center_tab.on .con05_center_tab_number {
  opacity: 0;
}

.con05_box_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.042vw;

  position: absolute;
  right: 9.449vw;
  top: 12.2vw;
}

.con05_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30.604vw;
  position: relative;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.con05_box.active {
  opacity: 1;
}

.con05_tape {
  width: 29.6751%;
  aspect-ratio: 173 / 85;
  position: absolute;
}

.con05_tape.item1 {
  rotate: 39deg;
  bottom: -1.4vw;
  left: -1.7vw;
}

.con05_tape.item2 {
  rotate: 3deg;
  top: -0.2vw;
  right: -3vw;
}

.con05_tape.item3 {
  rotate: 39deg;
  bottom: -1.4vw;
  left: -1.7vw;
}

.con05_box_head {
  width: 100%;
  height: 5.722vw;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3.57vw;

  font-size: 1.47vw;
  font-weight: 600;
}

.con05_box_body {
  width: 100%;
  height: 8.924vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  font-size: 1.05vw;
  font-weight: 500;
  padding-left: 3.57vw;
  line-height: 1.4;
}

.con05_07 {
  width: 45.0929%;
  aspect-ratio: 859 / 597;
  left: 12.5vw;
  bottom: -10.8vw;
}

.con06 {
  margin-top: -8.5vw;
  z-index: 10;
}

.con06_iner {
  aspect-ratio: 1920 / 1333;
  padding-top: 12vw;
}

.con06_01 {
  width: 3.46557%;
  aspect-ratio: 66 / 95;
  margin-bottom: 1.2vw;
}

.con06_02 {
  width: 32.0745%;
  aspect-ratio: 611 / 137;
}

.con06_05 {
  bottom: 0.05vw;
  width: 30.6047%;
  aspect-ratio: 583 / 692;
  z-index: 50;
}

.con06_table {
  position: absolute;
  width: 21.522vw;
  bottom: 12.598vw;
}

.con06_thead {
  height: 4.934vw;
  font-size: 1.575vw;
  font-weight: 800;
}

.con06_table1 .con06_thead {
  background: #000;
  color: #fff;
}

.con06_table2 .con06_thead {
  background: #051839;
  color: #fff;
}

.con06_table2 .con06_tbody {
  background: #0d3a89;
}

.con06_table1 .con06_thead>p {
  opacity: 0.33;
}

.con06_trow {
  width: 100%;
  height: 4.357vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.155vw;
  font-weight: 500;
}

.con06_table1 .con06_trow.border {
  border-bottom: 1px solid #e5e5e5;
}

.con06_table2 .con06_trow.border {
  border-bottom: 1px solid #285096;
}

.con06_table1 {
  left: 17.848vw;
}

.con06_table2 {
  right: 17.848vw;
}

.con06_04 {
  width: 35.8547%;
  aspect-ratio: 147 / 147;
  right: -3vw;
  top: -3.6vw;
}

.con06_03 {
  width: 7.77003%;
  aspect-ratio: 148 / 555;
  left: 7.3vw;
  top: -1.4vw;
}

.con07 {
  margin-top: -4.8vw;
}

.con07_iner {
  padding-top: 4.199vw;
  padding-bottom: 1.417vw;
}

.con06_07 {
  width: 16.4839%;
  aspect-ratio: 314 / 112;
  top: 1.1vw;
  z-index: 20;
}

.con07_tsd {
  margin-bottom: 4.199vw;
}

.con07_box {
  width: 98.268vw;
  background: #0f0e0e;

  aspect-ratio: 1872 / 1074;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.con07_paper_container {
  width: 70.394vw;
  aspect-ratio: 1341 / 537;
  position: relative;
  margin-top: 2.1vw;

  display: flex;
  justify-content: center;
}

.con07_paper_container>.bg_img {
  z-index: 10;
}

.con07_01 {
  width: 33.2104%;
  aspect-ratio: 625 / 140;
  margin-top: 7.244vw;
}

.con07_pct_content_wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;

  -webkit-mask-image: url('/images/con07_04.png');
  mask-image: url('/images/con07_04.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.con07_pct_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.con07_pct_content.on {
  opacity: 1;
  visibility: visible;
}

.con07_pct_btn {
  position: absolute;
  right: -4vw;
  width: 9.09869%;
  aspect-ratio: 122 / 59;
  cursor: pointer;
  filter: grayscale(1);
  transition: filter 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.con07_pct_btn.btn1 {
  top: 4.2vw;
}

.con07_pct_btn.btn2 {
  top: 7.9vw;
}

.con07_pct_btn.btn3 {
  top: 11.6vw;
}

.con07_pct_btn.on {
  z-index: 200;
  filter: grayscale(0);
}

.con07_pct_pgnt_wrap {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.682vw;
  bottom: -2.3vw;
  z-index: 150;
  user-select: none;
}

.con07_pct_pgnt {
  width: 5.51927%;
  aspect-ratio: 74 / 74;
  cursor: pointer;
}

.con07_layout1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 2.2vw;
}

.con07_layout2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding-top: 3.3vw;
}

.con07_layout3 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 12.283vw;
}

.con07_layout2 .con07_title {
  margin-bottom: 0.7vw;
}

.con07_03 {
  width: 9.24245%;
  aspect-ratio: 173 / 1104;
  left: -0.8vw;
  top: 0;
}

.con07_vd {
  width: 26.772vw;
  height: 15.223vw;
  background: #ddd;

  margin-right: 4.6vw;
}

.con07_title {
  font-size: 1.995vw;
  font-weight: 800;
  margin-top: 0.735vw;
  margin-bottom: 1.3vw;
}

.con07_number {
  width: 2.992vw;
  aspect-ratio: 57 / 52;
}

.con07_08 {
  width: calc(var(--px) * 502);
  aspect-ratio: 502 / 353;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -7vw;
}

.con07_09 {
  width: calc(var(--px) * 469);
  aspect-ratio: 469 / 588;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -8.4vw;
  top: 9.4vw;
}

.con07_10 {
  width: calc(var(--px) * 159);
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;

  right: 19vw;
  top: 17.2vw;
}

.con07_14 {
  position: absolute;
  width: calc(var(--px) * 616);
  aspect-ratio: 616 / 468;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -1vw;
  bottom: -2.1vw;
}

.con08_iner {
  padding-top: 5.249vw;
}

.con08_01 {
  width: 41.7333%;
  aspect-ratio: 795 / 137;
  margin-top: 1.1vw;
}

.con08_03 {
  width: 29.8698%;
  aspect-ratio: 569 / 555;
}

.con08_05 {
  width: 27.3499%;
  aspect-ratio: 521 / 514;
}

.con08_04 {
  width: 15.994%;
  aspect-ratio: 91 / 71;
  top: 5.8vw;
  left: 5.4vw;
}

.con08_06 {
  width: 13.0528%;
  aspect-ratio: 68 / 30;
  right: 1.9vw;
  bottom: 1.7vw;
}

.con08_iwrap {
  gap: 6.824vw;
  margin-top: 3.15vw;
}

.con08_bottom {
  width: 100.788%;
  aspect-ratio: 1920 / 181;

  margin-top: 5.512vw;
}

.con08_btxt {
  position: absolute;
}

.con08_bt1 {
  font-size: 1.575vw;
  color: #fff;
}

.con08_bt2 {
  font-size: 1.68vw;
  color: #fded65;
  font-weight: 800;
}

.con08_swiper {
  width: 33vw;
  position: absolute;
}

.con08_swiper.left {
  left: -3vw;
}

.con08_swiper.right {
  right: -3vw;
}

.con08_sitem {
  width: 7.344vw;
  aspect-ratio: 141 / 109;
}

.con09_iner {
  height: 50.4464vw;
}

.con09_lr {
  position: relative;
  width: 50%;
  cursor: pointer;
}

.con09_lr_img {
  transition: 0.3s;
}

.con09_lr.on .con09_lr_img {
  filter: brightness(0.4) grayscale(1);
}

.con09_lr_badge {
  position: absolute;
  opacity: 1;
  transition: 0.3s;
}

.con09_lr.on .con09_lr_badge {
  opacity: 0;
}

.con09_lr_badge.left {
  left: 4.987vw;
}

.con09_lr_badge.right {
  right: 4.987vw;
}

.con09_center {
  height: 100%;
  z-index: 111;
  position: absolute;
  top: 0;
  width: 58.6362%;
  aspect-ratio: 1117 / 961;
}

.con09_08 {
  width: 23.3672%;
  aspect-ratio: 261 / 180;
  right: -2.8vw;
  top: 3vw;
}

.con09_center_iner {
  padding-top: 6.8vw;
}

.con09_03 {
  width: 17.6375%;
  aspect-ratio: 197 / 39;
  margin-top: 1.5vw;
  margin-bottom: 0.8vw;
}

.con09_02 {
  width: 28.2015%;
  aspect-ratio: 315 / 140;
  margin-bottom: -0.9vw;
  z-index: 10;
}

.con09_04 {
  width: 80.3949%;
  aspect-ratio: 898 / 620;
}

.con09_10_2 {
  width: 6.563vw;
  aspect-ratio: 126 / 62;
}

.con09_09_2 {
  width: 3.281vw;
  aspect-ratio: 63 / 64;
}

.con09_hv_t1 {
  margin-bottom: 2.2vw;
}

.con09_hv_twrap {
  position: absolute;
  opacity: 0;
  transition: 0.3s;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.con09_hv_twrap.left {
  left: 3.675vw;
}

.con09_hv_twrap.right {
  right: 2vw;
}

.con09_lr.on .con09_hv_twrap {
  opacity: 1;
}

.con09_hv_t3 {
  font-size: 0.945vw;
  opacity: 0.600;
  color: #fff;
}

.con09_01 {
  width: 29.185%;
  aspect-ratio: 326 / 214;
}

.con09 {
  overflow: hidden;
}

.con10 {
  overflow: hidden;
}

.con10_iner {
  height: 49.869vw;
}

.con10_01 {
  width: 30.885vw;
  aspect-ratio: 593 / 213;
}

.con10_twrap {
  top: 16.01vw;
  left: 12.598vw;
}

.con10_07 {
  width: 95.1716%;
  aspect-ratio: 1813 / 1250;
  bottom: -49vw;
}

.con10_tv {
  width: 39.5811%;
  aspect-ratio: 754 / 654;
  top: 9.134vw;
  right: 13.123vw;
  z-index: 100;
}

.con10_content_wrap {
  background: #000;
  z-index: 100;
  position: absolute;

  width: 23vw;
  height: 18.9vw;
  left: 4.6vw;
  top: 4.2vw;
}

.con10_tv_img {
  z-index: 150;
  position: relative;
}

.con10_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.con10_content.on {
  opacity: 1;
  visibility: visible;
}

.con10_swiper {
  width: 100%;
  height: 100%;
}

.con10_iframe {
  width: 100%;
  height: 100%;
}

.swiper_btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  user-select: none;
}

.swiper_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
}

.swiper_btn {
  width: 3.854vw;
}

.con10_btn_wrap {
  gap: 0.682vw;
}

.con10_nav {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 7.4vw;
  right: 27.1vw;
  gap: 4.199vw;
  z-index: 200;
}

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

  gap: 0.315vw;
}

.con10_tab {
  width: 12.598vw;
  height: 3.675vw;
  border-radius: 999px;
  font-size: 1.575vw;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  border: 1px solid #000;

  transition: 0.3s;
  cursor: pointer;
}

.con10_tab.on {
  background: #0d3a89;
  border: 1px solid #000;
}

.con10_05 {
  width: 20.8409%;
  aspect-ratio: 397 / 201;
  right: 0vw;
  top: 18.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.con10_swiper2 {
  position: absolute;
  left: 0;
  width: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}

.con10_swiper2 .swiper-wrapper {
  transition-timing-function: linear;
}

.con10_sitem2 {
  width: 9.974vw;
  border-radius: 0.7vw;
  aspect-ratio: 480 / 360;
  overflow: hidden;
  cursor: pointer;
}

.con10_swiper2 .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}


.con10_02 {
  width: 8.55743%;
  aspect-ratio: 163 / 163;
  top: 11vw;
  left: 43.2vw;
  z-index: 200;
}

.con11 {
  overflow: hidden;
  border-bottom: 1px solid #000;
}

.con11_box {
  aspect-ratio: 1920 / 759;
  margin-top: 2.5vw;
  margin-bottom: -0.6vw;
}

.con10_08 {
  width: 100.788%;
  aspect-ratio: 1920 / 50;
  z-index: 20;
}

.con11_02 {
  width: 28.4524%;
  aspect-ratio: 542 / 138;
}

.con11_01 {
  width: 20.211%;
  aspect-ratio: 385 / 70;
  margin-top: 4vw;
  margin-bottom: 1.4vw;
}

.con11_03 {
  width: 7.82252%;
  aspect-ratio: 149 / 553;
  right: 11vw;
  top: -6.5vw;
}

.con11_swiper .con11_sitem {
  padding: 0 1.5vw;
  border: 1px solid #000;
  border-right: none;
  box-sizing: content-box;
}

.con11_sitem {
  background: #fff;
  width: 15.625vw;
  aspect-ratio: 300 / 455;
}

.con11_swiper .swiper-slide {
  width: auto;
}

.con11_swiper {
  margin-top: 4.724vw;
}

.con11_phone {
  width: 47.1401%;
  aspect-ratio: 898 / 761;
  left: 15.1vw;
  z-index: 200;
  bottom: 0;
}

.con11_phone_iner {
  width: 16vw;
  height: 33.8vw;
  left: 26.3vw;
  top: 0.8vw;
  position: absolute;
}

.con11_phone_img {
  position: relative;
  z-index: 10;
}

.con11_swiper2 {
  width: 100%;
  height: 100%;
  background: #fff;
}

.con11_swiper2 {
  padding-bottom: 4vw;
}

.con11_badge_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;

  z-index: 200;
  gap: 0.42vw;
  bottom: 7.874vw;
}

.con11_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.732vw;
  height: 3.832vw;
  font-size: 1.207vw;
  color: #fff;
  background: #000000;
  transition: 0.3s;
  border-radius: 999px;
  border: 2px solid #000;
  font-weight: 500;
}

.con11_badge.on {
  background: #cd0e1d;
}

.con12_iner {
  height: 36.745vw;
  padding-left: 12.598vw;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}


.con12_02 {
  width: 17.083vw;
  aspect-ratio: 328 / 214;
  margin-top: 1.4vw;
}

.con12_01 {
  width: 40.4734%;
  aspect-ratio: 771 / 700;
  top: 0vw;
  z-index: 200;
  left: -1vw;
  left: -32.8vw;
}

.con12_sitem {
  width: 24.147vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #000;
  border-right: none;
}

.con12_simg {
  width: 100%;
  height: 20.577vw;
  overflow: hidden;
  aspect-ratio: unset;
}

.con12_simg>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.con12_stxt {
  width: 100%;
  height: 14.698vw;
  background: #fff;
  padding-left: 3.255vw;
  padding-right: 3.255vw;
  padding-top: 2.73vw;
}

.con12_swiper {
  position: absolute;
  width: 62vw;
  right: 0;
}

.con12_st1 {
  font-size: 1.575vw;
  font-weight: 800;
  margin-bottom: 1vw;
}

.con12_st2 {
  opacity: 0.7;
  font-size: 0.945vw;
}

.con12_swiper .swiper-slide {
  width: auto;
}

.con12_btn_wrap {
  position: absolute;
  z-index: 500;
  gap: 0.682vw;
  bottom: 0.945vw;
  left: 33.6vw;
}

.con12 {
  border-bottom: 1px solid #8b8b89;
}

.con13 {
  z-index: 100;
}

.con13_iner {
  padding-top: 1.312vw;
}

.con13_box {
  width: calc(100vw - 2.625vw);
  overflow: hidden;
}

.con13_box_bottom {
  position: relative;
  width: calc(100vw - 2.625vw);
  z-index: 100;
}

.con13_table {
  z-index: 100;
}

.con13_table_iner {
  width: 54.803vw;
  aspect-ratio: 1044 / 813;
}

.con13_box_iner {
  padding-top: 5.774vw;
  padding-bottom: 3.675vw;
}

.con13_01 {
  width: 13.532%;
  aspect-ratio: 251 / 49;
}

.con13_02 {
  width: 13.4781%;
  aspect-ratio: 250 / 63;
  margin-top: 0.7vw;
  margin-bottom: 2.8vw;
}

.con13_box_bottom_inner {
  aspect-ratio: 1869 / 115;
}

.con13_12 {
  width: 4.63712%;
  aspect-ratio: 86 / 15;
  top: 0;
}

.con13_13 {
  width: 28.7342%;
  aspect-ratio: 533 / 21;
}

.con13_08 {
  width: 65.4457%;
  aspect-ratio: 1214 / 850;
  right: -12vw;
  bottom: -12.6vw;
}

.con13_smk1 {
  width: 53.3783%;
  aspect-ratio: 648 / 590;
  right: 13vw;
  top: -11vw;
}


.con13_tbox {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 3.0446vw 11.4943% 0 9.2912%;
}

.con13_tape01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 193);
  aspect-ratio: 193 / 94;
  left: -1.2452%;
  top: -1.4698vw;
}

.con13_tape02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 193);
  aspect-ratio: 193 / 94;
  left: 82.8544%;
  top: 35.0656vw;
}

.con13_tbl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  border-top: 3px solid #000;
}

.con13_thead {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 3.1496vw;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.con13_trow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.3622vw;
  border-bottom: 1px solid #ccc;
}

.con13_trow:last-child {
  border-bottom: none;
}

.con13_th {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: 'Paperozi';
  font-weight: 700;
  font-size: calc(var(--px) * 24);
  color: #000;
  letter-spacing: -0.1vw;
  white-space: nowrap;
}

.con13_td {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: 'Paperozi';
  font-weight: 600;
  font-size: calc(var(--px) * 20);
  color: #000;
  letter-spacing: -0.02vw;
  white-space: nowrap;
}

.con13_col1 {
  width: 32.5272%;
  border-right: 1px solid #000;
}

.con13_col2 {
  width: 36.0339%;
  border-right: 1px solid #000;
}

.con13_col3 {
  width: 31.4389%;
}

.con13_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 194);
  aspect-ratio: 194 / 39;
}


.con13_total {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.3596vw;
  background: #0d3a89;
  gap: 1.1vw;
}

.con13_total_tt {
  font-family: 'Paperozi';
  font-weight: 600;
  font-size: calc(var(--px) * 28);
  color: #fded65;
  letter-spacing: -0.1vw;
  white-space: nowrap;
}

.con13_total_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 126);
  aspect-ratio: 126 / 27;
}

.con13_note {
  margin-top: 0.4vw;
  font-weight: 500;
  font-size: calc(var(--px) * 17);
  white-space: nowrap;
}

.con14_01 {
  width: 3.41307%;
  aspect-ratio: 65 / 119;
  margin-bottom: 1vw;
}

.con14_02 {
  width: 20.4209%;
  aspect-ratio: 389 / 63;
}

.con14_box {
  width: 89.974vw;
  margin-top: 3vw;
  z-index: 100;
}

.con14_box_iner {
  aspect-ratio: 1714 / 765;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.con14 {
  margin-top: -21.732vw;
}

.con14_iner {
  padding-top: 30.446vw;
}

.con14_03 {
  width: 9.08236%;
  aspect-ratio: 173 / 1268;
  left: 1vw;
  top: 19.9vw;
}

.con14_grid {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 0 9.4%;
  row-gap: 1.8898vw;
}

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

.con14_card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: calc(var(--px) * 316);
  aspect-ratio: 316 / 274;
}

.con14_card_last {
  position: relative;
}

.con14_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 35);
  aspect-ratio: 1 / 1;
  top: 3.7vw;
  transform: translate(-50%, -50%);
}

.con14_arrow1 {
  left: 22.8%;
}

.con14_arrow2 {
  left: 48.5%;
}

.con14_arrow3 {
  left: 74.1%;
}

.con14_badge_open {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 139);
  aspect-ratio: 1 / 1;
  right: -7.9114%;
  top: 3.727vw;
}

.con16 {
  z-index: 100;
  margin-top: -6vw;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url('/images/con16_15_mask.png?v=5');
  mask-image: url('/images/con16_15_mask.png?v=5');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.con16_iner {
  aspect-ratio: 1920 / 1594;
  padding-top: 26vw;
  padding-bottom: 5.6vw;
}

.con16_box {
  position: relative;
  z-index: 1;
  width: calc(100vw - 6.299vw);
}

.con16_box_iner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  aspect-ratio: 1809 / 930;
}

.con16_lanterns {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -3.5vw;
  width: 100%;
}

.con16_lant {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.con16_lant_L1 {
  width: calc(var(--px) * 125);
  aspect-ratio: 125 / 410;
  left: -1.8%;
  top: 3.1vw;
}

.con16_lant_L2 {
  width: calc(var(--px) * 100);
  aspect-ratio: 100 / 370;
  left: 6.4%;
  top: 1.4vw;
}

.con16_lant_L3 {
  width: calc(var(--px) * 115);
  aspect-ratio: 115 / 372;
  left: 13.7%;
  top: 6.7vw;
}

.con16_lant_L4 {
  width: calc(var(--px) * 100);
  aspect-ratio: 100 / 370;
  left: 21.5%;
  top: 4.1vw;
}

.con16_lant_L5 {
  width: calc(var(--px) * 106);
  aspect-ratio: 106 / 371;
  left: 29.3%;
  top: 2.9vw;
}

.con16_lant_R1 {
  width: calc(var(--px) * 109);
  aspect-ratio: 109 / 372;
  left: 67.0%;
  top: 4.6vw;
}

.con16_lant_R2 {
  width: calc(var(--px) * 127);
  aspect-ratio: 127 / 372;
  left: 73.4%;
  top: 4.1vw;
}

.con16_lant_R3 {
  width: calc(var(--px) * 100);
  aspect-ratio: 100 / 370;
  left: 80.7%;
  top: 0vw;
}

.con16_lant_R4 {
  width: calc(var(--px) * 115);
  aspect-ratio: 115 / 373;
  left: 87.3%;
  top: 2.2vw;
}

.con16_lant_R5 {
  width: calc(var(--px) * 122);
  aspect-ratio: 122 / 371;
  left: 93.8%;
  top: 3.8vw;
}

.con16_tent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  width: calc(var(--px) * 902);
  aspect-ratio: 902 / 537;
  top: 5.3vw;
}

.con16_food {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  width: calc(var(--px) * 494);
  aspect-ratio: 494 / 381;
  top: 3.5vw;
}

.con16_steam {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  width: calc(var(--px) * 422);
  aspect-ratio: 422 / 342;
  left: 39.6%;
  top: -2.1vw;
}

.con16_left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 15.6vw;
  padding-left: 9.9%;
}

.con16_title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 390);
  aspect-ratio: 390 / 137;
}

.con16_sub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 461);
  aspect-ratio: 461 / 33;
  margin-top: 1.2vw;
}

.con16_desc {
  margin-top: 1.8vw;
}

.con16_desc b {
  font-weight: 800;
}

.con16_call {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(var(--px) * 427);
  height: calc(var(--px) * 132);

  z-index: 300;
  position: absolute;
  left: 28.1%;
  top: 33.2vw;
}

.con16_tape {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 427 / 132;
}

.con16_14 {
  width: 100.788%;
  aspect-ratio: 1920 / 61;
  position: absolute;
  top: 6.2vw;
}

.con16_tel {
  position: relative;
  margin-left: 19.1%;
  font-size: calc(var(--px) * 53);
  letter-spacing: -0.02vw;
  line-height: 1.15;
  color: #ffffff;
  font-weight: 800;
}

.con16_form {
  padding-top: 3.412vw;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: 49.5312%;
  top: 8.2vw;
  width: 43.2984%;
  height: 35.7vw;
  background: #ffffff;
  z-index: 100;
}

.con16_field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 69.2994%;

  margin-left: 15.4%;

  margin-top: 1.3vw;
  padding-bottom: 1.3vw;

  border-bottom: 1px solid #e1d6cf;
}

.con16_field:first-child {
  margin-top: 6.2vw;
}

.con16_label {
  position: relative;
  flex-shrink: 0;
  width: 7.087vw;
  margin-left: 2.2vw;
  text-align: justify;
  text-align-last: justify;
  font-size: calc(var(--px) * 22);
  line-height: 1;
  color: #000000;
  font-weight: 600;
}

.con16_star {
  position: absolute;
  left: -1.1vw;
  font-size: calc(var(--px) * 23);
  line-height: 1;
  color: #d0161b;
  top: 0;
}

.con16_input {
  flex: 1;
  min-width: 0;
  margin-left: calc(var(--px) * 16);
  padding: 0;
  background: transparent;
  border: none;
  font-size: calc(var(--px) * 20);
  color: #000000;
}

.con16_agree {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 15.5%;
  margin-top: 1.1vw;
  font-size: calc(var(--px) * 16);
  letter-spacing: -0.04vw;
  line-height: 1;
  color: #000000;
  font-weight: 400;
}

.con16_check {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: calc(var(--px) * 16);
  height: calc(var(--px) * 16);
  margin-right: calc(var(--px) * 8);
  border: 1px solid #000000;
  background: #ffffff;
  cursor: pointer;
}

.con16_check:checked {
  border-color: #d0161b;
  background: #d0161b;
}

.con16_check:checked::before {
  content: "";
  width: calc(var(--px) * 5);
  height: calc(var(--px) * 10);
  border: solid #ffffff;
  border-width: 0 calc(var(--px) * 2) calc(var(--px) * 2) 0;
  transform: translateY(-13%) rotate(45deg);
}

.con16_agree_txt {
  line-height: 1;
}

.con16_hp {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.con16_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 69.6815%;
  height: 4.3vw;
  margin-left: 15.2%;
  margin-top: 2.1vw;
  background: #000000;
  font-size: calc(var(--px) * 30);
  letter-spacing: -0.05vw;
  line-height: 1;
  color: #ffffff;
  font-weight: 800;
}

.con15_iner {
  padding-top: 6.5vw;
  padding-bottom: 9vw;
}

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

.con15_sign {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43.0446%;
  aspect-ratio: 820 / 182;
}

.con15_ga {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 39.6341%;
  aspect-ratio: 325 / 62;
  left: 30.122%;
}

.con15_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.7612%;
  aspect-ratio: 205 / 143;
  left: 65.3%;
  top: 1.5vw;
}

.con15_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 75.0656%;
  height: 31.6vw;
  background: #fff;
  border: 1px solid #000;
  overflow: hidden;
}

.con15_list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 27.1329%;
  flex-shrink: 0;
  background: #fff;
  overflow-y: auto;
  border-right: 1px solid #000;
}

.map_mid_map_search_item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.1vw 1.6vw;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
  transition: background 0.2s;
}

.map_mid_map_search_item:hover {
  background: rgba(0, 0, 0, 0.03);
}

.con15_item_txt {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.9vw;
}

.con15_name {
  font-family: 'Paperozi';
  font-weight: 700;
  font-size: calc(var(--px) * 20);
  color: #1a1a1a;
}

.con15_addr {
  font-weight: 400;
  font-size: calc(var(--px) * 16);
  color: #888;
  line-height: 1.45;
}

.con15_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 26);
  aspect-ratio: 1 / 1;
  flex-shrink: 0;

  position: absolute;
  top: 2.1vw;
  right: 1.6vw;
}

.con15_noshop {
  display: none;
  width: 100%;
  padding: 3vw 1.6vw;
  color: #888;
  font-size: calc(var(--px) * 16);
  text-align: center;
}

.con15_map_wrap {
  position: relative;
  display: flex;
  flex: 1;
}

.con15_search {
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(var(--px) * 550);
  height: calc(var(--px) * 69);
  padding-left: calc(var(--px) * 34);
  background: #fff;
  border: 1px solid #000;
  margin-top: 1.3vw;
  margin-bottom: -1.9vw;
  z-index: 100;
}

.con15_search input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  color: #333;
}

.con15_search input::placeholder {
  color: #9b9b9b;
  font-weight: 500;
}

.con15_sbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
  aspect-ratio: 1;
  background: #1946b9;
  cursor: pointer;
  border-left: 1px solid #000;
}

.con15_sic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 31);
  aspect-ratio: 1 / 1;
}

#map {
  width: 100%;
  flex: 1;
  background: #e9e9e9;
  cursor: grab;
}

#map:active {
  cursor: grabbing;
}

.map_marker {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.map_marker_text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--px) * 8) calc(var(--px) * 16);
  background: #fff;
  border: 2px solid #1946b9;
  border-radius: calc(var(--px) * 20);
  color: #1946b9;
  font-weight: 700;
  font-size: calc(var(--px) * 16);
  white-space: nowrap;
  box-shadow: 0 calc(var(--px) * 3) calc(var(--px) * 8) rgba(0, 0, 0, 0.18);
}

.map_marker_tail {
  display: flex;
  width: calc(var(--px) * 14);
  height: calc(var(--px) * 14);
  background: #fff;
  border-right: 2px solid #1946b9;
  border-bottom: 2px solid #1946b9;
  transform: rotate(45deg);
  margin-top: calc(var(--px) * -8);
}


#content_wrap {
  padding-bottom: 0;
  margin-bottom: -5.5vw;
}


/* ===================== main_08 테이프 필링(peel) — 신규추가 ===================== */
/* 같은 테이프 2장을 접힘선(--fold) 기준으로 잘라 붙임.
   peel-main = 바닥에 붙은 부분 / peel-flap = 떼져서 뒤집혀 말린 부분.
   --peel: 0(완전 붙음) ~ 1(완전 떼짐) → js/gsap.js 가 1회 제어. */
.main_08.peel {
  --peel: 0;
  --fold: calc((1 - var(--peel)) * 100%);
  --tilt: -10deg;                                       /* 떨어졌을 때 기울기(대각선/입체감). 붙으면(0) 수평 */
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 6% 50%;                             /* 왼쪽(붙은 쪽)을 축으로 회전 */
}
.main_08.peel .peel-main,
.main_08.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_08.peel .peel-main img,
.main_08.peel .peel-flap img {
  width: 100%;
  display: block;
}
/* 바닥에 붙어있는 부분 (접힘선 왼쪽) */
.main_08.peel .peel-main {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}
/* 들려서 말려올라간 부분 (접힘선 오른쪽 → 뒤집어 왼쪽으로 접힘) */
.main_08.peel .peel-flap {
  clip-path: inset(0 0 0 var(--fold));
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}
.main_08.peel .peel-flap img {
  filter: grayscale(1) brightness(1.3) contrast(0.82);   /* 뒷면 = 확실히 회색 */
}


/* ===================== main_07 테이프 필링(peel) — 신규추가 ===================== */
/* main_08 과 동일 원리(오른쪽 끝 peel). 오른쪽이 가늘어지는 자유단 → 그쪽이 들림.
   --peel: 0(완전 붙음) ~ 1(완전 떼짐) → js/gsap.js 가 1회 제어. */
.main_07.peel {
  --peel: 0;
  --fold: calc((1 - var(--peel)) * 100%);
  --tilt: -10deg;                                       /* 떨어졌을 때 기울기(대각선/입체감). 붙으면(0) 수평 */
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 6% 50%;                             /* 왼쪽(붙은 쪽)을 축으로 회전 */
}
.main_07.peel .peel-main,
.main_07.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_07.peel .peel-main img,
.main_07.peel .peel-flap img {
  width: 100%;
  display: block;
}
/* 바닥에 붙어있는 부분 (접힘선 왼쪽) */
.main_07.peel .peel-main {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}
/* 들려서 말려올라간 부분 (접힘선 오른쪽 → 뒤집어 왼쪽으로 접힘) */
.main_07.peel .peel-flap {
  clip-path: inset(0 0 0 var(--fold));
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}
.main_07.peel .peel-flap img {
  filter: grayscale(1) brightness(1.3) contrast(0.82);   /* 뒷면 = 확실히 회색 */
}


/* ===================== con 테이프/스티커 필링(peel) — 신규추가 ===================== */
/* main_07/08 과 동일 원리. 오른쪽 peel = con05_tape·con13_tape01·con13_tape02·con04_10
   / 왼쪽 peel = con09_08(왼쪽 끝이 가늘어 그쪽이 들림). --peel: 0(붙음)~1(떼짐) → js/gsap.js 제어. */

/* 공통 내부 구조 (모든 신규 peel 요소 공유) */
.con05_tape.peel .peel-main, .con05_tape.peel .peel-flap,
.con09_08.peel .peel-main, .con09_08.peel .peel-flap,
.con13_tape01.peel .peel-main, .con13_tape01.peel .peel-flap,
.con13_tape02.peel .peel-main, .con13_tape02.peel .peel-flap,
.con04_10.peel .peel-main, .con04_10.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.con05_tape.peel img, .con09_08.peel img, .con13_tape01.peel img,
.con13_tape02.peel img, .con04_10.peel img {
  width: 100%;
  display: block;
}
/* 뒷면 = 확실히 회색 */
.con05_tape.peel .peel-flap img, .con09_08.peel .peel-flap img,
.con13_tape01.peel .peel-flap img, .con13_tape02.peel .peel-flap img,
.con04_10.peel .peel-flap img {
  filter: grayscale(1) brightness(1.3) contrast(0.82);
}

/* --- 오른쪽 끝 peel 공통 --- */
.con05_tape.peel, .con13_tape01.peel, .con13_tape02.peel,
.con04_10.peel {
  --peel: 0;
  --fold: calc((1 - var(--peel)) * 100%);
  --tilt: -10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
}
/* con05_tape 는 base rotate(39deg 등) 보존 위해 transform-origin 미설정(기본 중앙) */
.con13_tape01.peel, .con13_tape02.peel, .con04_10.peel {
  transform-origin: 6% 50%;
}
.con05_tape.peel .peel-main, .con13_tape01.peel .peel-main, .con13_tape02.peel .peel-main,
.con04_10.peel .peel-main {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}
.con05_tape.peel .peel-flap, .con13_tape01.peel .peel-flap, .con13_tape02.peel .peel-flap,
.con04_10.peel .peel-flap {
  clip-path: inset(0 0 0 var(--fold));
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}

/* --- 왼쪽 끝 peel (con09_08) --- */
.con09_08.peel {
  --peel: 0;
  --fold: calc(var(--peel) * 100%);
  --tilt: 10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 94% 50%;
}
.con09_08.peel .peel-main {
  clip-path: inset(0 0 0 var(--fold));
}
.con09_08.peel .peel-flap {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}

/* --- con15_badge (우 peel, scrub) — 신규추가 --- */
.con15_badge.peel .peel-main, .con15_badge.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.con15_badge.peel img {
  width: 100%;
  display: block;
}
.con15_badge.peel .peel-flap img {
  filter: grayscale(1) brightness(1.3) contrast(0.82);
}
.con15_badge.peel {
  --peel: 0;
  --fold: calc((1 - var(--peel)) * 100%);
  --tilt: -10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 6% 50%;
}
.con15_badge.peel .peel-main {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}
.con15_badge.peel .peel-flap {
  clip-path: inset(0 0 0 var(--fold));
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
}

/* --- con16_call 전화버튼 전체(테이프+번호) peel, scrub — 신규추가 --- */
/* 버튼을 2겹 복제 → 번호도 테이프와 함께 말림(숫자 붕뜸 방지) */
.con16_call.peel .peel-main, .con16_call.peel .peel-flap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.con16_call.peel .con16_tape img {
  width: 100%;
  display: block;
}
.con16_call.peel {
  --peel: 0;
  --fold: calc((1 - var(--peel)) * 100%);
  --tilt: -10deg;
  transform: rotate(calc(var(--peel) * var(--tilt)));
  transform-origin: 6% 50%;
}
.con16_call.peel .peel-main {
  clip-path: inset(0 calc(100% - var(--fold)) 0 0);
}
.con16_call.peel .peel-flap {
  clip-path: inset(0 0 0 var(--fold));
  transform: scaleX(-1);
  left: calc(2 * var(--fold) - 100%);
  filter: grayscale(1) brightness(1.3) contrast(0.82);
}