@charset "UTF-8";
/*event.scss*/
/*_buttons.scss*/
/*_colors.scss*/
/*_mixins.scss*/
@import url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR.css);
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*_placeholder.scss*/
div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul {
  *zoom: 1; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul:before, div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul:after {
  content: "";
  display: table; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul:after {
  clear: both; }

a.board_link_btn {
  padding: 8px 30px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  display: inline-block; }
  a.board_link_btn.blue {
    background: #0b71b9; }

/*_forms.scss*/
div.layer_pop, div.layer_pop_m {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../../../img//all_bg.png) repeat; }

div.pop_wrap {
  width: 970px;
  height: 550px;
  overflow-y: auto;
  padding: 30px;
  background: #ebecee; }
  @media (max-width: 960px) {
    div.pop_wrap {
      width: 100%;
      height: auto;
      padding: 10px; } }

/*_icons.scss*/
span.top_alarm {
  display: inline-block;
  background: #5391d5;
  width: 20px;
  height: 20px;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-align: center;
  vertical-align: middle;
  margin: 0 0 0 3px; }

span.ico_border_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: none;
  color: #21b1ea;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_border_co1 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_border_co1 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_border_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: none;
  color: #f26c4f;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_border_co2 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_border_co2 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_back_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: #f26c4f;
  color: #fff;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_back_co1 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_back_co1 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

span.ico_back_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: #21b1ea;
  color: #fff;
  font-size: 12px; }
  @media (max-width: 960px) {
    span.ico_back_co2 {
      padding: 5px 10px 4px 10px;
      font-size: 11px; } }
  @media (max-width: 960px) {
    span.ico_back_co2 {
      width: 50px;
      text-align: center;
      margin: 0 0 3px 0;
      padding: 3px 0 2px 0;
      font-size: 11px; } }

/*_buttons1.scss*/
/*_colors1.scss*/
/*_mixins1.scss*/
/*_buttons2.scss*/
/*_colors2.scss*/
/*_mixins2.scss*/
/*_placeholder2.scss*/
/*_buttons3.scss*/
/*_colors3.scss*/
/*_icons3.scss*/
/*_mixins3.scss*/
/* Sub-section comment block
   ========================================================================== */
/* Usage */
/* svg element
  ========================================================================== */
/* maring-and-padding-spacing
  ========================================================================== */
/*_placeholder3.scss*/
div.thanksgiving_250922 ul li {
  float: none;
  width: 100%; }

div.thanksgiving_250922, div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a {
  color: #0f1730; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem {
  background-color: #0f1730; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem, div.thanksgiving_250922 section.notice_sc .wrap_1024 h5 {
  color: #fff; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a {
  background-color: #fff; }

div.thanksgiving_250922 section.notice_sc {
  color: #b5afaf; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price > p {
  color: #c81313; }

div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .ps {
  color: #635d5c; }

div.thanksgiving_250922 section.bene_sc {
  background-color: #635d5c; }

div.thanksgiving_250922 section.notice_sc {
  background-color: #4f4948; }

div.thanksgiving_250922 {
  font-family: "Pretendard Variable", 'Pretendard', 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', sans-serif, '돋음', 'dotum';
  word-break: keep-all;
  letter-spacing: -0.5px; }
  div.thanksgiving_250922 section.header {
    background: #1c3a60 url("../../../../img/event/thanksgiving_230919/bg.gif") no-repeat bottom center; }
    div.thanksgiving_250922 section.header .banner_wrap {
      background: #266e00; }
      div.thanksgiving_250922 section.header .banner_wrap .banner_1024 {
        position: relative;
        width: 650px;
        margin: 0 auto;
        padding: 0;
        height: 180px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
          position: absolute;
          top: -10px;
          left: 0;
          -webkit-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
          transform: rotate(-15deg); }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap {
          padding-left: 160px;
          color: #fff; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big {
            font-size: 30px;
            font-size: 1.95rem;
            font-weight: 600;
            line-height: 1.4;
            padding-top: 40px; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark {
              -webkit-animation-name: flash;
              -moz-animation-name: flash;
              -ms-animation-name: flash;
              -o-animation-name: flash;
              animation-name: flash;
              -webkit-animation-iteration-count: 3;
              -moz-animation-iteration-count: 3;
              -ms-animation-iteration-count: 3;
              -o-animation-iteration-count: 3;
              animation-iteration-count: 3;
              -webkit-animation-duration: 1.5s;
              -moz-animation-duration: 1.5s;
              -ms-animation-duration: 1.5s;
              -o-animation-duration: 1.5s;
              animation-duration: 1.5s;
              -webkit-animation-delay: 0.5s;
              -moz-animation-delay: 0.5s;
              -ms-animation-delay: 0.5s;
              -o-animation-delay: 0.5s;
              animation-delay: 0.5s;
              -webkit-animation-timing-function: ease;
              -moz-animation-timing-function: ease;
              -ms-animation-timing-function: ease;
              -o-animation-timing-function: ease;
              animation-timing-function: ease;
              -webkit-animation-fill-mode: both;
              -moz-animation-fill-mode: both;
              -ms-animation-fill-mode: both;
              -o-animation-fill-mode: both;
              animation-fill-mode: both;
              -webkit-backface-visibility: hidden;
              -moz-backface-visibility: hidden;
              -ms-backface-visibility: hidden;
              -o-backface-visibility: hidden;
              backface-visibility: hidden;
              font-weight: 800;
              background: #caedb8;
              padding: 0 4px; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark 0%, div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark 50%, div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark 100% {
    opacity: 1; }
  div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark 25%, div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big > mark 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .sm {
            font-size: 15px;
            font-size: 0.975rem;
            margin-top: 15px;
            opacity: 0.7;
            font-weight: 200; }
    @media (max-width: 960px) {
      div.thanksgiving_250922 section.header {
        background-size: 1500px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 {
          width: 100%; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
            left: 10%; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap {
            padding-left: 30%; } }
    @media (max-width: 760px) {
      div.thanksgiving_250922 section.header {
        background-size: 1300px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 {
          height: 150px; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
            position: absolute;
            top: -10px;
            left: 6%;
            width: 80px; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap {
            padding-left: 26%; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big {
              font-size: 28px;
              font-size: 1.82rem;
              padding-top: 30px; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .sm {
              font-size: 14px;
              font-size: 0.91rem;
              margin-top: 12px; } }
    @media (max-width: 640px) {
      div.thanksgiving_250922 section.header {
        background-size: 1000px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 {
          height: 130px; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
            position: absolute;
            top: -10px;
            left: 4%;
            width: 70px; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap {
            padding-left: 25%; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big {
              font-size: 23px;
              font-size: 1.495rem;
              padding-top: 20px; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .sm {
              font-size: 13.6px;
              font-size: 0.884rem;
              margin-top: 10px; } }
    @media (max-width: 500px) {
      div.thanksgiving_250922 section.header {
        background-size: 900px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 {
          height: auto;
          padding: 0; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
            position: static;
            top: 0;
            left: 0;
            width: 60px;
            margin: 0 auto;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none; }
          div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap {
            padding-left: 0;
            text-align: center; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big {
              font-size: 20px;
              font-size: 1.3rem;
              padding-top: 15px; }
            div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .sm {
              font-size: 13.6px;
              font-size: 0.884rem;
              margin-top: 15px; } }
    @media (max-width: 420px) {
      div.thanksgiving_250922 section.header {
        background-size: 800px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .coffee {
          width: 50px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .big {
          font-size: 18px;
          font-size: 1.17rem;
          padding-top: 10px; }
        div.thanksgiving_250922 section.header .banner_wrap .banner_1024 .txt_wrap .sm {
          font-size: 13.2px;
          font-size: 0.858rem;
          margin-top: 12px; } }
    div.thanksgiving_250922 section.header .wrap_1024 {
      position: relative;
      height: 1320px; }
      div.thanksgiving_250922 section.header .wrap_1024 .before_wrap {
        display: none;
        text-align: center; }
        div.thanksgiving_250922 section.header .wrap_1024 .before_wrap button {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          background: none;
          border: none;
          padding: 0; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap button .coupon_img {
            margin: 0 auto; }
        div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_txt_01 {
          margin: 0 auto;
          cursor: pointer; }
        div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
          margin: 0 auto; }
        div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star {
          position: absolute;
          -webkit-animation-name: flash;
          -moz-animation-name: flash;
          -ms-animation-name: flash;
          -o-animation-name: flash;
          animation-name: flash;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -ms-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-duration: 3s;
          -moz-animation-duration: 3s;
          -ms-animation-duration: 3s;
          -o-animation-duration: 3s;
          animation-duration: 3s;
          -webkit-animation-delay: 0.1s;
          -moz-animation-delay: 0.1s;
          -ms-animation-delay: 0.1s;
          -o-animation-delay: 0.1s;
          animation-delay: 0.1s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          top: 15px;
          left: 50%;
          margin-left: -500px; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star 0%, div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star 50%, div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star 100% {
    opacity: 1; }
  div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star 25%, div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
      div.thanksgiving_250922 section.header .wrap_1024 .after_wrap {
        position: relative;
        display: none; }
        div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_txt_02 {
          margin: 0 auto; }
        div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 {
          position: absolute;
          -webkit-animation-name: zoomIn;
          -moz-animation-name: zoomIn;
          -ms-animation-name: zoomIn;
          -o-animation-name: zoomIn;
          animation-name: zoomIn;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 0.2s;
          -moz-animation-duration: 0.2s;
          -ms-animation-duration: 0.2s;
          -o-animation-duration: 0.2s;
          animation-duration: 0.2s;
          -webkit-animation-delay: 0;
          -moz-animation-delay: 0;
          -ms-animation-delay: 0;
          -o-animation-delay: 0;
          animation-delay: 0;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          top: 420px;
          left: 50%;
          margin-left: -396px; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img {
            -webkit-animation-name: bounce;
            -moz-animation-name: bounce;
            -ms-animation-name: bounce;
            -o-animation-name: bounce;
            animation-name: bounce;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-duration: 3s;
            -moz-animation-duration: 3s;
            -ms-animation-duration: 3s;
            -o-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -ms-animation-delay: 1s;
            -o-animation-delay: 1s;
            animation-delay: 1s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-ms-keyframes bounce {
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 0%, div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 20%, div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 50%, div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 80%, div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img 60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }
        div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img {
          position: absolute;
          -webkit-animation-name: zoomIn;
          -moz-animation-name: zoomIn;
          -ms-animation-name: zoomIn;
          -o-animation-name: zoomIn;
          animation-name: zoomIn;
          -webkit-animation-iteration-count: 1;
          -moz-animation-iteration-count: 1;
          -ms-animation-iteration-count: 1;
          -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
          -webkit-animation-duration: 0.3s;
          -moz-animation-duration: 0.3s;
          -ms-animation-duration: 0.3s;
          -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
          -webkit-animation-delay: 0.1s;
          -moz-animation-delay: 0.1s;
          -ms-animation-delay: 0.1s;
          -o-animation-delay: 0.1s;
          animation-delay: 0.1s;
          -webkit-animation-timing-function: ease;
          -moz-animation-timing-function: ease;
          -ms-animation-timing-function: ease;
          -o-animation-timing-function: ease;
          animation-timing-function: ease;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          -ms-animation-fill-mode: both;
          -o-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          top: 510px;
          left: 50%;
          margin-left: -170px; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img 50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img > img {
            -webkit-animation-name: fadeOutDown;
            -moz-animation-name: fadeOutDown;
            -ms-animation-name: fadeOutDown;
            -o-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-duration: 3s;
            -moz-animation-duration: 3s;
            -ms-animation-duration: 3s;
            -o-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -ms-animation-delay: 1s;
            -o-animation-delay: 1s;
            animation-delay: 1s;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-ms-keyframes fadeOutDown {
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img > img 0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img > img 100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }
      div.thanksgiving_250922 section.header .wrap_1024 .on {
        display: block; }
      @media (max-width: 960px) {
        div.thanksgiving_250922 section.header .wrap_1024 {
          height: 1000px;
          padding: 10px 4% 0; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap button .coupon_img {
            width: 80%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_txt_01 {
            width: 100%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
            position: absolute;
            width: 100%;
            bottom: 17%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .star {
            width: 100%;
            margin-left: -50%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_txt_02 {
            width: 100%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 {
            width: 96%;
            top: 340px;
            margin-left: -47%; }
            div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 > img {
              width: 100%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .star {
            width: 100%;
            margin-left: -50%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img {
            top: 350px;
            width: 46%;
            margin-left: -23%; }
            div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img > img {
              width: 100%; } }
      @media (max-width: 760px) {
        div.thanksgiving_250922 section.header .wrap_1024 {
          height: 800px;
          padding: 0 4%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap button .coupon_img {
            width: 70%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_txt_01 {
            width: 90%;
            margin: 0 auto; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
            bottom: 18%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_txt_02 {
            width: 90%;
            margin: 0 auto; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 {
            top: 250px; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img {
            top: 260px;
            width: 44%;
            margin-left: -22%; } }
      @media (max-width: 640px) {
        div.thanksgiving_250922 section.header .wrap_1024 {
          height: 770px;
          padding: 10px 2% 0; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
            bottom: 14%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 {
            top: 215px; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img {
            top: 230px; } }
      @media (max-width: 500px) {
        div.thanksgiving_250922 section.header .wrap_1024 {
          height: 640px; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
            bottom: 15%; } }
      @media (max-width: 420px) {
        div.thanksgiving_250922 section.header .wrap_1024 {
          height: 540px; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap button .coupon_img {
            width: 76%; }
          div.thanksgiving_250922 section.header .wrap_1024 .before_wrap .main_img_01 {
            bottom: 16%; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .main_img_02 {
            top: 150px; }
          div.thanksgiving_250922 section.header .wrap_1024 .after_wrap .coupon_img {
            top: 155px; } }
  div.thanksgiving_250922 section.bene_sc {
    padding: 0 0 80px; }
    @media (max-width: 960px) {
      div.thanksgiving_250922 section.bene_sc {
        padding: 40px 6% 60px; } }
    @media (max-width: 480px) {
      div.thanksgiving_250922 section.bene_sc {
        padding: 20px 6% 40px; } }
    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts {
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -ms-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -ms-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0;
      -moz-animation-delay: 0;
      -ms-animation-delay: 0;
      -o-animation-delay: 0;
      animation-delay: 0;
      -webkit-animation-timing-function: ease;
      -moz-animation-timing-function: ease;
      -ms-animation-timing-function: ease;
      -o-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      position: relative;
      margin-top: -130px; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts 0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
      div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco {
        -webkit-animation-name: flipInY;
        -moz-animation-name: flipInY;
        -ms-animation-name: flipInY;
        -o-animation-name: flipInY;
        animation-name: flipInY;
        -webkit-animation-iteration-count: 3;
        -moz-animation-iteration-count: 3;
        -ms-animation-iteration-count: 3;
        -o-animation-iteration-count: 3;
        animation-iteration-count: 3;
        -webkit-animation-duration: 1.2s;
        -moz-animation-duration: 1.2s;
        -ms-animation-duration: 1.2s;
        -o-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        top: 54px;
        right: 130px; }

@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-ms-keyframes flipInY {
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco 0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco 40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco 70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco 100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }
      div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap {
        position: absolute;
        width: 760px;
        top: 170px;
        left: 50%;
        margin-left: -380px;
        text-align: center; }
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .big {
          font-size: 40px;
          font-size: 2.6rem;
          letter-spacing: -1px;
          font-weight: 800; }
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .ps {
          font-size: 16px;
          font-size: 1.04rem;
          margin-top: 10px; }
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap {
          margin-top: 30px;
          height: 740px;
          overflow-y: auto; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li {
            float: left;
            width: 31.3%;
            margin: 10px 1% 0; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a {
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: top;
              zoom: 1;
              *display: inline;
              width: 100%;
              height: auto;
              position: relative;
              padding: 35px 15px 20px;
              border-radius: 20px;
              border: 3px solid #fff; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem {
                position: absolute;
                top: -3px;
                right: 20px;
                border-radius: 0 0 10px 10px; }
                div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem p {
                  font-size: 14px;
                  font-size: 0.91rem;
                  padding: 5px 12px 6px; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit {
                height: 65px;
                overflow-y: auto; }
                div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit > p {
                  font-size: 19px;
                  font-size: 1.235rem;
                  font-weight: 700;
                  line-height: 1.3; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price {
                margin-top: 5px;
                padding-top: 15px;
                border-top: 2px dashed #ddd; }
                div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price > p {
                  font-size: 23px;
                  font-size: 1.495rem;
                  font-weight: 800; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a:hover {
                border: 3px solid #0f1730; }
      @media (max-width: 960px) {
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts {
          margin: 0;
          background: #ffeac2;
          border: 3px solid;
          padding: 10px 30px 50px; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .sub_bg {
            display: none; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco {
            top: -1px;
            right: 4%;
            width: 50px; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap {
            position: static;
            width: 100%;
            top: 0;
            left: 0;
            margin-left: 0;
            margin-top: 25px; } }
      @media (max-width: 760px) {
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts {
          padding: 35px 25px 40px; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .sub_bg {
            display: none; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco {
            top: -1px;
            right: 3%;
            width: 40px; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap {
            margin-top: 0; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .big {
              font-size: 32px;
              font-size: 2.08rem; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .ps {
              font-size: 15px;
              font-size: 0.975rem;
              margin-top: 10px; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap {
              margin-top: 30px;
              height: 740px; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li {
                float: left;
                width: 48%;
                margin: 10px 1% 0; }
                div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a {
                  padding: 35px 15px 20px;
                  border-radius: 15px; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem {
                    top: -3px;
                    right: 5%;
                    border-radius: 0 0 8px 8px; }
                    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem p {
                      font-size: 13.6px;
                      font-size: 0.884rem;
                      padding: 5px 10px 5px; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit {
                    height: 60px; }
                    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit > p {
                      font-size: 18px;
                      font-size: 1.17rem; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price {
                    margin-top: 5px;
                    padding-top: 15px;
                    border-top: 2px dashed #ddd; }
                    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price > p {
                      font-size: 21px;
                      font-size: 1.365rem;
                      font-weight: 800; } }
      @media (max-width: 480px) {
        div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts {
          padding: 7% 4%; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .deco {
            width: 36px; }
          div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap {
            margin-top: 0; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .big {
              font-size: 28px;
              font-size: 1.82rem; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .title .ps {
              font-size: 14.6px;
              font-size: 0.949rem;
              margin-top: 7px; }
            div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap {
              margin-top: 20px;
              height: 740px; }
              div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li {
                float: none;
                width: 100%;
                margin: 10px 0 0; }
                div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a {
                  padding: 35px 15px 20px;
                  border-radius: 15px; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .emblem {
                    right: 6%; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit {
                    height: 54px; }
                    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .tit > p {
                      font-size: 17px;
                      font-size: 1.105rem; }
                  div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price {
                    margin-top: 3px;
                    padding-top: 12px; }
                    div.thanksgiving_250922 section.bene_sc div.wrap_1024 .conts .inside_wrap .list_wrap .list_ul .list_li > a .price > p {
                      font-size: 19px;
                      font-size: 1.235rem; } }
  div.thanksgiving_250922 section.notice_sc {
    padding: 80px 0; }
    @media (max-width: 960px) {
      div.thanksgiving_250922 section.notice_sc {
        padding: 60px 6%; } }
    @media (max-width: 480px) {
      div.thanksgiving_250922 section.notice_sc {
        padding: 40px 6%; } }
    div.thanksgiving_250922 section.notice_sc .wrap_1024 h5 {
      font-size: 15px;
      font-size: 0.975rem; }
      @media (max-width: 480px) {
        div.thanksgiving_250922 section.notice_sc .wrap_1024 h5 {
          font-size: 14.6px;
          font-size: 0.949rem;
          font-weight: 500; } }
    div.thanksgiving_250922 section.notice_sc .wrap_1024 .noti_wrap {
      margin-top: 30px; }
      div.thanksgiving_250922 section.notice_sc .wrap_1024 .noti_wrap .tit {
        font-size: 14.6px;
        font-size: 0.949rem;
        font-weight: 500; }
      div.thanksgiving_250922 section.notice_sc .wrap_1024 .noti_wrap .noti_ul {
        margin-top: 5px; }
        div.thanksgiving_250922 section.notice_sc .wrap_1024 .noti_wrap .noti_ul > li {
          font-size: 14.6px;
          font-size: 0.949rem;
          width: 90%;
          list-style: disc;
          margin: 5px 0 5px 20px; }