/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/
.ios-guide {
  position: fixed;
  z-index: 998;
  right: 15px;
  bottom: 60px;
}

.ios-guide-img {
  width: calc(390px / 2);
  height: calc(206px / 2);
}

.ios-guide-close {
  position: absolute;
  top: -24px;
  left: -8px;
  padding: 8px;
  cursor: pointer;
}

.close-button {

}

@font-face {
  font-family: 'SpoqaHanSansNeo-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TAEBAEKmilkyway';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/TAEBAEKmilkyway.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html, body {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "TAEBAEKmilkyway", "Noto Sans", "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: -0.03em;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

body {
  line-height: 1;
  font-size: 3.6666666667vw;
  color: #333;
}

main {
  display: block;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333;
  margin: 0;
  padding: 0;
  opacity: 0.7;
}

input, select, textarea {
  vertical-align: middle;
  outline: 0;
}

button {
  outline: 0;
  cursor: pointer;
  border: none;
  background: none;
}

em {
  font-style: normal;
}

a:hover {
  text-decoration: none;
}

.icon {
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

html, body {
  width: 100%;
}

header {
  position: fixed;
  width: 100%;
  height: 11.6666666667vw;
  display: flex;
  align-items: center;
  background: #fff;
  z-index: 999;
}
header .header-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
header .header-inner .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2.5vw;
  left: 50%;
  width: 17.5833333333vw;
  height: 6.75vw;
  transform: translateX(-50%);
}
header .header-inner .logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
header .header-inner .logo a img {
  width: 100%;
}
header .header-inner .select {
  border: 1px solid #32c0ff;
  border-radius: 8px;
  top: 2.5vw;
  position: absolute;
  right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  font-family: inherit;
  font-size: inherit;
  color: black;
  cursor: inherit;
}
header .header-inner .select::-ms-expand {
  display: none;
}
header .header-inner .blog-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 10%;
  min-width: 40px;
  height: 6.75vw;
  left: 88%;
  border: none;
  color: white;
  background-color: #32c0ff;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  header .header-inner .blog-link {
    font-size: 1rem;
    width: 15%;
    left: 84%;
  }
}
header.down {
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.3);
}

