@charset "utf-8";

/****************************
    PC웹 : 이벤트/혜택
*****************************/

/* swiper 5.0.0 */
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
:root { --swiper-theme-color: #007aff; }
:root { --swiper-navigation-size: 44px; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0px; left: auto; }
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; }
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-white { --swiper-pagination-color: #ffffff; }
.swiper-pagination-black { --swiper-pagination-color: #000000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* 추가 */
.content-section.lounge-cont .img_wrap .swiper-navigation { display: inline-block; text-indent: 0; }
.swiper-navigation .icon { display: inline-block; min-width: 18px; min-height: 18px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.swiper-navigation .icon em { display: inline-block; position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.swiper-navigation .icon { width: 60px; height: 120px; background-size: 100% 100%; }
.swiper-button-next .icon { transform: rotate(180deg); }
.swiper-navigation .icon { background: url('/front/web/images/hellolounge/hl_20211209_nav_prev.png'); }

.pos-relative { position: relative; }
.pos-absolute { position: absolute; }

/* lightbox */
.lightbox .lightbox-overlay { position: fixed; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 7, 7, .6); }
.lightbox .holder { display: table; table-layout: fixed; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.lightbox .wrapper { display: table-cell; position: relative; text-align: center; vertical-align: middle; }
.lightbox .inner { position: relative; margin: 0 auto; display: inline-block; vertical-align: middle; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0); transition: box-shadow .4s ease-in-out 0s; }
.lightbox .module { height: 100%; max-height: 100vh; max-height: calc(100vh - 80px); overflow: hidden; overflow-y: auto; min-width: 548px; letter-spacing: -0.03em; }
.lightbox .module img { width: auto; min-width: 500px; height: auto; max-width: 80vw; }
.lightbox .closer { box-sizing: content-box; position: absolute; top: 0; right: 0; margin: 2px 2px 0 0; padding: 10px; width: 30px; height: 30px; }
.lightbox .closer .ico { width: 30px; height: 30px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; opacity: 0; transition: opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s; }
.lightbox .closer .ico { transform: translate(0, 0) scale(.9); }
.lightbox .closer .ico { background-image: url('/front/web/images/common/ico_lightbox_close.png'); }
.lightbox-overlay,
.lightbox .holder { visibility: hidden; opacity: 0; z-index: -1; transition: visibility 0s linear .3s, z-index 0s linear .3s, transform .3s cubic-bezier(0.32, 0, 0.67, 0) 0s, opacity .3s cubic-bezier(0.32, 0, 0.67, 0) 0s; }
.lightbox .holder { transform: translate(0, 30px) scale(.95); }
 
/* active */
.is-lightbox { touch-action: none; }
.is-lightbox .lightbox .holder { transform: translate(0, 0) scale(1); }
.is-lightbox .module { touch-action: auto; }
.is-lightbox .lightbox .inner { box-shadow: 3px 3px 15px rgba(0, 0, 0, .2); }
.is-lightbox .lightbox-overlay,
.is-lightbox .lightbox .holder { visibility: visible; opacity: 1; z-index: 9101; transition: visibility 0s linear 0s, z-index 0s linear 0s, transform .4s cubic-bezier(0.33, 1, 0.68, 1) 0s, opacity .4s cubic-bezier(0.33, 1, 0.68, 1) 0s; }
.is-lightbox .lightbox .closer .ico { opacity: 1; transform: translate(0, 0) scale(1); transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out .1s; }
.is-lightbox-radius .lightbox .inner { border-radius: 25px; }

/* form */
.lightbox .module input[type="text"]:focus,
.lightbox .module input[type="text"]::selection,
.lightbox .module input[type="text"]:active { outline: 0; background-color: #ddd; color: #000; }
.lightbox .head { box-sizing: border-box; padding: 15px 20px; min-height: 24px; background-color: #ed174d; font-size: 17px; font-weight: 600; color: #fff; line-height: 24px; letter-spacing: -0.03em }
.lightbox .content { position: relative; padding: 30px 20px 130px; background-color: #fff; }
.lightbox .content p { margin: 0 0; padding: 0; font-size: 17px; font-weight: 400; line-height: 1.4; }
.is-lightbox-shareUrl .lightbox .content p { font-size: 18px; font-weight: 500; }
.lightbox .field { padding: 10px 0 0; }
.lightbox .field input[type="text"] { width: 80%; }
.lightbox .action { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0 40px; user-select: none; }
.lightbox .action a,
.lightbox .action button { display: inline-block; margin: 0 5px; padding: 13px 30px; min-width: 130px; vertical-align: middle; font-size: 14px; font-weight: bold; background-color: #fff; border: solid 1px #ddd; border-radius: 50px; overflow: hidden; }
.lightbox .action .submit { background-color: #4a4c58; border-color: #4a4c58; color: #fff; transition: background-color .2s ease-in-out 0s, border-color .2s ease-in-out 0s; }
.lightbox .action .submit:hover { background-color: #ed174d; border-color: #ed174d; }

/* image */
.is-lightbox-image .lightbox .closer { margin: 0 -56px 0 0; }
.is-lightbox-image .lightbox .closer .ico { background-image: url('/front/web/images/common/ico_lightbox_close_large.png?ver=3'); }

/* display */
#sticky-counsel.hv-main, 
.is-lightbox #sticky-counsel.hv-main { opacity: 1; transition: opacity .2s ease-in-out 0s; }
.is-lightbox #sticky-counsel.hv-main { opacity: .05; }
.is-lightbox #adn_panel_container { display: none; }

/* component - join */
.join-component { clear: both; overflow: hidden; }
.join-component .inner { margin: 0 70px; background-color: #fff; border-radius: 15px; }
.join-component .module { padding: 38px 60px; line-height: 1.2; letter-spacing: -0.03em; }
.join-component .subjects { width: 53%; padding-left: 20px; letter-spacing: -0.05em; }
.join-component .forms { float: right; width: 47%; }
.join-component .subjects .subject { margin: 0; padding: 10px 0 0 0; font-size: 36px; font-weight: bold; color: #000; line-height: 1.3; letter-spacing: -0.13em; }
.join-component .subjects p { margin: 10px 0; font-size: 20px; font-weight: 300; color: #9a9ba1; letter-spacing: -0.05em; }
.join-component .fields .col { position: relative; }
.join-component .fields .col::after { content: '-'; display: block; position: absolute; top: 0; right: 0; font-weight: 500; font-size: 24px; color: #000; transform: translate(0%, 0%); width: 20px; height: 47px; line-height: 47px; text-align: center; }
.join-component .fields .col:last-of-type::after { display: none; }
.join-component .fields .text { width: calc(100% - 20px); height: 47px; line-height: 47px; font-size: 24px; font-weight: 300; color: #000; text-indent: 17px; border: solid 1px #f1f1f2; background-color: #f1f1f2; border-radius: 8px; }
.join-component .fields .text:focus { border-color: #000; }
.join-component .fields .text::placeholder { color: #bbb; }
.join-component .fields .nth-1 .text { text-indent: 23px; }
.join-component .agrees { margin-top: 9px; }
.join-component .agrees .col { padding: 3px 0; }
.join-component .agrees .more { text-align: right; }
.join-component .agrees .more a { margin-right: 20px; }
.join-component .agrees .nth-2 .more { margin-top: 8px; }
.join-component .agrees label { display: inline-block; height: 25px; line-height: 25px; font-size: 15px; font-weight: 300; color: #4a4c58; cursor: pointer; }
.join-component .agrees input:focus + label { color: #000; }
.join-component .agrees label strong { font-weight: 300; color: #ed174d; }
.join-component .agrees label strong,
.join-component .agrees label span { margin-right: 5px; }
.join-component .agrees a { display: inline-block; position: relative; text-indent: 0; font-size: 14px; font-weight: 400; color: #9a9ba1; min-width: 98px; height: 24px; line-height: 23px; box-sizing: content-box; border: solid 1px #9a9ba1; border-radius: 24px; background-color: #fff; }
.join-component .agrees a { letter-spacing: -0.1em; text-align: center; vertical-align: middle; cursor: pointer; }
.join-component .agrees a:focus { border-color: #000; color: #000; }
.join-component .action { margin-top: 24px; text-align: center; }
.join-component .action a { display: inline-block; position: relative; text-indent: 0; font-size: 20px; font-weight: 500; color: #fff; min-width: 280px; height: 65px; line-height: 63px; border-radius: 64px; text-align: center; background-color: #4a4c58; border: 0; letter-spacing: -0.1em; box-shadow: 0px 3px 3px rgba(30, 30, 30, .2); }
.join-component .action a:hover { background-color: #ed174d; transition: background-color .2s ease-in-out 0s; }
.join-component input[type="checkbox"] + label { text-indent: 30px; user-select: none; }
.join-component input[type="checkbox"] + label::before { margin: -12px 0 0 0; width: 24px; height: 24px; background: url('/event/images/tps_20240103_check.png') center center no-repeat; background-size: 100% 100%; }
.join-component input[type="checkbox"]:checked + label::before { background: url('/event/images/tps_20240103_check_in.png') center center no-repeat; }
.join-component label::before { transition: all .1s ease-in-out 0s; }
.join-component label::after { display: block; content: ''; background-image: url('/event/images/tps_20240103_check_sub_in.png'); position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.join-component .sub-checkboxes { padding-left: 25px; }
.join-component .sub-checkboxes input[type="checkbox"] + label { text-indent: 24px; }
.join-component .sub-checkboxes label+input[type=checkbox]+label { margin-left: 13px; } 
.join-component .sub-checkboxes input[type="checkbox"] + label::before { background-image: url('/event/images/tps_20240103_check_sub.png'); }
.join-component .sub-checkboxes input[type="checkbox"]:checked + label::before { background-image: url('/event/images/tps_20240103_check_sub_in.png'); }
.join-component .sub-checkboxes label::after { background-image: url('/event/images/tps_20240103_check_sub_in.png'); }

/* 20200921 ripple effect */
a.gaip-ripple { z-index: 3; text-indent: 0; font-size: 0; }
.event__iframe__wrap a.gaip-ripple { z-index: 3; text-indent: 0 !important; font-size: 0; }
.gaip-ripple span {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  border: 0;
  outline: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
 clip-path: inset(50%);
}
.gaip-ripple i {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gaip-ripple i em {
  content: '';
  display: block;
  visibility: visible;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-top: 100%;
  background-color: #ffffff;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0.12;
  user-select: none;
  transition: visibilty 500ms linear 0s, z-index 500ms linear 0s, transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s;
}
.gaip-ripple.is-anim i::before,
.gaip-ripple.is-anim i::after,
.gaip-ripple.is-anim i em {
  transform: translate(-50%, -50%) scale(2);
  visibility: hidden;
  z-index: 4;
  opacity: 0;
  transition: visibility 0s linear 500ms, z-index 0s linear 500ms, transform 500ms cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 500ms cubic-bezier(0.5, 1, 0.89, 1) 0s;
}

/* 이벤트 유의사항 */
.bbs-view-body .list .li-title { padding-left: 0; }
.bbs-view-body .list .li-title::before { display: none; }
.bbs-view-body .list .li-title h5 {
    margin: 25px 0 10px 0;
    color: #000;
    font-size: 18px;
}

/* 진행중인 이벤트 */ 
.event-list {margin:-28px 0 0 -28px;}
.event-list:after {display:block; clear:both; content:'';}
.event-list li {float:left; margin:28px 0 0 28px;}
.event-list li .item {display:block; position:relative;border: 1px solid rgba(0,0,0,0.1); width:368px;height: 302px; border-radius:3px; padding:40px 35px;}
.event-list li a.item:hover, .event-list li a.item:focus {box-shadow:5px 5px 20px rgba(0,0,0,.1);}
.event-list li .fin {position:absolute; left:-1px; top:-1px; right:-1px; height:313px; background-color:rgba(0,0,0,0.3); z-index:100;}
.event-list li .fin span {display:block; width:60px; height:60px; margin:20px; border-radius:30px; color:#fff; line-height:60px; text-align:center; background-color:#000;}
.event-list li .tmb {position:relative; display:block; width:368px;height: 175px; margin:-41px -36px 20px; border-radius:3px 3px 0 0; overflow:hidden;}
.event-list.helloLounge li .item {display:block; position:relative;border: 1px solid rgba(0,0,0,0.1); width:368px;height: 440px; border-radius:3px; padding:40px 35px;}
.event-list.helloLounge li .tmb {position:relative; display:block; width:368px;height: 313px; margin:-41px -36px 20px; border-radius:3px 3px 0 0; overflow:hidden;}
.event-list li .tmb:after {display:block; content:''; position:absolute; bottom:0; left:0; right:0; top:0; border-radius:3px 3px 0 0; border:1px solid rgba(0,0,0,0.05);}
.event-list li .tmb img {width:100%; height:100%;}
.event-list li .subject {display:table-cell; position:relative; width:1%; height:56px; font-size:20px; line-height:26px; vertical-align:top;}
.event-list li .subject strong {display:inline-block; max-height:56px; text-overflow:ellipsis; overflow:hidden;}
.event-list li .subject strong {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.event-list li .period {margin-top:5px; font-size:14px; color:#767676;display: inline-block;}
.event-list li.type-link .subject {padding-right:30px;}
.event-list li.type-link .subject:after {display:block; content:''; position:absolute; right:0; top:13px; width:24px; height:23px; background-image:url(../images/common/ico-link.png);}
.event-list li .going span {position:absolute; z-index: 100; display:block; top: 0; left: 0; width:60px; height:60px; margin:20px; border-radius:30px; color:#fff; line-height:60px; text-align:center; background-color:#ed174d;}


/* 전체 이벤트 */
.event-list.all{margin: 0;}
.event-list.all li{margin: 0 28px 55px 0;}
.event-list.all li:nth-child(3n){margin-right:0;}
.event-list.all li .item {width: 368px;height: 360px;border-radius: unset;padding: 0;border: 0 none;}
.event-list.all li .tmb{overflow: visible;margin: 0;height: auto;}
.event-list.all li .tmb span{display: inline-block; width: 368px; border-radius: 12px; height: 239px; overflow: hidden;}
.event-list.all li .tmb img {width: 368px; border-radius: 12px; height: 239px; object-fit: cover; transition: all 0.6s ease; }
.event-list.all li .tmb:after{display:none;}
.event-list.all li .tmb + p{margin-left: 8px; margin-top: 26px; font-weight: 500; font-size: 20px; line-height: 30px; height: 60px; letter-spacing: -0.6px; color: #000000;}
.event-list.all li .tmb + p span strong{font-weight: 700;}
.event-list.all li .tmb span + strong{position: absolute; z-index: 20; bottom: 0; left: 8px; display: inline-flex; align-items: center; justify-content: center; width: 94px; height: 38px; background: #282a35; border-radius: 80px; }
.event-list.all li .tmb span + strong{font-weight: 500; font-size: 14px; line-height: 24px; text-align: center; letter-spacing: -0.6px; color: #ffffff; -webkit-transform: translateY(50%); transform: translateY(50%); }

.event-list.all li .tmb img:hover { transform: scale(1.05); } 
.event-list.all li a.item:hover, .event-list.all li a.item:focus {box-shadow:none;}
.event-list.all li .period{margin-left: 8px}
.event-list.all li a.item:hover p,
.event-list.all li a.item:hover span{color: #ed174d;}



/* 이벤트 상세 */
.sns-share {margin:10px 0 80px; text-align:center; padding:60px;}
.sns-share .msg {font-size:24px;}
.sns-share .btn-group {position:relative; margin-top:25px;}
.sns-share .btn-group .ico+.ico {margin-left:6px;}
.sns-share .layer-tooltip {left:371px; top: 57px; width:394px;}
.sns-share  .layer-tooltip .ico-close { width: 14px; height: 14px; top: 0; right: 0; margin: 8px 8px 0 0; }

#copy-url .input {max-width:232px; text-align:left; background-color:#fff;}
.relation-tag.relation-tag-event {position:relative; height:80px; padding:25px; background-color:#f8f8f8; overflow:hidden;}
.bbs-view-head+.relation-tag-event {margin-top:-1px;}
.relation-tag.relation-tag-event dt {right:30px; top:30px; width:21px; height:21px;}
.relation-tag.relation-tag-event dt .ico {background-image:url(../images/common/ico-plus.png);}
.relation-tag.relation-tag-event.opened dt .ico {background-image:url(../images/common/ico-minus.png);}
.relation-tag.relation-tag-event .tag-list {margin:-5px; overflow:hidden;}
.relation-tag.relation-tag-event .tag-list li {float:left; margin:5px;}
.relation-tag.relation-tag-event .tag-list a {display:block; padding:0 10px; border:1px solid #e0e0e0; border-radius:2px; color:#767676; font-size:12px; line-height:28px; background-color:#fff;}
.relation-tag.relation-tag-event .tag-list a:hover, 
.relation-tag.relation-tag-event .tag-list a:focus {color:#ed174d;}
.relation-tag.relation-tag-event .tag-list li span, .relation-tag.relation-tag-event .tag-list li a {display:block; padding:0 10px; border:1px solid #e0e0e0; color:#767676; font-size:12px; line-height:30px; background-color:#fff;}
.relation-tag.relation-tag-event .tag-list li span:before, .relation-tag.relation-tag-event .tag-list li a:before {content:'#';}
.relation-tag.relation-tag-event.overflow .tag-list {height:40px; padding-right:35px;}

/* 퀴즈형/설문조사형 */
.event-poll {margin-bottom:80px; padding:10px 40px 50px 40px; font-size:18px; background-color:#f9fafb;}
.event-poll-header {padding:20px 0 35px; border-bottom:1px solid #000; font-weight:500;}
.event-poll-body dt {position:relative; margin-top:50px; padding-left:26px; font-weight:300;}
.event-poll-body dt .ico-question {position:absolute; left:0; top:6px;}
.event-poll-body dd {margin-top:25px;}
.event-poll-body .type-choice {padding:0 25px;}
.event-poll-body .type-choice li+li {margin-top:6px;}
.event-poll-body .type-essay {position:relative;}
.event-poll-body .type-essay textarea {font-size:16px; height:84px;}
.event-poll-body .type-essay .limit {position:absolute; right:15px; bottom:13px; font-size:14px;}
.event-poll-body .type-choice input+label {padding-left:25px; text-indent:0;}
.event-poll-body .type-choice input+label:before {top:5px; left:0; margin-top:0;}

/* 출석체크형 */
.event-attendance {margin-bottom:80px; padding:70px 40px 50px; background-color:#f9fafb; overflow:hidden;}
.event-attendance .msg {font-weight:500; font-size:32px; text-align:center;}
.event-attendance .benefit {margin:30px 0; text-align:center;}
.event-attendance .benefit li {display:inline-block; width:198px; vertical-align:top;}
.event-attendance .benefit .ico-gift {display:inline-block; width:94px; height:94px; padding:5px; font-weight:500; font-size:20px; border:4px solid #000; border-radius:47px;}
.event-attendance .benefit .ico-gift span {display:inline-block; position:relative; width:76px; height:76px; padding-top:35px; border-radius:38px;}
.event-attendance .benefit .ico-gift span:before {display:block; position:absolute; top:19px; left:0; right:0; content:'★ ★ ★'; font-size:8px; word-spacing:3px;}
.event-attendance .benefit .ico-gift1 span {color:#9e7b5c; background-color:#f1e3d4;}
.event-attendance .benefit .ico-gift2 span {color:#16899d; background-color:#c3eaf1;}
.event-attendance .benefit .ico-gift3 span {color:#071c45; background-color:#dae4f7;}
.event-attendance .benefit .ico-gift4 span {color:#95299f; background-color:#f0daf2;}
.event-attendance .benefit .ico-gift5 span {color:#ed174d; background-color:#dbd6f0;}
.event-attendance .benefit p {margin-top:10px;}
.event-attendance .benefit p span {display:block; margin-top:4px; line-height:20px;}
.event-attendance .btn-group {margin-top:30px;}
.attendance-list {position:relative; margin:80px -40px 0; padding:80px 40px 0; background:url(../images/content/bg-pattern-dash.png) repeat-x;}
.attendance-list:before, .attendance-list:after {display:block; content:''; position:absolute; top:-25px; width:50px; height:50px; border-radius:25px; background-color:#fff;}
.attendance-list:before {left:-25px;}
.attendance-list:after {right:-25px;}
.attendance-list li {position:relative; float:left; width:110px; height:110px; margin:22px; color:#d2d2d2; font-weight:500; font-size:36px; line-height:110px; text-align:center; background:url(../images/content/bg-attendance-date.png) no-repeat;}
.attendance-list li:first-child {font-size:20px; letter-spacing:0;}
.attendance-list li span {position:absolute; left:0; top:0; right:0; bottom:0;}
.attendance-list .ico-stamp-gift {padding-top:50px; font-size:20px; line-height:1.6; color:#ed174d; background:url(../images/content/bg-attendance-gift.png);}
.attendance-list .ico-stamp-attendance {margin:-2px; width:115px; height:115px; padding-top:50px; color:#fff; font-size:20px; line-height:1.6; background:url(../images/content/bg-attendance-stamp.png);}

/* 제휴카드 할인 */
.associated-card {position:relative; min-height:332px; margin-bottom:55px; padding:0 0 55px 435px; border-bottom:1px solid #d8d8d8; }
.associated-card .title1 {margin-bottom:15px;}
.associated-card .label-company:after {display:inline-block; content:''; width:1px; height:17px; margin:-2px 10px 0 15px; vertical-align:middle; background-color:#d8d8d8;}
.associated-card .slogan {margin-bottom:30px; font-size:18px;}
.associated-card .card-apply {position:absolute; top:0; left:0;}
.associated-card .card-apply .tmb {width:330px; height:207px;}
.associated-card .card-apply .btn-group {margin-top:20px;}
.associated-card .detail {line-height:26px; overflow:hidden;}
.associated-card .detail dt, .associated-card .detail dd {float:left; margin-bottom:10px;}
.associated-card .detail dt {clear:both; width:130px;}
.associated-card .detail dd {width:calc(100% - 130px);}

/* 제휴카드 할인 안내 */
.section-discount-card-guide { clear: both; margin: 0 0 55px; line-height: 1.4; border-bottom: solid 1px #d8d8d8; }
.section-discount-card-guide .frame { padding-bottom: 26px; background-color: #f9f9f9; border: solid 1px #e8e8e8; border-radius: 5px; overflow: hidden; }
.section-discount-card-guide .wrap { margin: 0  76px; padding: 55px 0 0; }
.section-discount-card-guide .subject { margin: 0 0 32px; font-size: 26px; font-weight: 500; letter-spacing: -0.8px; }
.section-discount-card-guide .list li { position: relative; margin: 32px 0 25px; padding: 0 0 0 42px; font-size: 18px; }
.section-discount-card-guide .list li::before { content: '1'; display: inline-block; position: absolute; top: 0; left: 0; width: 26px; height: 26px; line-height: 24px; font-size: 14px; background: #000; color: #fff; font-weight: 500; text-align: center; overflow: hidden; border-radius: 100%; }
.section-discount-card-guide .list li.nth-2::before { content: '2'; }
.section-discount-card-guide .list strong { font-weight: 500; }
.section-discount-card-guide .list p.small { margin: 5px 0; font-size: 16px; font-weight: 300; color: #000; }
.section-discount-card-guide .notice { margin: 25px 0 0 7px; color: #767676; color: #333; }
.section-discount-card-guide .notice::before { opacity: .46; }
.section-discount-card-guide .btn-group { margin-top: 40px; padding-bottom: 55px; }

/* add 20190308 */
.blind {position:absolute; top:-99999px; left:-99999px; width:1px; height:1px;}
.event__iframe__wrap {position:relative; max-width:1120px;}
.event__iframe__wrap.hidden { display: none; }
.event__iframe__wrap .img_wrap {position:relative;}
.event__iframe__wrap a {position:absolute; display:block; text-indent:-99999px;}
.event__iframe__wrap .button { position: absolute; display: block; overflow: hidden; word-break: keep-all; text-indent: -200%; border: 0; border-radius: 0; outline: 0; background-color: transparent; }
.event__iframe__wrap a.pos-relative { position: relative; text-indent: 0; }
.event__iframe__wrap .toggle { display: none; }
.event__iframe__wrap .toggle.in { display: block; }

.ver-20200702 .floating-score { display: block; position: absolute; line-height: 1; text-indent: 0; }
.ver-20200702 .floating-score .module { margin: 70px 0 0; padding: 0; text-align: center; color: #fff; letter-spacing: -2px; }
.ver-20200702 .floating-score .module strong,
.ver-20200702 .floating-score .module input[type="text"] { font-weight: 300; font-size: 90px; }
.ver-20200702 .floating-score .module span { font-size: 73px; }
.ver-20200702 .floating-score .module input[type="text"] { margin: 0; padding: 0; width: 60px; border: 0; border-radius: 0; background-color: transparent; text-align: right; }
.ver-20200702 .floating-score .form-el { display: inline-block; vertical-align: bottom; height: 88px; line-height: 88px; cursor: default; }
.ver-20200702 .floating-score small.form-el { font-size: 16px; letter-spacing: 0; line-height: 66px; height: 66px; }
.ver-20200702 a.floating-score,
.ver-20200702 a.floating-score .form-el { cursor: pointer; }
.ver-20200702 .layer-copy-url { top: 70%; left: 62%; right: 3%; }
.ver-20200702 .layer-copy-url .ico-close { background-image: url(/front/web/images/common/ico-close-white-big.png); }

/* popup share */
.popup-share .popup-body { padding-top: 0; }
.popup-share .frame { padding-bottom: 50px; background-color: #f9f9f9; }
.popup-share .sub-title { margin: 0; padding: 55px 0; font-size: 26px; font-weight: 400; }
.popup-share .fields { margin: 0 25px 40px; }
.popup-share .text { box-sizing: border-box; width: 100%; }
.popup-share .table-upper { margin: 52px auto 0; }
.popup-share .table-upper .col { float: left; width: 50%; font-size: 16px; letter-spacing: -0.7px; }
.popup-share .table-upper .col-a { font-size: 18px; }
.popup-share .lists { padding-bottom: 90px; border-bottom: solid 1px #000; }
.popup-share .table { border-top: solid 1px #000; border-bottom: 0; }
.popup-share .table th,
.popup-share .table td { padding: 10px 5px 10px 15px; border: 0; line-height: 1.4; vertical-align: top; word-break: break-all; }
.popup-share .table tr:nth-of-type(1) th,
.popup-share .table tr:nth-of-type(1) td { padding-top: 40px; }
.popup-share .table tr td.is-empty { padding: 40px 0; }
.popup-share .table th,
.popup-share .table td { height: auto; }
.popup-share .pagination { margin-top: 0; padding: 37px 0 10px; }

/* nouislider */
.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{height:10%;width:10%;will-change:transform;position:absolute;z-index:1;top:0;right:0;-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:flat;transform-style:flat}.noUi-target{display:block;position:relative;margin:0 auto;padding:0;width:100%;outline:none;font-size:0;cursor:pointer}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target:before{content:'';display:block;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:0;right:0}.noUi-target.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%;background-position:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;cursor:pointer}.noUi-touch-area{position:relative;height:100%;width:100%}.noUi-touch-area:after,.noUi-touch-area:before{display:block;content:'';position:absolute;top:50%;left:50%;border-radius:100%;-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;-o-transition-property:transform, opacity;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-o-transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.event-range-slider .range-slider{position:relative;z-index:1;margin:0 auto;line-height:1;text-align:center}.event-range-slider .range-slider p{margin:0;padding:0;line-height:1.3;letter-spacing:-1.5px}.event-range-slider .range-slider a{color:#000}.event-range-slider .range-slider .description .item{position:absolute;top:0;line-height:1.4;text-align:center}.event-range-slider .range-slider .description .item.side-left{left:0;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.event-range-slider .range-slider .description .item.side-center{left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.event-range-slider .range-slider .description .item.side-right{right:0;-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0)}.event-range-slider .range-slider .description a{position:relative;text-indent:0;display:inline-block;background-color:transparent;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.event-range-slider .range-slider .description a:before{content:'';display:block;position:absolute;top:0;left:50%;background-size:100% 100%;background-position:center center}.event-range-slider .place-holder img{display:none}.event-range-slider .range-results{position:relative}.event-range-slider .range-results .item{display:none}.event-range-slider .range-results .item.in{display:block}.event-range-slider.is-anim-mask .place-holder img{display:block;visibility:hidden}.event-range-slider.is-anim-mask #results .item{display:block;position:absolute;top:0;left:0;right:0;z-index:1}.event-range-slider.is-anim-mask #results .item.in{z-index:2}.event-range-slider.is-anim-mask #results .inner{position:relative;overflow:hidden;visibility:hidden;opacity:0;-webkit-transform:translate(0, 0) scale(1);-ms-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}.event-range-slider.is-anim-mask #results .inner:after{content:'';display:block;visibility:visible;overflow:hidden;position:absolute;z-index:3;top:50%;left:50%;width:100%;padding-top:100%;background-color:#ffffff;border-radius:100%;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.12;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:visibilty 1s linear 0s, z-index 1s linear 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibilty 1s linear 0s, z-index 1s linear 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s;-o-transition:visibilty 1s linear 0s, z-index 1s linear 0s, transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibilty 1s linear 0s, z-index 1s linear 0s, transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibilty 1s linear 0s, z-index 1s linear 0s, transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 0s cubic-bezier(0.5, 1, 0.89, 1) 0s}.event-range-slider.is-anim-mask #results .item.in .inner{visibility:visible;opacity:1;-webkit-transform:translate(0, 0) scale(1);-ms-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}.event-range-slider.is-anim-mask #results .item.in .inner a{z-index:5}.event-range-slider.is-anim-mask #results .item.anim-mask .inner:after{-webkit-transform:translate(-50%, -50%) scale(2);-ms-transform:translate(-50%, -50%) scale(2);transform:translate(-50%, -50%) scale(2);visibility:hidden;z-index:4;opacity:0;-webkit-transition:visibility 0s linear 1s, z-index 0s linear 1s, opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibility 0s linear 1s, z-index 0s linear 1s, opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s;-o-transition:visibility 0s linear 1s, z-index 0s linear 1s, transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibility 0s linear 1s, z-index 0s linear 1s, transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0s;transition:visibility 0s linear 1s, z-index 0s linear 1s, transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, opacity 1s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1) 0s}

.event-0805 .noUi-handle{width:58px;height:58px;right:-29px}.event-0805 .noUi-target{height:58px}.event-0805 .noUi-target:before{transition:all 0.3s ease-in-out 0s;height:10px;margin-top:-5px;border-radius:5px;background-image:linear-gradient(to right, #3874e2, #295fc1)}.event-0805 .range-slider .description .item{margin-top:58px}.event-0805 .range-slider .description p{font-size:25px}.event-0805 .range-slider .description p.summary{padding-top:8px;font-size:23px;font-weight:600}.event-0805 .range-slider .description a:before{width:58px;height:58px;margin-top:-58px;margin-left:-29px}.event-0805 a:hover p{text-shadow:0px 0px 3px rgba(57, 114, 218, 0.3)}.event-0805 .range-slider.nth-child-2 a:hover p{text-shadow:0px 0px 3px rgba(41, 178, 73, 0.3)}.event-0805 .range-slider.nth-child-2 .noUi-touch-area:before{background-color:#29b249}.event-0805 .range-slider.nth-child-2 .noUi-target:before{background-image:linear-gradient(to right, #29b249, #218c3a)}.event-0805 .noUi-touch-area:after,.event-0805 .noUi-touch-area:before{width:23px;height:23px;transition-duration:0.2s}.event-0805 .noUi-touch-area:before{background-color:#3874e2;transform:translate(-50%, -50%) scale(0.8);opacity:0.5}.event-0805 .noUi-touch-area:after{background-color:#ed174d}.event-0805 .noUi-active .noUi-touch-area:before,.event-0805 .noUi-target.in .noUi-touch-area:before{opacity:0.08;transform:translate(-50%, -50%) scale(5)}.event-0805 .noUi-active .noUi-touch-area:after,.event-0805 .noUi-target.in .noUi-touch-area:after{transform:translate(-50%, -50%) scale(0.8)}.event-0805 .noUi-active .noUi-touch-area:after,.event-0805 .noUi-active .noUi-touch-area:before,.event-0805 .noUi-target.in .noUi-touch-area:after,.event-0805 .noUi-target.in .noUi-touch-area:before{transition-duration:0.2s}.event-0805 .module{min-height:206px;text-align:center}.event-0805 .range-slider{margin:62px 140px}.event-0805 .inner{background-color:#3874e2}.event-0805 .bg-full{background-position:center bottom;background-size:100% auto;background-repeat:repeat-y}.event-0805 #results{overflow:hidden;background-color:#3874e2}.event-0805.is-result #pleaseSubmit{display:none}.event-0805.is-result #results{display:block}.event-0805.is-slide-down .range-results{opacity:0;transform:translate(0, -3%)}.event-0805.is-slide-down.is-result-done .range-results{opacity:1;transform:translate(0, 0);transition:all 0.6s cubic-bezier(0.5, 1, 0.89, 1) 0s}.event-0805.is-anim-mask #results .inner{transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0s, transform 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0s}.event-0805.is-anim-mask #results .item.in .inner{transition:visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0s, transform 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0s}.event-0805.is-hide-cta-done.is-result #submit a,.event-0805.is-hide-cta-done.is-result #submit img{visibility:hidden;opacity:0;transition:opacity 0s cubic-bezier(0.5, 1, 0.89, 1) 0s, visibility 0s linear 0s}.event-0805.is-hide-cta-done.is-result #submit{min-height:16px;height:16px}.event-0805.is-mobile .module{min-height:114px}.event-0805.is-mobile .range-slider{margin:30px 57px}.event-0805 .background{background-image:url('./images/tps_20200805_02.jpg')}.event-0805 #submit{background-image:url('./images/tps_20200805_07.jpg')}.event-0805 .range-slider .description a:before{background-image:url('./images/tps_20200805_dot_01.png')}.event-0805 .noUi-handle{background-image:url('./images/tps_20200805_dot_02.png')}.event-0805 .range-slider.nth-child-2 .description a:before{background-image:url('./images/tps_20200805_dot_03.png')}.event-0805 .range-slider.nth-child-2 .noUi-handle{background-image:url('./images/tps_20200805_dot_04.png')}#content .event-0805 .background{background-image:url('/event/images/tps_20200805_02.jpg')}#content .event-0805 #submit{background-image:url('/event/images/tps_20200805_07.jpg')}#content .event-0805 .range-slider .description a:before{background-image:url('/event/images/tps_20200805_dot_01.png')}#content .event-0805 .noUi-handle{background-image:url('/event/images/tps_20200805_dot_02.png')}#content .event-0805 .range-slider.nth-child-2 .description a:before{background-image:url('/event/images/tps_20200805_dot_03.png')}#content .event-0805 .range-slider.nth-child-2 .noUi-handle{background-image:url('/event/images/tps_20200805_dot_04.png')}
.event-0805.is-padder .module { position: relative; min-height: 152px; }
.event-0805.is-padder .module .subject { float: left; width: 25%; }
.event-0805.is-padder .module .range-slider { float: right; margin: 0 124px 0 0; width: 53.6%; }

.event-0810 .overflow-visible { overflow: visible; }
.event-0810 .popup-share-my-url { min-height: auto; line-height: 1; }
.event-0810 .popup-share-my-url .popup-outer { position: absolute; z-index: 2; top: 0; left: 0; right: 0; text-align: center; }
.event-0810 .popup-share-my-url { display: none; }
.event-0810 .popup-share-my-url.show { display: block; }
.event-0810 .popup-share-my-url .is-fade.in { visibility: visible; z-index: 3; opacity: 0; }
.event-0810 .popup-share-my-url .popup-inner { position: relative; margin: 193px auto 0; padding-bottom: 50px; max-width: 700px; background-color: #fff; line-height: 1.4; }
.event-0810 .popup-share-my-url.is-shadow .popup-inner { box-shadow: 3px 5px 5px rgba(0,0,0,.3); }
.event-0810 .popup-share-my-url .popup-title { font-size: 28px; color: #000; border-bottom: 0; }
.event-0810 .popup-share-my-url .popup-body { padding-top: 16px; }
.event-0810 .popup-share-my-url .fields .grid { margin: 0 70px; }
.event-0810 .popup-share-my-url .fields .field { width: calc(100% - 110px); }
.event-0810 .popup-share-my-url .fields .action { width: 110px; }
.event-0810 .popup-share-my-url .fields .text.is-full { box-sizing: border-box; width: 100%; }
.event-0810 .popup-share-my-url .fields .btn { float: right; width: 100px; }
.event-0810 .popup-share-my-url .shares { text-align: center; }
.event-0810 .popup-share-my-url .shares .sub-title { margin: 50px auto 0; padding: 0; font-size: 18px; color: #000; }
.event-0810 .popup-share-my-url .shares .grid { margin: 27px auto 0; max-width: 350px; }


.radio-group input[type=checkbox], .radio-group input[type=radio] { display: none; position: relative; z-index: -1; } /* 스크롤 방지 */
.event__iframe__wrap .js-gaip-label-group { display: block; text-indent: -99999px; position: absolute; margin: 0; padding: 0; font-size: 0; overflow: hidden; cursor: pointer; }

.event-0902 input[type=radio]+label:before,
.event-0902 input[type=radio]+label:after { display: block; content: ""; position: absolute; top: auto; margin-left: -30px; width: 60px; height: 56px; bottom: 23px; left: 50%; background-size: auto 100%; background-position: left center; }
.event-0902 input[type=radio]+label:after { opacity: 0; width: 0; transition: 100ms ease-in-out 0s; }
.event-0902 input[type=radio]:checked+label:after { opacity: 1; width: 60px; transition: all 400ms ease-in-out 0s; }
.event-0902 input[type=radio]+label:before { background-image: url('/event/images/tps_20200902_radio_off.png'); }
.event-0902 input[type=radio]+label:after { background-image: url('/event/images/tps_20200902_radio_on.png'); }

.event-1005 input[type=radio]+label { box-sizing: border-box; border: solid 8px rgba(0, 175, 138, 0); box-shadow: 10px 10px 15px rgba(0,0,0,0); transition: all .2s ease-in-out 0s; }
.event-1005 input[type=radio]:checked+label { border-color: rgba(0, 175, 138, 1); box-shadow: 10px 10px 15px rgba(0,0,0,.35); }
.event-1005 input[type=radio]+label { line-height: 1; }
.event-1005 input[type=radio]+label:before,
.event-1005 input[type=radio]+label:after { display: inline-block; content: ""; position: absolute; margin: 0; background-size: 100% 100%; background-position: center center; vertical-align: middle; }
.event-1005 input[type=radio]+label:before,
.event-1005 input[type=radio]+label:after { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; }
.event-1005 input[type=radio]:checked+label:after { background: transparent; }

#copy-url-ev.on {position:absolute; left:50%; bottom:752px; margin-left:-38px; width:380px; z-index:9}
#copy-url-ev>.ico.ico-close.on {position:absolute; top:5px; right:-27px; width:20px; height:20px}
.blinkText {
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}
@-moz-keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}
@keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}
.blinkText_btn:after {opacity: 1; transition:400ms ease-in-out 0s ; transform:rotate(0deg); display: inline-block; width: 42px; height: 42px; content: "";color:#ffed1f; background-image: url('/event/images/tps_20201203_plus.png');
 position: absolute; right:6%; top:37%; margin: 0; background-size: 100% 100%; background-position: center center; vertical-align: middle;}
.blinkText_btn.on:after {opacity: 1; transition:400ms ease-in-out 0s ;  transform:rotate(180deg); display: inline-block; width: 42px; height: 42px; content: "";color:#ffed1f; background-image: url('/event/images/tps_20201203_minus.png'); 
position: absolute; right:6%; top:37%; margin: 0; background-size: 100% 100%; background-position: center center; vertical-align: middle;}

.event-20210111 .location-search .section-title {margin-left:64px;}
.event-20210111 .location-search .input-area {margin-right:90px;}
.event-20210111 .hell_pop_wrap_y , .event-20210111 .hell_pop_wrap_n {position:absolute; left:0; top:2050px; width:1160px; z-index:2001;}

.event-0218 .button-nth-1 { box-sizing: border-box; border-radius: 80px; overflow: hidden; background-image: url('/event/images/tps_20210218_05.png'); background-position: center center; background-size: 380px 80px; }
.event-0218 .button-nth-1:link, .event-0218 .button-nth-1:visited { background-color: #4017bf; }
.event-0218 .button-nth-1:hover, .event-0218 .button-nth-1:active { background-color: #28078d; }

.event-0324 input[type=radio]+label { box-sizing: border-box; box-shadow: 10px 10px 15px rgba(0,0,0,0); transition: all .2s ease-in-out 0s; }
.event-0324 input[type=radio]:checked+label { box-shadow: 8px 12px 12px rgba(0,0,0,.3); }
.event-0324 input[type=radio]+label { line-height: 1; }
.event-0324 input[type=radio]+label:before,
.event-0324 input[type=radio]+label:after { display: inline-block; content: ""; position: absolute; margin: 0; background-size: 100% 100%; background-position: center center; vertical-align: middle; }
.event-0324 input[type=radio]+label:before,
.event-0324 input[type=radio]+label:after { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: opacity .2s ease-in-out 0s; }
.event-0324 input[type=radio]+label.nth-1:before { background-image: url('/event/images/tps_20210324_05.png'); }
.event-0324 input[type=radio]+label.nth-2:before { background-image: url('/event/images/tps_20210324_06.png'); }
.event-0324 input[type=radio]+label.nth-3:before { background-image: url('/event/images/tps_20210324_07.png'); }
.event-0324 input[type=radio]+label.nth-1:after { background-image: url('/event/images/tps_20210324_08.png'); }
.event-0324 input[type=radio]+label.nth-2:after { background-image: url('/event/images/tps_20210324_09.png'); }
.event-0324 input[type=radio]+label.nth-3:after { background-image: url('/event/images/tps_20210324_10.png'); }
.event-0324 input[type=radio]+label:after { opacity: 0; }
.event-0324 input[type=radio]:checked+label:after { opacity: 1; }

.event-0430 input[type=radio]+label { box-sizing: border-box; box-shadow: 10px 10px 15px rgba(0,0,0,0); transition: all .2s ease-in-out 0s; }
.event-0430 input[type=radio]:checked+label { box-shadow: 8px 12px 12px rgba(0,0,0,.3); }
.event-0430 input[type=radio]+label { line-height: 1; }
.event-0430 input[type=radio]+label:before,
.event-0430 input[type=radio]+label:after { display: inline-block; content: ""; position: absolute; margin: 0; background-size: 100% 100%; background-position: center center; vertical-align: middle; }
.event-0430 input[type=radio]+label:before,
.event-0430 input[type=radio]+label:after { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: opacity .2s ease-in-out 0s; }
.event-0430 input[type=radio]+label.nth-1:before { background-image: url('/event/images/tps_20210430_02_01.png'); }
.event-0430 input[type=radio]+label.nth-2:before { background-image: url('/event/images/tps_20210430_02_02.png'); }
.event-0430 input[type=radio]+label.nth-3:before { background-image: url('/event/images/tps_20210430_02_03.png'); }
.event-0430 input[type=radio]+label.nth-1:after { background-image: url('/event/images/tps_20210430_02_01_on.png'); }
.event-0430 input[type=radio]+label.nth-2:after { background-image: url('/event/images/tps_20210430_02_02_on.png'); }
.event-0430 input[type=radio]+label.nth-3:after { background-image: url('/event/images/tps_20210430_02_03_on.png'); }
.event-0430 input[type=radio]+label:after { opacity: 0; }
.event-0430 input[type=radio]:checked+label:after { opacity: 1; }

/*신규프로그램 런칭 이벤트*/
.bbs-view-body img {vertical-align: top;}
.layer-popup.ver-20210112.shadow .popup-inner {width:530px; background: #302c97 url(/event/images/tps_20210602_pop.png) no-repeat left top; padding: 240px 30px 20px;}
.shadow-list {margin: 50px 0 0 165px;}
.shadow-list>li {margin-bottom: 80px;}
.shadow-list>li:last-child {margin-bottom: 0;}
.shadow-list>li>input {width:290px; height:53px; border:2px solid #302c97;}
.btn-shadow {font-size: 18px; font-weight: 500; box-shadow: 2px 2px 0px 0px rgb(30 248 148); background-color: #ed174d; color: #1ef894; border: 0; height: 50px;
    line-height: 50px;  width: 186px;  padding: 0 30px; border-radius: 25px;}
.btn-shadow:hover, .btn-shadow:focus {font-size: 18px; font-weight: 500; box-shadow: 2px 2px 0px 0px rgb(30 248 148); background-color: #ed174d; color: #1ef894; border: 0; height: 50px;
    line-height: 50px;  width: 186px;  padding: 0 30px; border-radius: 25px;}
.layer-popup.ver-20210112.shadow .btn-group {margin: 30px 0 15px;}

.event-0617 { background-color: #88ffc8; }
.event-0617 input[type=radio] { left: -2px; top: -2px; outline: 0; }
.event-0617 input[type=radio]+label { text-indent: 0; }
.event-0617 input[type=radio]+label:before { display: none; }
.event-0617 .action .submit { left: 30.17%; top: 30.2%; width: 39.66%; height: 36.53%; }
.event-0617 .quetions { padding-bottom: 8px; }
.event-0617 .quetions .module { display: flex; position: relative; margin: 0 55px; }
.event-0617 label.col-1-2 { width: 50%; }
.event-0617 label.col-1-3 { width: 33.33%; }
.event-0617 label { display: flex; align-items: center; justify-content: center; user-select: none; cursor: pointer; text-align: center; word-break: keep-all; }
.event-0617 label {
    margin: 25px 15px 44px;
    padding: 23px 5px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .25);
    transition: background-color 150ms ease-in-out 0s, color 100ms ease-in-out 0s;
}
.event-0617 label+input[type=radio]+label { margin-left: 15px; }
.event-0617 label.col-1-2 { padding: 18px 5px; }
.event-0617 input:checked + label { background-color: rgba(10, 172, 124, 1); color: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, .3); }
.event-0617 label span { display: inline-block; }
.event-0617 label strong { font-size: 30px; font-weight: 400; font-weight: inherit; }
.event-0617 .results { background-color: #ed174d; color: #000; text-align: center; }
.event-0617 .results .module { display: inline-block; position: relative; margin: 0 auto; }
.event-0617 .results .description { position: absolute; box-sizing: content-box; padding-top: 5.5%; top: 6.2%; right: 3.2%; width: 32.2%; height: 71%; font-weight: 300; line-height: 1.44; }
.event-0617 .results .before { font-size: 18px; font-weight: bold; color: #ed174d; }
.event-0617 .results .after { font-size: 50px; }
.event-0617 .results .after strong { margin-left: 10px; font-weight: bold; }
.event-0617 .results .desc { margin: 12px auto 0; max-width: 200px; word-break: keep-all; font-size: 14px; color: #767676; }
.event-0617 .results .action a { top: 71%; left: 10.9%; right: 10.5%; height: 20.5%; }
.event-0617 .results .pic,
.event-0617 .results .description p { opacity: 0; transform: translate(0px, 10px); transition: all .2s cubic-bezier(0.45, 0, 0.55, 1) 0s; }
.event-0617 .results .pic { transform: scale(1) translate(0px, 50px); }
.event-0617 .results .item.anim .pic { opacity: 1; transform: scale(1) translate(0px, 0px); transition: all .5s cubic-bezier(0.45, 0, 0.55, 1) 0s; }
.event-0617 .results .item.anim .description p { opacity: 1; transform: translate(0px, 0px); transition: all .3s cubic-bezier(0.45, 0, 0.55, 1) 250ms; }
.event-0617 .results .item.anim .description p:nth-child(2) { transition-delay: 300ms; }
.event-0617 .results .item.anim .description p:nth-child(3) { transition-delay: 350ms; }

.event-0715 .pos-relative { position: relative; }
.event-0715 .pos-absolute { position: absolute; }
.event-0715 .module { text-align: center; letter-spacing: -0.7px; line-height: 1.44; }
.event-0715 .module { top: 0; left: 0; color: #fff; }
.event-0715 .module p { margin: 0; padding: 0; }
.event-0715 .module .when { font-size: 22px; font-weight: 400; letter-spacing: -1.5px; }
.event-0715 .module .before { position: relative; font-size: 24px; font-weight: 500; overflow: visible; }
.event-0715 .module .before::before { height: 37px; background-size: 300px 37px; }
.event-0715 .module .before::before { background-image: url('/event/images/tps_20210715_08.png'); }
.event-0715 .module .before::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; }
.event-0715 .module .before::before { margin-top: 17px; }
.event-0715 .module .badge { display: table; position: absolute; margin: -83px 14px 0 0; right: 0; width: 90px; height: 90px; background: #000; border-radius: 90px; overflow: hidden; font-size: 18px; color: #fff; line-height: 1.1; cursor: default; user-select: none; }
.event-0715 .module .badge { color: #fdf527; background-color: #d90b3e; background: linear-gradient(45deg, rgba(216,10,62,1) 0%, rgba(225,15,69,1) 100%); }
.event-0715 .module .badge.is-blue { color: #84e9fe; background-color: #4110b8; background: linear-gradient(45deg, rgba(68,2,172,1) 0%, rgba(62,33,201,1) 100%); }
.event-0715 .module .badge span { display: table-cell; vertical-align: middle; }
.event-0715 .module .badge strong { display: block; padding-top: 2px; font-size: 32px; letter-spacing: -2px; }
.event-0715 .module .after { margin-top: 8px; font-size: 42px; font-weight: bold; line-height: 1.2; }
.event-0715 .module .after strong { font-size: 68px; font-weight: bold; letter-spacing: -4px; }
.event-0715 .module .desc { font-size: 14px; letter-spacing: 0; }
.event-0715 .module-a { left: 58.8%; top: 29.46%; width: 300px; }
.event-0715 .module-a .after { color: #4affff; }
.event-0715 .module-wrap-a { top: 77%; left: 0; right: 0; }
.event-0715 .module-b,
.event-0715 .module-c { position: absolute; top: 0; width: 444px; color: #000; }
.event-0715 .module-b { left: 8.62%; right: auto; }
.event-0715 .module-c { right: 8.62%; left: auto; }
.event-0715 .module-b .after,
.event-0715 .module-c .after { margin-top: 12px; color: #653eb6; }
.event-0715 .module-b .before::before { background-image: url('/event/images/tps_20210715_09.png'); }
.event-0715 .module-c .before::before { background-image: url('/event/images/tps_20210715_10.png'); }
.event-0715 .module-wrap-b { top: 60.2%; left: 0; right: 0; }
.event-0715 .module-wrap-b .module-b .after,
.event-0715 .module-wrap-b .module-c .after { color: #d122cd; }

/* 도장깨기 이벤트*/
.bbs-view-body img {vertical-align: top;}
.layer-popup.ver-20210112.dojang {background: url(/event/images/tps_20210721_popbg.png) no-repeat left top; }
.layer-popup.ver-20210112.dojang .popup-inner {width:530px; background: url(/event/images/tps_20210721_pop.png) no-repeat left top; padding: 240px 30px 20px;}
.dojang-list {margin: 50px 0 0 23px;}
.dojang-list>li {margin-bottom:110px;}
.dojang-list>li:last-child {margin-bottom: 0;}
.dojang-list>li>input {width:410px; height:53px; border:2px solid #170508;}
.btn-dojang {font-size:0; background: #302c97 url(/event/images/tps_20210721_btn.png) no-repeat left top;/*box-shadow: 2px 2px 0px 0px rgb(30 248 148);  
background-color: #0e0093; border: 0; border-radius: inherit; */ height: 52px; width:190px;}
 .btn-dojang:hover, .btn-dojang:focus {font-size:0; background: #302c97 url(/event/images/tps_20210721_btn.png) no-repeat left top;}
.layer-popup.ver-20210112.dojang .btn-group {margin: 30px 0 15px;}

/* 누하스 안마의자 이벤트 */
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 .both, .event__iframe__wrap>.event-0805>.img_wrap.rental-color02 .both {vertical-align: top;}
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 .both .left, .event__iframe__wrap>.event-0805>.img_wrap.rental-color02 .both .left {vertical-align: top;}
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 a.js-open-modal-rental.jb-a {vertical-align: top; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 a.js-open-modal-rental.jb-a .jb-b {display: block; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 a.js-open-modal-rental.jb-a .jb-c {display: none; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 a.js-open-modal-rental.jb-a:hover .jb-b {display: none; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color01 a.js-open-modal-rental.jb-a:hover .jb-c , 
.event__iframe__wrap>.event-0805>.img_wrap.rental-color02 a.js-open-modal-rental.jb-a:hover .jb-c {display: block; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color02 a.js-open-modal-rental.jb-a {width: 560px;height: 305px;  margin: 0px auto;  position: relative;vertical-align: top; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color02 a.js-open-modal-rental.jb-a .jb-b {position: absolute;top: 0px; left: 0px; display: block; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color02 a.js-open-modal-rental.jb-a .jb-c {position: absolute; top: 0px; left: 0px; display: none; }
.event__iframe__wrap>.event-0805>.img_wrap.rental-color02 a.js-open-modal-rental.jb-a:hover .jb-c {display: block; }

.popup4 {display:none;width:1100px;height:100%;position:fixed; left: calc(50% - 550px); top: 0;overflow-y:auto;z-index:9999;}

.event-0426 .pos-relative { position: relative; }
.event-0426 .pos-absolute { position: absolute; }
.event-0426 .preloader { display: block; height: 0; width: 0; overflow: hidden; }
.event-0426 .map-wrap { top: 0; left: 0; right: 0; text-align: center; }
.event-0426 .map-wrap .map { background-position: center center; margin: 0 auto; background-size: 100% auto; transition: all 5ms ease-in-out 0s; }
.event-0426 .map-wrap .map { width: 704px; height: 677px; }
.event-0426 .map-wrap .map { background-image: url('/event/images/tps_20220426_map_00.png'); }
.event-0426 .map-holder { margin-top: 650px; }
.event-0426 .map-tooltip { top: 50%; left: 0; right: 0; transform: translate(0, -50%); text-align: center; }
.event-0426 .map-tooltip .padder { display: inline-block; margin: 0 auto; }
.event-0426 .map-tooltip .tooltip-closer { display: block; position: absolute; top: 0; right: 0; text-indent: 0; }
.event-0426 .map-tooltip { transition: visibility 0s linear .2s, z-index 0s linear .2s, opacity .3s ease-in-out 0s, transform .3s ease-in-out 0s; }
.event-0426 .is-tooltip .map-tooltip { transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s; }
.event-0426 .map-tooltip { visibility: hidden; opacity: 0; transform: translate(0, -50%); }
.event-0426 .is-tooltip .map-tooltip { visibility: visible; opacity: 1; transform: translate(0, -55%); }

/*LG가전 사은품 이벤트*/
.event-0616 { line-height: 0; letter-spacing: 0; }
.event-0616 * { overflow: visible; }
.event-0616 .pos-relative { position: relative; }
.event-0616 .pos-absolute { position: absolute; }
.event-0616 .background { overflow: visible; /* background-size: 100% 100%; */ background-repeat: no-repeat; min-height: 400px; text-align: center; }
.event-0616 .background .inner-wrap { display: inline-block; overflow: visible; margin: 0 auto; }
.event-0616 .background a { display: block; position: relative; z-index: 1; text-indent: 0; line-height: 0; }
.event-0616 .background img { width: 280px; vertical-align: top; }
.event-0616 .background .border-radius { overflow: hidden; border-radius: 18px; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0); transition: box-shadow .2s ease-in-out 0s; }
.event-0616 .background .border-radius:focus { z-index: 2; box-shadow: 1px 5px 10px rgba(0, 0, 0, .6); }
.event-0616 .background .module { margin: 0 3px; }
.event-0616 .background .downer .module { margin-top: 6px; }
.event-0616 .img_wrap.nth-8 .module { margin: 0; }
.event-0616 .img_wrap.nth-8 img { width: 262px; }
.event-0616 .img_wrap.nth-6 {background-image: url('/event/images/tps_20220616_06.png');}
.event-0616 .img_wrap.nth-8 .pic { background-image: url('/event/images/tps_20220616_card_off_01.png'); background-size: 100% auto; }
.event-0616 .img_wrap.nth-8 .pic { transition: all .3s ease-in-out 0s; }
.event-0616 .img_wrap.nth-8 .pic.nth-2 { background-image: url('/event/images/tps_20220616_card_off_02.png'); }
.event-0616 .img_wrap.nth-8 .pic.nth-3 { background-image: url('/event/images/tps_20220616_card_off_03.png'); }
.event-0616 .img_wrap.nth-8 .pic:focus { background-image: url('/event/images/tps_20220616_card_on_01.png'); }
.event-0616 .img_wrap.nth-8 .pic.nth-2:focus { background-image: url('/event/images/tps_20220616_card_on_02.png'); }
.event-0616 .img_wrap.nth-8 .pic.nth-3:focus { background-image: url('/event/images/tps_20220616_card_on_03.png'); }
.event-0616 .sticker { z-index: 3; width: 334px; height: 190px; background-image: url('/event/images/tps_20220616_sticker_01.png'); background-size: 100% auto; }
.event-0616 .sticker { left: 50%; margin: -160px 0 0 -480px; }
.event-0616 .sticker.nth-2 { background-image: url('/event/images/tps_20220616_sticker_02.png'); }
.event-0616 .sticker.nth-3 { background-image: url('/event/images/tps_20220616_sticker_03.png'); }
.event-0616 .sticker.nth-4 { background-image: url('/event/images/tps_20220616_sticker_04.png'); }
.event-0616 .sticker.nth-1 { margin-top: -160px; }
.event-0616 .sticker.nth-2 { margin-top: -103px; }
.event-0616 .sticker.nth-3 { margin-top: -40px; }
.event-0616 .sticker.nth-4 { margin: 48px 0 0 -472px; width: 114px; height: 114px; }

.event-0616 label {user-select: none; cursor: pointer; font-size: 0;}
.e-giga-01 , .e-giga-02 {width: 347px;height:177px;display: block;}
.e-giga-01 > input[type=radio]+label:before {min-width: 364px; min-height:175px; text-indent: inherit;
display:inline-block; content:''; position:absolute; width: 364px; height: 175px; top:50%; left:0; margin-top:-8px; border:0; border-radius:0; background:url(/event/images/menu_tv1_off.png) no-repeat; background-position: 0 3px;z-index: 1;}
.e-giga-02 > input[type=radio]+label:before {min-width: 364px;    min-height:175px; text-indent: inherit;
display:inline-block; content:''; position:absolute; width: 364px; height: 175px; top:50%; left:0; margin-top:-8px; border:0; border-radius:0; background:url(/event/images/menu_tv2_off.png) no-repeat; background-position: 0 3px;z-index: 0;}
.e-giga-01 > input[type=radio]:checked+label:before {background:url(/event/images/menu_tv1_on.png) no-repeat; }
.e-giga-02 > input[type=radio]:checked+label:before {background:url(/event/images/menu_tv2_on.png) no-repeat; background-position: -358px 0; z-index: 1;}
.e-giga-cont {display:none; margin:0; padding:0;vertical-align: top;}
.e-giga-inter  {margin-top:10px}

input[type=radio].e-giga-inter {display:block;vertical-align: top;position: relative;  width: 722px;margin-top: -1px;border-radius:0; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga + label,
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga:checked + label {margin: 0;top: 0; left: 0;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga + label:before {z-index: 0;top: 0; left: 0; position: relative;display: block; background:url(/event/images/menu_internet_color_A.png) no-repeat; width: 722px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-1 + label:before {height: 142px;background-position: 0 0;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-2 + label:before {height: 133px;background-position: 0 -138px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-3 + label:before {height: 134px;background-position: 0 -264px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-4 + label:before {height: 150px;background-position: 0 -391px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga:checked + label:before {z-index: 9; margin:0;background:url(/event/images/menu_internet_color_A_on.png) no-repeat; width: 722px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-1:checked + label:before {margin-top: -8px;height: 142px;background-position: 0 0;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-2:checked + label:before {height: 125px;background-position: 0 -146px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-3:checked + label:before {height: 126px;background-position: 0 -272px;}
.e-giga-contA input[type=radio].e-giga-inter.btn-open-giga.giga-1-4:checked + label:before {height: 143px;background-position: 0 -399px;}

.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga + label,
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga:checked + label{margin: 0;top: 0; left: 0;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga + label:before {top: 0; left: 0; position: relative;display: block; background:url(/event/images/menu_internet_color_A.png) no-repeat; width: 722px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-1 + label:before {height: 142px;background-position: 0 0;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-2 + label:before {height: 133px;background-position: 0 -138px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-3 + label:before {height: 134px;background-position: 0 -264px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-4 + label:before {height: 150px;background-position: 0 -391px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga:checked + label:before {z-index: 9;margin:0;background:url(/event/images/menu_internet_color_A_on.png) no-repeat; width: 722px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-1:checked + label:before {margin-top: -8px;height: 142px;background-position: 0 0;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-2:checked + label:before {height: 125px;background-position: 0 -146px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-3:checked + label:before {height: 126px;background-position: 0 -272px;}
.e-giga-contB input[type=radio].e-giga-inter.btn-open-giga.giga-1-4:checked + label:before {height: 143px;background-position: 0 -399px;}

.popup-giga-e {display: none; width: 280px; position: absolute; right: 0;  top: 0;  overflow-y: hidden;  z-index: 9;}
.price-giga-e {position: relative; margin:96px 0 0 10px;}
.e-giga-inter-set {user-select: none; cursor: pointer; }
.e-giga-msg-01 {margin:10px 0 7px 90px;}
.e-giga-msg-02 {margin:10px 0 2px 90px;}

.blinkText2 {
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}
@-moz-keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}
@keyframes blink{
   0% {opacity:0;}
   100% {opacity:1;}
}

.popup-e-uhd-wifi {display:none;width:1100px;height:100%;position:fixed; left: calc(50% - 550px); top: 0;overflow-y:auto;z-index:9999;}
.event-220726 .btn-close {cursor: pointer;}

.b-purple {display: inline-block;float: right; margin-top: 5px;border:0;border-radius:3px;  color:#fff; min-width:80px; height:22px; border-color:transparent; background-color:#9825e4;line-height: 22px;font-weight: 500;font-size: 14px;padding: 0 7px;    text-align: center;}

.event-0713 * { outline: 0; }
.event-0713 .tab-item { display: none; }
.event-0713 [data-idx="0"] .tab-item.nth-1,
.event-0713 [data-idx="1"] .tab-item.nth-2,
.event-0713 [data-idx="2"] .tab-item.nth-3 { display: block; }

.event-0727 { margin: 0 auto; width: 1142px; }
/* 동그라미선 숫자입력*/
.number-circle{display: inline-flex; font-size: 11px; padding: 1px; border: 1px solid #666; border-radius: 50%; line-height: 11px; width: 16px; height: 16px;letter-spacing: -1px;margin-right: 2px;}

/* 할인카드영역 수정 */
.menualBox .benefit_card_area.type02 .card_img_area {float:left; width:32%; margin-top:0px; text-align:center;}
.menualBox .benefit_card_area.type02 .btn_area .button {background:#4a4c58; min-width:130px; padding:16px 10px 16px; margin-right:5px; font-size:15px; line-height:1.2em; color:#fff;}
.menualBox .benefit_card_area .btn_area .button {text-align: center;display: inline-block;margin-bottom:0;}

.benefitCardArea02 .benefitCard_tit{margin-top:30px; padding-bottom:10px; text-align:center;}
.menualBox.benefitCardArea02 #benefitCardArea{font-size:0;margin-top:10px;}
.menualBox.benefitCardArea02 .benefit_card_area{display:inline-block; width:calc(50% - 10px); margin:20px 20px 0 0; box-sizing:border-box; font-size:0; padding:0; border:0; vertical-align:top; overflow:visible;}
.menualBox.benefitCardArea02 .benefit_card_area.type02:first-child{margin-top:20px;}
.menualBox.benefitCardArea02 .benefit_card_area:nth-of-type(2n){margin-right:0;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area{position:relative;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area:before{content:""; display:block; width:100%; height:100%; border:1px solid #e9e9e9; position:absolute; top:0; left:0; box-sizing:border-box; z-index:1;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area:after{content:""; display:block; width:calc(100% - 230px); height:100%; background:#f8f8f8; position:absolute; top:0; right:0; z-index:0;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area > * > *{position:relative; z-index:1;}
.menualBox.benefitCardArea02 .benefit_card_area .card_img_area{float:none; display:inline-block; width:230px; padding-top:55px; vertical-align:top;}
.menualBox.benefitCardArea02 .benefit_card_area .card_img_area .card_img img{width:180px; /* max-height:120px; */height:120px;}
.menualBox.benefitCardArea02 .benefit_card_area .benefit_area{float:none; display:inline-block; width:calc(100% - 230px); padding:50px 20px 40px; vertical-align:top; box-sizing:border-box;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area .benefit_area .card_name{margin-bottom:20px; font-size:19px; color:#000; font-weight:500;}
.menualBox.benefitCardArea02 .benefit_card_area .card_main_spec{display:block; display:-webkit-box; height:75px; font-size:15px; color:#787878; font-weight:300; line-height:1.6; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.menualBox.benefitCardArea02 .benefit_card_area .btn_area{border-top:0; margin-top:15px; padding-top:0;}
.menualBox.benefitCardArea02 .benefit_card_area .btn_area .button{width:calc(50% - 5px); height:45px; line-height:45px; margin-right:10px; padding:0; font-size:14px; font-weight:500; border-radius:22.5px; box-sizing:border-box;}
.menualBox.benefitCardArea02 .benefit_card_area .btn_area .button:last-child{margin-right:0;}
.menualBox.benefitCardArea02 .benefit_card_area .btn_area .button.detail{line-height:43px; color:#171717; background:#fff; border:1px solid #d1d2d4;}
.menualBox.benefitCardArea02 .benefit_card_area .btn_area .button.detail:after{content:""; display:inline-block; width:14px; height:8px; margin:0 -7px 0 10px; background:url("/front/web/images/common/arrow_down_black.png") top left no-repeat;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on:before{border:2px solid #5443ff; background:rgba(0, 0, 0, 0.15); z-index:2;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on .benefit_area .card_name{color:#5443ff;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on .benefit_area{background:#d3d3d3;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on .btn_area{z-index:3;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on .btn_area .button.detail{color:#fff; background:#5443ff; border-color:#5443ff;}
.menualBox.benefitCardArea02 .benefit_card_area .card_info_area.on .btn_area .button.detail:after{margin:0 -25px 0 30px; background-image:url("/front/web/images/common/arrow_up_white.png"); vertical-align:1px;}
.benefitCardArea02 .benefit_card_area .card_infoWrap{display:none; width:calc(200% + 20px); margin-top:20px; border:1px solid #e9e9e9; box-sizing:border-box;}
.benefitCardArea02 .benefit_card_area:nth-of-type(2n) .card_infoWrap{margin-left:calc(-100% - 20px);}
.benefitCardArea02 .benefit_card_area .card_infoWrap strong, .benefitCardArea02 .benefit_card_area .card_infoWrap b{color:#4c4c4c !important; font-weight:500;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .button{display:inline-block; height:45px; line-height:43px; font-size:14px; color:#171717; font-weight:500; border-radius:22.5px; border:1px solid #d1d2d4; background:#f8f8f8; box-sizing:border-box; text-align:center;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoBtn_x{padding:20px 20px 10px; text-align:right;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoBtn_x .button{width:60px;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoCon{max-height:280px; padding:0 60px; overflow-y:auto;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoBtn{padding:10px 0 20px; text-align:center;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoBtn .button{padding:0 22px 0 25px;}
.benefitCardArea02 .benefit_card_area .card_infoWrap .card_infoBtn .button:after{content:""; display:inline-block; width:14px; height:8px; margin-left:10px; transform: rotate(-180deg);background: url(/front/web/images/common/arrow_down_black.png) top left no-repeat; vertical-align:1px;}
.menualBox.benefitCardArea02 .benefit_card_area .bul-dot li {margin-left: -11px;white-space: nowrap;display:block;height:24px; font-size:15px; color:#787878; font-weight:300; line-height:1.6; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.section-discount-card.re-230420 .benefit_card_area .card_img_area .card_img img.size-card-01 {width: 180px;height:120px;}
.section-discount-card.re-230420 .benefit_card_area .card_img_area .card_img img.size-card-02 {width: 110px;height:160px;}
/*이벤트 컨텐츠 공통-어드민*/
.event_whole_wrap {position:relative; max-width:1120px;}
.event_whole_wrap.hidden { display: none; }
.event_whole_wrap .img_wrap {position:relative;}
.event_whole_wrap a {position:absolute; display:block; text-indent:-99999px;}
.event_whole_wrap .button { position: absolute; display: block; overflow: hidden; word-break: keep-all; text-indent: -200%; border: 0; border-radius: 0; outline: 0; background-color: transparent; }
.event_whole_wrap a.pos-relative { position: relative; text-indent: 0; }
.event_whole_wrap .toggle { display: none; }
.event_whole_wrap .toggle.in { display: block; }
.event_whole_wrap img {width:100%;}