.main {
  padding-top: 11.6666666667vw;
}
.main .section {
  position: relative;
}
.main .main_video {
  position: relative;
  width: 100%;
  height: 83.3333333333vw;
  overflow: hidden;
}
.main .main_video video {
  position: absolute;
  width: 148.0833333333vw;
  height: 83.3333333333vw;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url("../images_m/main_video.jpg") no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.main .main_video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background: #000;
  opacity: 0.5;
}
.main .main_video .main_info {
  position: absolute;
  z-index: 101;
  width: 100%;
  top: 6vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 1rem;
}
.main .main_video .main_info .copy {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  opacity: 0;
  animation: moveUp 0.5s forwards;
  justify-content: center;
  color: white;
  margin-bottom: 0.5rem;
}
.main .main_video .main_info .copy .main_text {
  margin-top: 0.5rem;
  word-break: keep-all;
  text-align: center;
  font-size: 1.8em;
  letter-spacing: 10px;
  margin-right: -18px;
  line-height: 1.2em;
  font-weight: bold;
}
.main .main_video .main_info .scroll_menu {
  width: 87.0833333333vw;
  height: 10.6666666667vw;
  display: flex;
  justify-content: space-evenly;
}
.main .main_video .main_info .scroll_menu li {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 25vw;
  height: 100%;
  font-weight: bold;
}
.main .main_video .main_info .scroll_menu li a {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 3.3333333333vw;
  border-radius: 60px;
  color: black;
  background-color: white;
  border: 1px solid #32c0ff;
  justify-content: center;
  align-items: center;
}
.main .main_video .main_info .scroll_menu li:nth-child(1) {
  opacity: 0;
  animation: moveUp 0.6s forwards;
  animation-delay: 0.3s;
}
.main .main_video .main_info .scroll_menu li:nth-child(2) {
  opacity: 0;
  animation: moveUp 0.7s forwards;
  animation-delay: 0.4s;
}
.main .main_video .main_info .scroll_menu li:nth-child(3) {
  opacity: 0;
  animation: moveUp 0.8s forwards;
  animation-delay: 0.5s;
}
.main .main_video .main_info .msg {
  display: inline-block;
  width: 81.5vw;
  padding: 2.9166666667vw 0;
  opacity: 0;
  animation: moveUp 0.9s forwards;
  animation-delay: 0.6s;
  text-align: center;
  font-size: 1rem;
  color: aliceblue;
  letter-spacing: 0.5px;
}
.main .main_video .main_info .store {
  text-align: center;
  opacity: 0;
  animation: moveUp 1s forwards;
  animation-delay: 0.8s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .main_video .main_info .store .google_img {
  height: 8vw;
  width: auto;
  margin-right: 0.5rem;
}
.main .main_video .main_info .store .apple_img {
  height: 8vw;
  width: auto;
}
.main .main_video .main_info .store .kakao_img {
  height: 8vw;
  width: auto;
  margin-left: 0.5rem;
}
@keyframes moveUp {
  from {
    opacity: 0;
    margin-top: 4.1666666667vw;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}
.main .photo {
  position: relative;
  width: 100%;
  height: 249.1666666667vw;
  margin: auto;
}
.main .photo .boxCommon {
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
}
.main .photo .boxCommon::before, .main .photo .boxCommon::after {
  content: "";
  position: absolute;
  width: 7.0833333333vw;
  height: 7.0833333333vw;
  z-index: 1;
}
.main .photo .boxCommon::before {
  left: -1.25vw;
  top: -1.25vw;
  border-top: 1.25vw solid #32c0ff;
  border-left: 1.25vw solid #32c0ff;
}
.main .photo .boxCommon::after {
  bottom: -1.25vw;
  right: -1.25vw;
  border-bottom: 1.25vw solid #32c0ff;
  border-right: 1.25vw solid #32c0ff;
}
.main .photo .photo_video {
  top: 137.5vw;
  left: 20vw;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  width: 56.6666666667vw;
  height: 100.5833333333vw;
  margin-top: 41.6666666667vw;
  opacity: 0;
  transition: all 0.5s ease;
  transition-delay: 0.9s;
  animation: slide-top-bottomA 6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate forwards;
}
.main .photo .photo_video video {
  width: 100%;
  height: 100%;
}
.main .photo .photoB {
  width: 36vw;
  height: 36vw;
  top: 23.75vw;
  left: 52.9166666667vw;
  margin-top: 500px;
  opacity: 0;
  transition: all 0.3s ease;
  transition-delay: 0.6s;
  animation: slide-top-bottomB 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate forwards;
}
.main .photo .photoC {
  width: 45vw;
  height: 55.8333333333vw;
  top: 67.5vw;
  left: 8.3333333333vw;
  margin-top: 500px;
  opacity: 0;
  transition: all 0.5s ease;
  transition-delay: 0.3s;
  animation: slide-top-bottomC 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate forwards;
}
.main .photo .section_info {
  position: absolute;
  width: 33.0833333333vw;
  height: auto;
  top: 16.6666666667vw;
  left: 12.5vw;
  margin-top: 41.6666666667vw;
  opacity: 0;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
}
.main .photo .section_info .red_triangle {
  border-bottom: 0.7em solid transparent;
  border-top: 0.7em solid transparent;
  border-left: 1.19em solid #E4000B;
  margin-bottom: 0.5rem;
}
.main .photo .section_info .title {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 130%;
}
.main .photo .section_info a {
  display: inline-block;
}
@keyframes slide-top-bottomA {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(25px);
  }
}
@keyframes slide-top-bottomB {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes slide-top-bottomC {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(38px);
  }
}
.main .photo.active .photo_video, .main .photo.active .photoB, .main .photo.active .photoC, .main .photo.active .section_info {
  opacity: 1;
  margin-top: 0;
}
.main .photo a {
  display: inline-block;
  margin-top: 2.9166666667vw;
}
.main .photo a img.google_img {
  width: 25.9166666667vw;
  height: auto;
}
.main .photo a img.apple_img {
  width: 21.9166666667vw;
  height: auto;
}
.main .location {
  position: relative;
  width: 100%;
  height: 52.8333333333vw;
  margin: auto;
}
.main .location .inner h3 {
  padding-bottom: 6.25vw;
  opacity: 0;
  padding-left: 25vw;
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  font-size: 1.6em;
  font-weight: bold;
}
.main .location .inner h3 .red_triangle {
  margin-bottom: 0;
  margin-right: 0.3em;
  border-bottom: 0.4em solid transparent;
  border-top: 0.4em solid transparent;
  border-left: 0.68em solid #E4000B;
}
.main .location .inner .swiper-location {
  position: relative;
  width: 83.3333333333vw;
}
.main .location .inner .swiper-location .swiper-wrapper {
  position: relative;
  width: 100%;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide {
  width: 18.3333333333vw;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  width: 100%;
  flex-direction: column;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide a:first-child {
  margin-bottom: 2.0833333333vw;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide a img {
  max-width: 100%;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide a .name {
  font-weight: bold;
  font-size: 0.7em;
}
.main .location .inner .swiper-location .swiper-wrapper .swiper-slide a .data_size {
  font-size: 0.6em;
}
.main .location .inner .swiper-button-next-location {
  background-image: url(../images_m/location_right_arrow_on.png) !important;
  background-size: 4.3333333333vw;
  width: 4.3333333333vw;
  height: 4.3333333333vw;
  overflow: hidden;
  font-size: 0;
  text-indent: -99999px;
}
.main .location .inner .swiper-button-next-location.swiper-button-disabled {
  background-image: url(../images_m/location_right_arrow.png) !important;
  background-size: 4.3333333333vw;
}
.main .location .inner .swiper-button-prev-location {
  background-image: url(../images_m/location_left_arrow_on.png) !important;
  background-size: 4.3333333333vw;
  width: 4.3333333333vw;
  height: 4.3333333333vw;
  overflow: hidden;
  font-size: 0;
  text-indent: -99999px;
}
.main .location .inner .swiper-button-prev-location.swiper-button-disabled {
  background-image: url(../images_m/location_left_arrow.png) !important;
  background-size: 4.3333333333vw;
}
.main .location.active .inner h3 {
  opacity: 1;
  padding-left: 8.3333333333vw;
}
.main .activity {
  position: relative;
  width: 100%;
}
.main .activity .inner {
  position: relative;
  width: 100%;
  opacity: 0;
  transition: all 1s ease;
}
.main .activity .inner .youtube_img {
  position: relative;
  width: 100%;
  height: 90vw;
  background: url(../images_m/youtube_bg_v3.webp) 50% 50% no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .activity.active .inner {
  opacity: 1;
}
.main .book {
  position: relative;
  width: 100%;
  padding: 8.3333333333vw 0;
}
.main .book .inner {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  width: 100%;
  margin: auto;
}
.main .book .inner .left {
  width: 100%;
  padding: 15.1666666667vw 0 0 12.5vw;
  opacity: 0;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
}
.main .book .inner .left .red_triangle {
  border-bottom: 1em solid transparent;
  border-top: 1em solid transparent;
  border-left: 1.7em solid #E4000B;
  margin-bottom: 0.5rem;
}
.main .book .inner .left .title {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 120%;
}
.main .book .inner .left .contents {
  font-size: 1.2em;
  margin-top: 0.3em;
  line-height: 130%;
}
.main .book .inner .left > img {
  width: 44.25vw;
  height: 42.6666666667vw;
}
.main .book .inner .left a {
  display: inline-block;
  margin-top: 2.9166666667vw;
}
.main .book .inner .left a img.google_img {
  width: 25.9166666667vw;
  height: auto;
}
.main .book .inner .left a img.apple_img {
  width: 22.3333333333vw;
  height: auto;
}
.main .book .inner .right {
  width: 100vw;
  opacity: 0;
  margin-top: 16.6666666667vw;
  transition: all 0.5s ease;
  transition-delay: 0.6s;
}
.main .book .inner .right .boxCommon {
  position: relative;
  display: flex;
  width: 100vw;
  height: 91.6666666667vw;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide {
  width: 100vw;
  text-align: center;
  padding-top: 2.3333333333vw;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide:nth-child(1) {
  background: url(../images_m/1200x1100_1.png) 50% 0 no-repeat;
  background-size: cover;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide:nth-child(2) {
  background: url(../images_m/1200x1100_2.png) 50% 0 no-repeat;
  background-size: cover;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide:nth-child(3) {
  background: url(../images_m/1200x1100_3.png) 50% 0 no-repeat;
  background-size: cover;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide:nth-child(4) {
  background: url(../images_m/1200x1100_4.png) 50% 0 no-repeat;
  background-size: cover;
}
.main .book .inner .right .boxCommon .swiper-book .swiper-wrapper .swiper-slide video {
  width: 47.9166666667vw;
  height: 83vw;
}
.main .book .inner .right .boxCommon .swiper-button-next-book {
  width: 7.75vw !important;
  height: 7.75vw !important;
  right: 5.8333333333vw;
  background-image: url(../images_m/mov_list_right_arrow.png);
  background-size: 7.75vw 7.75vw;
}
.main .book .inner .right .boxCommon .swiper-button-next-book:after {
  font-size: 0;
}
.main .book .inner .right .boxCommon .swiper-button-prev-book {
  width: 7.75vw !important;
  height: 7.75vw !important;
  left: 5.8333333333vw;
  background-image: url(../images_m/mov_list_left_arrow.png);
  background-size: 7.75vw 7.75vw;
}
.main .book .inner .right .boxCommon .swiper-button-prev-book:after {
  font-size: 0;
}
.main .book.active .inner .left {
  margin-top: 0;
  opacity: 1;
}
.main .book.active .inner .right {
  margin-top: 8.3333333333vw;
  opacity: 1;
}

.footer {
  background-color: #f2f2f2;
  padding: 4.6666666667vw 0 7vw 0;
}
.footer .footer-inner {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  width: 100%;
  margin: auto;
  text-align: center;
}
.footer .footer-inner .sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  width: 70%;
  height: 12.5vw;
  margin-bottom: 2.5vw;
}
.footer .footer-inner .sns li {
  width: auto;
  height: 100%;
  margin-right: 1.25vw;
}
.footer .footer-inner .sns li:last-child {
  margin-right: 0;
}
.footer .footer-inner .sns li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.footer .footer-inner .sns li a img {
  width: 3rem;
  height: auto;
}
.footer .footer-inner > a {
  display: inline-block;
  width: 23.5vw;
  height: 3.3333333333vw;
}
.footer .footer-inner > a img {
  width: 100%;
}
.footer .footer-inner img {
  height: 5vw;
  width: 36vw;
}
.footer .footer-inner .btn span {
  display: inline-block;
  padding: 0 4.1666666667vw;
}
.footer .footer-inner .btn span img {
  width: auto;
  height: 1.5833333333vw;
}
.footer .footer-inner .btn a {
  display: inline-block;
}
.footer .footer-inner .btn a:nth-child(1) {
  width: 13.25vw;
  height: 2.0833333333vw;
}
.footer .footer-inner .btn a:nth-child(1) img {
  width: 100%;
}
.footer .footer-inner .btn a:nth-child(3) {
  width: 16.0833333333vw;
  height: 1.5833333333vw;
}
.footer .footer-inner .btn a:nth-child(3) img {
  width: 100%;
}
.footer .footer-info-legal p {
  justify-content: center;
  font-size: 100%;
  line-height: 1.4;
  padding-bottom: 10px;
  color: #222;
}
.footer .footer-info-nav {
  padding-top: 10px;
  overflow: hidden;
}
.footer .footer-info-nav-list {
  list-style: none;
  line-height: 1;
}
.footer .footer-info-nav-menu-item a {
  color: #32c0ff;
  font-weight: 500;
}
.footer .footer-info-nav-list li:first-child {
  border-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
}
.footer .footer-info-nav-menu-item {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid currentColor;
  display: inline-block;
  vertical-align: middle;
}

.photo_popup {
  display: none;
  max-width: 85vw !important;
  padding: 5.8333333333vw 6.8333333333vw 5.8333333333vw 6.8333333333vw !important;
}
.photo_popup .inner ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.photo_popup .inner ul li {
  width: 100%;
}
.photo_popup .inner ul li:nth-child(1) {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) {
  .photo_popup .inner ul li:nth-child(1) {
    gap: 7px;
    margin-bottom: 10px;
  }
}
.photo_popup .inner ul li:nth-child(1) .title {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .photo_popup .inner ul li:nth-child(1) .title {
    font-size: 1.3rem;
  }
}
.photo_popup .inner ul li:nth-child(1) .title .red_triangle {
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  border-left: 0.85rem solid #E4000B;
  margin-right: 0.2em;
}
.photo_popup .inner ul li:nth-child(1) .subtitle {
  display: flex;
  font-size: 1rem;
  margin-top: 0.3rem;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .photo_popup .inner ul li:nth-child(1) .subtitle {
    font-size: 0.8rem;
  }
}
.photo_popup .inner ul li:nth-child(1) .subtitle div {
  display: flex;
  width: 1rem;
  margin-right: 0.25rem;
}
.photo_popup .inner ul li:nth-child(1) .subtitle div img {
  width: auto;
  height: 100%;
}
@media screen and (min-width: 600px) {
  .photo_popup .inner ul li:nth-child(2) {
    margin-bottom: 10px;
  }
}
.photo_popup .inner ul li:nth-child(3) {
  display: flex;
  justify-content: space-between;
}
.photo_popup .inner ul li:nth-child(3) .like_box {
  display: flex;
  width: auto;
  align-items: center;
}
.photo_popup .inner ul li:nth-child(3) .like_box a {
  width: 5.25vw;
  height: 4.8333333333vw;
  background: url(../images_m/like.png) 0 0 no-repeat;
  background-size: 100%;
}
.photo_popup .inner ul li:nth-child(3) .like_box a.active {
  background: url(../images_m/like_on.png) 0 0 no-repeat;
  background-size: 100%;
}
.photo_popup .inner ul li:nth-child(4) {
  display: block;
}
.photo_popup .inner ul li:nth-child(4) span {
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  .photo_popup .inner ul li:nth-child(4) span {
    font-size: 0.7rem;
  }
}
.photo_popup .inner ul li:nth-child(4) .hashtag {
  color: #40C1EB;
}
.photo_popup a.close-modal {
  display: inline-block;
  width: 3.5833333333vw;
  height: 3.3333333333vw;
  background-image: url(../images_m/close.png) !important;
  background-size: cover;
  position: absolute;
  top: 0.3em !important;
  right: 0.3em !important;
}

#photo_popup_1 ul li:first-child img {
  width: 43.75vw;
}
#photo_popup_1 ul li:nth-child(3) img {
  width: 29.0833333333vw;
}
#photo_popup_1 ul li:nth-child(4) img {
  width: 68.1666666667vw;
}

#photo_popup_2 ul li:first-child img {
  width: 28.25vw;
}
#photo_popup_2 ul li:nth-child(3) img {
  width: 31.4166666667vw;
}
#photo_popup_2 ul li:nth-child(4) img {
  width: 66.1666666667vw;
}

#photo_popup_3 ul li:first-child img {
  width: 21.25vw;
}
#photo_popup_3 ul li:nth-child(3) img {
  width: 31.0833333333vw;
}
#photo_popup_3 ul li:nth-child(4) img {
  width: 68.4166666667vw;
}

#photo_popup_4 ul li:first-child img {
  width: 30.3333333333vw;
}
#photo_popup_4 ul li:nth-child(3) img {
  width: 26.9166666667vw;
}
#photo_popup_4 ul li:nth-child(4) img {
  width: 66.5833333333vw;
}

#photo_popup_5 ul li:first-child img {
  width: 29vw;
}
#photo_popup_5 ul li:nth-child(3) img {
  width: 22.5vw;
}
#photo_popup_5 ul li:nth-child(4) img {
  width: 68vw;
}

#photo_popup_6 ul li:first-child img {
  width: 31.25vw;
}
#photo_popup_6 ul li:nth-child(3) img {
  width: 25.4166666667vw;
}
#photo_popup_6 ul li:nth-child(4) img {
  width: 68.0833333333vw;
}

#photo_popup_7 ul li:first-child img {
  width: 28.8333333333vw;
}
#photo_popup_7 ul li:nth-child(3) img {
  width: 22.4166666667vw;
}
#photo_popup_7 ul li:nth-child(4) img {
  width: 67.1666666667vw;
}

#photo_popup_8 ul li:first-child img {
  width: 29.8333333333vw;
}
#photo_popup_8 ul li:nth-child(3) img {
  width: 21vw;
}
#photo_popup_8 ul li:nth-child(4) img {
  width: 45.0833333333vw;
}

.ticket {
  max-width: 90vw !important;
  padding: 4.1666666667vw 5vw 4.1666666667vw 5vw !important;
  border-radius: 0;
  border: 1px solid #2cd0f8;
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.ticket a.close-modal {
  background-image: url(../images_m/close.png) !important;
  background-size: 100% auto;
  width: 3.5833333333vw;
  height: 3.3333333333vw;
  top: 3.3333333333vw !important;
  right: 2.0833333333vw !important;
}
.ticket .ticket_footer {
  padding-top: 0.8333333333vw;
  font-size: 2.4444444444vw;
  color: #404040;
}
.ticket .form li {
  width: 68.6666666667vw;
  height: 8.3333333333vw;
  margin-bottom: 2.5vw;
  padding-left: 13.3333333333vw;
}
.ticket .form li input {
  width: 55vw;
  height: 7.6666666667vw;
  margin-top: 0.3333333333vw;
  background: transparent;
  border: none;
  color: #000;
  font-size: 3vw;
  text-align: center;
  line-height: 7.6666666667vw;
}
.ticket .form li:nth-child(1) {
  background: url(../images_m/register_box_name.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket .form li:nth-child(2) {
  background: url(../images_m/register_box_guest.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket .form li:nth-child(2) select {
  margin-top: 0.3333333333vw;
  width: 55vw;
  height: 7.6666666667vw;
  border: none;
  text-align: center;
  padding: 0;
  font-size: 3vw;
}
.ticket .form li:nth-child(3) {
  background: url(../images_m/register_box_email.png) 0 0 no-repeat;
  background-size: 100% auto;
  margin-bottom: 0;
}
.ticket.ticket_step1 h3 {
  margin-bottom: 2.9166666667vw;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ticket.ticket_step1 h3 img {
  width: 69.75vw;
  height: 12.1666666667vw;
}
.ticket.ticket_step1 h3 .title_box {
  display: flex;
  font-size: 1.5rem;
}
.ticket.ticket_step1 h3 .title_box .red_triangle {
  border-bottom: 0.7rem solid transparent;
  border-top: 0.7rem solid transparent;
  border-left: 1.19rem solid #E4000B;
  margin-right: 0.4rem;
}
.ticket.ticket_step1 h3 .desc {
  font-size: 0.7rem;
}
.ticket.ticket_step1 .policy-checkbox {
  display: flex;
  flex-direction: column;
}
.ticket.ticket_step1 .policy-checkbox img {
  width: 1rem;
}
.ticket.ticket_step1 .policy-checkbox .policy-check span {
  font-size: 0.6rem;
}
.ticket.ticket_step1 .ticket_footer {
  display: flex;
  flex-direction: column;
  font-size: 0.7rem;
}
.ticket.ticket_step1 .btn {
  text-align: center;
  padding-top: 2.9166666667vw;
}
.ticket.ticket_step1 .btn a {
  display: inline-block;
  width: 28.6666666667vw;
  height: 9.6666666667vw;
}
.ticket.ticket_step1 .btn a .confirm_button {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #EBEBEB;
  color: black;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: 1.3em;
}
.ticket.ticket_step1 .btn a .confirm_button.active {
  color: white;
  background-color: #40C1EB;
}
.ticket.ticket_step2 h3 {
  margin-bottom: 2.9166666667vw;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ticket.ticket_step2 h3 img {
  width: 49.4166666667vw;
  height: 12.6666666667vw;
}
.ticket.ticket_step2 h3 .title_box {
  display: flex;
  font-size: 1.5rem;
}
.ticket.ticket_step2 h3 .title_box .red_triangle {
  border-bottom: 0.7rem solid transparent;
  border-top: 0.7rem solid transparent;
  border-left: 1.19rem solid #E4000B;
  margin-right: 0.4rem;
}
.ticket.ticket_step2 h3 .desc {
  font-size: 0.7rem;
}
.ticket.ticket_step2 .btn {
  text-align: right;
  padding-top: 2vw;
}
.ticket.ticket_step2 .ticket_footer {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.ticket.ticket_step2 .ticket_footer span {
  font-size: 0.6rem;
}
.ticket.ticket_error h3 img {
  width: 67.75vw;
  height: 16.8333333333vw;
}
.ticket.ticket_error .btn {
  text-align: center;
  padding-top: 10.4166666667vw;
}
.ticket.ticket_error .btn a {
  display: inline-block;
  margin: 0 1vw;
  width: 23.8333333333vw;
  height: 8vw;
  overflow: hidden;
  font-size: 0;
  text-indent: -99999px;
}
.ticket.ticket_error .btn a.ok {
  background: url(../images_m/btn_ok_off.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket.ticket_error .btn a.cancel {
  background: url(../images_m/btn_cancel_off.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket.ticket_error .btn a:hover.ok {
  background: url(../images_m/btn_ok_on.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket.ticket_error .btn a:hover.cancel {
  background: url(../images_m/btn_cancel_on.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide {
  width: 81.3333333333vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide > img {
  width: 100%;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info {
  position: absolute;
  top: 19.8275862069%;
  left: 0;
  width: 100%;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 66.9540229885%;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li span {
  width: 100%;
  align-items: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-height: 3.5vw;
  height: 3.5vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child {
  margin-left: 25.4631147541%;
  width: 48.2581967213%;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child span {
  width: 100%;
  margin-left: 0;
  font-size: 1.6666666667vw;
  text-align: center;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child span.name {
  margin-top: 1.8vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child span.date {
  margin-top: 0.8vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child span.guest {
  margin-top: 0.8vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:first-child span.code {
  margin-top: 0.8vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child {
  width: 28.2786885246%;
  margin-left: 3.2737704918%;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child span {
  width: 100%;
  height: 2.5vw;
  margin-top: 2.5vw;
  font-size: 1.6666666667vw;
  padding-left: 0;
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -webkit-box-align: start;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child span.name {
  margin-top: -0.5vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child span.date {
  margin-top: 2.5vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child span.guest {
  margin-top: 2.5vw;
}
.ticket .ticket_wrap .swiper-ticket .swiper-wrapper .swiper-slide .user_info ul li:last-child span.code {
  margin-top: 2.5vw;
  width: 100%;
  font-size: 1.5vw;
}
.ticket .ticket_wrap .swiper-pagination-ticket {
  text-align: center;
}
.ticket .ticket_wrap .swiper-pagination-ticket span {
  margin: 0 0.25vw;
}
.ticket .ticket_wrap .swiper-button-next-ticket {
  right: 1.6666666667vw;
  width: 1.75vw;
  height: 3.75vw;
  top: 55%;
  background-image: url(../images_m/ticket_right_arrow_on.png);
  background-size: 100% auto;
}
.ticket .ticket_wrap .swiper-button-next-ticket.swiper-button-disabled {
  background-image: url(../images_m/ticket_right_arrow.png);
  background-size: 100% auto;
}
.ticket .ticket_wrap .swiper-button-next-ticket:after {
  font-size: 0;
}
.ticket .ticket_wrap .swiper-button-prev-ticket {
  left: 1.6666666667vw;
  width: 1.75vw;
  height: 3.75vw;
  top: 55%;
  background-image: url(../images_m/ticket_left_arrow_on.png);
  background-size: 100% auto;
}
.ticket .ticket_wrap .swiper-button-prev-ticket.swiper-button-disabled {
  background-image: url(../images_m/ticket_left_arrow.png);
  background-size: 100% auto;
}
.ticket .ticket_wrap .swiper-button-prev-ticket:after {
  font-size: 0;
}

.blocker {
  background-color: rgba(255, 255, 255, 0.75) !important;
  z-index: 1002;
}

.cookies_box {
  position: fixed;
  bottom: -1000px;
  width: 89.25vw;
  left: 50%;
  opacity: 0;
  margin: auto;
  background-color: #32c0ff;
  transform: translateX(-50%);
  z-index: 999;
  word-break: break-all;
}
.cookies_box.active {
  animation: slideUp 1s forwards;
}
@keyframes slideUp {
  from {
    opacity: 0;
    bottom: -1000px;
  }
  to {
    opacity: 1;
    bottom: 10px;
  }
}
.cookies_box .inner {
  position: relative;
  width: 90%;
  height: 100%;
  word-break: break-all;
  padding: 1rem;
}
.cookies_box .inner > img {
  width: 79vw;
  height: auto;
}
.cookies_box .inner .cookies_txt {
  color: #fff;
  letter-spacing: 0;
  line-height: 1.3;
  /* padding-bottom: 2.5vw; */
}
.cookies_box .inner .cookies_txt a {
  text-decoration: underline;
}
.cookies_box .inner .cookies_close {
  position: absolute;
  top: 1.6666666667vw;
  right: 1.6666666667vw;
  width: 1rem;
  height: 1rem;
}
.cookies_box .inner .cookies_close img {
  width: 100%;
}
.cookies_box .inner .btn {
  width: 100%;
  text-align: center;
}
.cookies_box .inner .btn a {
  margin: 3.3333333333vw 0.8333333333vw 0 0.8333333333vw;
  display: inline-block;
  width: 26.1666666667vw;
  height: 7.1666666667vw;
}
.cookies_box .inner .btn a img {
  width: 100%;
}

.red_triangle {
  width: 0;
  height: 0;
  border-bottom: 1em solid transparent;
  border-top: 1em solid transparent;
  border-left: 1.7em solid #E4000B;
}

#toggle-menu {
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 11.6666666667vw;
  height: 11.6666666667vw;
  cursor: pointer;
}
#toggle-menu div {
  position: relative;
  width: 7.0833333333vw;
  height: 4.1666666667vw;
  margin: 0;
  margin-left: 2.3333333333vw;
  margin-top: 3.6666666667vw;
}
#toggle-menu div span {
  display: block;
  width: 100%;
  height: 0.75vw;
  background-color: #000;
  position: absolute;
  transition: transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  transform-origin: center;
  box-shadow: 0.25vw 0.25vw 0.25vw 0px #93DEFF;
  border-radius: 0.375vw;
  overflow: hidden;
}
#toggle-menu div span.top {
  top: 0;
  background-image: url("../images_m/logo_edge.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#toggle-menu div span.middle {
  top: 1.5833333333vw;
}
#toggle-menu div span.bottom {
  top: 3.1666666667vw;
}

#toggle-menu.menu-is-active {
  position: fixed;
}
#toggle-menu.menu-is-active:before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#toggle-menu.menu-is-active span {
  transition: transform 0.2s ease-in-out 0.1s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.1s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  box-shadow: 0px 0px 0px 0px #93DEFF;
}
#toggle-menu.menu-is-active span.top {
  top: 0.583rem;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  background-position: -100px 0;
}
#toggle-menu.menu-is-active span.middle {
  top: 0.583rem;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  opacity: 0;
}
#toggle-menu.menu-is-active span.bottom {
  top: 0.583rem;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
}

.lnb_bar {
  position: fixed;
  left: -1000px;
  opacity: 0;
  top: 0;
  width: 62.5vw;
  height: 100vh;
  background-color: #fff;
  z-index: 1000;
  padding-top: 12.9166666667vw;
  box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.lnb_bar .inner {
  display: flex;
  flex-direction: column;
}
.lnb_bar .inner ul li {
  height: 52px;
  padding-left: 35px;
}
.lnb_bar .inner ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  font-size: 1.8rem;
}
.lnb_bar .inner ul li .sns {
  margin-left: -17.5px;
  margin-top: 2.5vw;
  display: grid;
  gap: 5px;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.lnb_bar .inner ul li .sns li {
  padding: 0px;
  display: flex;
  justify-content: center;
}
.lnb_bar .inner ul li .sns li a {
  display: flex;
  justify-content: center;
}
.lnb_bar .inner ul li .sns li a img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 600px) {
  .lnb_bar .inner ul li .sns li a img {
    width: 85%;
  }
}
.lnb_bar .inner ul li.google {
  margin-top: 5vw;
  display: flex;
}
.lnb_bar .inner ul li.google a {
  height: 9.8333333333vw;
  background: url(../images_m/googleplay_v2.png) 0 50% no-repeat;
  background-size: auto 10vw;
}
.lnb_bar .inner ul li.apple {
  margin-top: 5vw;
}
.lnb_bar .inner ul li.apple a {
  height: 9.8333333333vw;
  background: url(../images_m/appstore_v2.png) 0 50% no-repeat;
  background-size: auto 10vw;
}
.lnb_bar.open {
  animation: slideRight 0.5s forwards;
}
@keyframes slideRight {
  from {
    opacity: 0;
    left: -1000px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

#photoVideo {
  border: 0.8333333333vw solid white;
  -o-object-fit: fill;
     object-fit: fill;
}

#photoB {
  border: 0.8333333333vw solid white;
}

#photoC {
  border: 0.8333333333vw solid white;
}

.alert_dialog .inner p {
  padding-bottom: 10px;
}
.alert_dialog .inner .alert_dialog_title {
  font-size: 34px;
}
.alert_dialog .inner .alert_dialog_desc {
  font-size: 20px;
}

.kakao_img {
  height: 8vw;
  width: auto;
}/*# sourceMappingURL=itsme_m.css.map */