@charset "UTF-8";
/*event.scss*/
/*_buttons.scss*/
/*_colors.scss*/
/*_mixins.scss*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*_placeholder.scss*/
div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul {
  *zoom: 1; }

div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul:before, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul:before, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul:before, div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul:after, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul:after, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul:after {
  content: "";
  display: table; }

div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul:after, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul:after, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_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.join_260128 ul li {
  float: none;
  width: 100%; }

/**
 * A Long-shadow mixin, guaranteed to make your Dribbble shots 11% cooler
 * @param  string  $color_a  The darkest colour (closest the object)
 * @param  string  $color_b  The lightest colour (often the background colour)
 * @param  int     $stepnum  Number of steps
 * @param  int     $opacity  The opacity of the blend
 * @return list         	   Returns a list ready to drop into 'box-shadow' or text-shadow
 */
div.join_260128, div.join_260128 section.bene_sc, div.join_260128 section.book_sc, div.join_260128 section.tab_sc, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
  color: #000; }

div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_close:hover {
  background-color: #000; }

div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_close, div.join_260128 section.noti_sc .wrap_1024 h5 {
  color: #fff; }

div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap, div.join_260128 section.book_sc, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li {
  background-color: #fff; }

div.join_260128 section.noti_sc {
  background-color: #2c2e31; }

div.join_260128 section.tab_sc {
  background-color: #f9f6ee; }

div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit > em {
  color: #842827; }

div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
  color: #f0c443; }

div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_close, div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
  background-color: #2e180f; }

div.join_260128 {
  font-family: "Pretendard Variable", 'Pretendard', 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', sans-serif, '돋음', 'dotum';
  word-break: keep-all;
  letter-spacing: -0.5px; }
  div.join_260128 br {
    font-family: none; }
  div.join_260128 .tit_wrap {
    text-align: center; }
    div.join_260128 .tit_wrap .tit > img {
      margin: 0 auto; }
    div.join_260128 .tit_wrap .txt {
      font-size: 22px;
      font-size: 1.43rem;
      margin-top: 30px;
      line-height: 1.4; }
    @media (max-width: 960px) {
      div.join_260128 .tit_wrap .tit > img {
        width: 430px; }
      div.join_260128 .tit_wrap .txt {
        font-size: 20px;
        font-size: 1.3rem;
        margin-top: 25px; } }
    @media (max-width: 760px) {
      div.join_260128 .tit_wrap .tit {
        padding: 0 16%; }
        div.join_260128 .tit_wrap .tit > img {
          width: 100%; }
      div.join_260128 .tit_wrap .txt {
        font-size: 18px;
        font-size: 1.17rem;
        margin-top: 22px; } }
    @media (max-width: 480px) {
      div.join_260128 .tit_wrap .tit {
        padding: 0 8%; }
      div.join_260128 .tit_wrap .txt {
        font-size: 17px;
        font-size: 1.105rem;
        margin-top: 18px; } }
  div.join_260128 section.header_sc {
    background: #e2d5d0 url("../../../../img/event/join_260128/bg.jpg") no-repeat top center;
    min-height: 1730px;
    position: relative;
    overflow: hidden; }
    div.join_260128 section.header_sc .top_wrap {
      padding: 0; }
      div.join_260128 section.header_sc .top_wrap .main_tit > img {
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -ms-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -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: 1.8s;
        -moz-animation-duration: 1.8s;
        -ms-animation-duration: 1.8s;
        -o-animation-duration: 1.8s;
        animation-duration: 1.8s;
        -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;
        margin: 25px auto; }

@-webkit-keyframes fadeInUp {
  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 fadeInUp {
  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 fadeInUp {
  div.join_260128 section.header_sc .top_wrap .main_tit > img 0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  div.join_260128 section.header_sc .top_wrap .main_tit > img 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  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 fadeInUp {
  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.join_260128 section.header_sc .top_wrap .pine_tree > img {
        position: absolute; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_left {
          left: 0;
          top: 180px; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_right {
          right: 0;
          top: 100px; }
    div.join_260128 section.header_sc .bottom_wrap {
      position: relative;
      padding: 0; }
      div.join_260128 section.header_sc .bottom_wrap .yut_board > img {
        margin: 220px auto 0; }
      div.join_260128 section.header_sc .bottom_wrap .before_wrap {
        display: none;
        position: absolute;
        top: 370px;
        left: 0;
        width: 100%;
        text-align: center; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani {
            margin: 0 15px; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani .front {
              display: none; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
          border: none;
          background: none;
          margin-top: 20px;
          cursor: pointer; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut > img {
            width: 100%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut:hover {
            -webkit-transform: translateY(5px);
            -ms-transform: translateY(5px);
            transform: translateY(5px); }
      div.join_260128 section.header_sc .bottom_wrap .after_wrap {
        display: none;
        position: absolute;
        top: 460px;
        left: 0;
        width: 100%;
        text-align: center; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani {
            margin: 0 15px; }
            div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani .front {
              display: none; }
      div.join_260128 section.header_sc .bottom_wrap .on {
        display: block !important; }
      div.join_260128 section.header_sc .bottom_wrap .magpie {
        position: absolute;
        top: 85px;
        left: 50%;
        margin-left: -372px;
        -webkit-animation-name: slideInRight;
        -moz-animation-name: slideInRight;
        -ms-animation-name: slideInRight;
        -o-animation-name: slideInRight;
        animation-name: slideInRight;
        -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: 3s;
        -moz-animation-duration: 3s;
        -ms-animation-duration: 3s;
        -o-animation-duration: 3s;
        animation-duration: 3s;
        -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; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInRight {
  div.join_260128 section.header_sc .bottom_wrap .magpie 0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  div.join_260128 section.header_sc .bottom_wrap .magpie 100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
    @media (max-width: 960px) {
      div.join_260128 section.header_sc {
        background-size: 1200px;
        min-height: 1240px;
        padding-bottom: 80px; }
        div.join_260128 section.header_sc .top_wrap .main_tit > img {
          margin: 10px auto;
          width: 34%; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_left {
          top: 7%;
          width: 22%; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_right {
          top: 3%;
          width: 22%; }
        div.join_260128 section.header_sc .bottom_wrap .yut_board > img {
          margin: 18% auto 0;
          width: 90%; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap {
          top: 29%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani {
            margin: 0 10px; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani img {
              width: 90px; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
            margin-top: 4%;
            padding: 0 28%; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut > img {
              width: 100%; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap {
          top: 34%; }
          div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani {
            margin: 0 10px; }
            div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani img {
              width: 90px; }
        div.join_260128 section.header_sc .bottom_wrap .magpie {
          top: 0;
          left: 0;
          width: 100%;
          margin-left: 0; }
          div.join_260128 section.header_sc .bottom_wrap .magpie > img {
            width: 80%;
            margin: 0 auto; } }
    @media (max-width: 760px) {
      div.join_260128 section.header_sc {
        background-size: 1000px;
        min-height: 1060px; }
        div.join_260128 section.header_sc .bottom_wrap .yut_board > img {
          margin: 16% auto 0;
          width: 90%; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap {
          top: 29%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani img {
            width: 76px; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
            margin-top: 3%;
            padding: 0 28%; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani img {
          width: 76px; } }
    @media (max-width: 620px) {
      div.join_260128 section.header_sc {
        background-size: 900px;
        min-height: 960px; }
        div.join_260128 section.header_sc .top_wrap .main_tit > img {
          margin: 10px auto;
          width: 35%; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_left {
          top: 5%;
          width: 25%; }
        div.join_260128 section.header_sc .top_wrap .pine_tree > img.pine_right {
          top: 1%;
          width: 25%; }
        div.join_260128 section.header_sc .bottom_wrap .yut_board > img {
          margin: 26% auto 0;
          width: 92%; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap {
          top: 36%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani {
            margin: 0 6px; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani img {
              width: 60px; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
            margin-top: 3%;
            padding: 0 26%; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap {
          top: 40%; }
          div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani {
            margin: 0 6px; }
            div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani img {
              width: 60px; }
        div.join_260128 section.header_sc .bottom_wrap .magpie {
          top: 5%; }
          div.join_260128 section.header_sc .bottom_wrap .magpie > img {
            width: 90%; } }
    @media (max-width: 480px) {
      div.join_260128 section.header_sc {
        background-size: 700px;
        min-height: 800px; }
        div.join_260128 section.header_sc .bottom_wrap .yut_board > img {
          margin: 25.5% auto 0;
          width: 92%; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap {
          top: 35%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani {
            margin: 0 5px; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani img {
              width: 50px; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
            margin-top: 3%;
            padding: 0 26%; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap {
          top: 39%; }
          div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani {
            margin: 0 5px; }
            div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani img {
              width: 50px; }
        div.join_260128 section.header_sc .bottom_wrap .magpie {
          top: 5.5%; }
          div.join_260128 section.header_sc .bottom_wrap .magpie > img {
            width: 90%; } }
    @media (max-width: 380px) {
      div.join_260128 section.header_sc {
        background-size: 600px;
        min-height: 660px; }
        div.join_260128 section.header_sc .bottom_wrap .before_wrap {
          top: 34%; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani {
            margin: 0 4px; }
            div.join_260128 section.header_sc .bottom_wrap .before_wrap .yut_wrap .yut_ani img {
              width: 44px; }
          div.join_260128 section.header_sc .bottom_wrap .before_wrap .btn_yut {
            padding: 0 24%; }
        div.join_260128 section.header_sc .bottom_wrap .after_wrap {
          top: 39.5%; }
          div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani {
            margin: 0 4px; }
            div.join_260128 section.header_sc .bottom_wrap .after_wrap .yut_wrap .yut_ani img {
              width: 44px; } }
    div.join_260128 section.header_sc .coupon_layer_pop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
      display: none; }
      div.join_260128 section.header_sc .coupon_layer_pop .bg {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -ms-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
        -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.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;
        position: fixed;
        background: rgba(1, 1, 1, 0.7);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  div.join_260128 section.header_sc .coupon_layer_pop .bg 0% {
    opacity: 0; }
  div.join_260128 section.header_sc .coupon_layer_pop .bg 100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap {
        -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: 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.7s;
        -moz-animation-delay: 0.7s;
        -ms-animation-delay: 0.7s;
        -o-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -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: fixed;
        top: 20%;
        left: 50%;
        width: 560px;
        margin-left: -280px;
        border-radius: 30px;
        padding: 30px;
        text-align: center; }

@-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.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap 0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap 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.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts {
          margin-top: 15px; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .yut_mo {
            margin: 0 auto;
            width: 380px; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box {
            margin: 10px 0 20px; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big {
              font-size: 22px;
              font-size: 1.43rem;
              margin: 5px 0; }
              div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span {
                -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;
                -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;
                font-weight: 700;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #ffff65));
                background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #ffff65 50%);
                background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #ffff65 50%);
                background: linear-gradient(rgba(255, 255, 255, 0) 50%, #ffff65 50%); }

@-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.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span 0%, div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span 50%, div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span 100% {
    opacity: 1; }
  div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span 25%, div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big > span 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.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .date {
              font-size: 16px;
              font-size: 1.04rem;
              margin-top: 15px;
              font-weight: 300;
              letter-spacing: 0; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .ps {
              font-size: 14px;
              font-size: 0.91rem;
              margin-top: 5px;
              font-weight: 300;
              opacity: 0.7; }
        div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_close {
          width: 40px;
          height: 40px;
          position: absolute;
          top: 18px;
          right: 20px;
          border-radius: 100px;
          border: none;
          line-height: 42px; }
      @media (max-width: 620px) {
        div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap {
          top: 20%;
          width: 90%;
          margin-left: -45%;
          border-radius: 20px;
          padding: 20px; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .yut_mo {
            width: 76%; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box {
            margin: 8px 0 18px; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big {
              font-size: 20px;
              font-size: 1.3rem;
              margin: 5px 0; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .date {
              font-size: 15px;
              font-size: 0.975rem;
              margin-top: 12px; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .ps {
              font-size: 13.6px;
              font-size: 0.884rem;
              margin-top: 3px; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_close {
            width: 38px;
            height: 38px;
            top: 16px;
            right: 18px;
            line-height: 38px; } }
      @media (max-width: 400px) {
        div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap {
          top: 15%; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .yut_mo {
            width: 80%; }
          div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box {
            margin: 8px 0 18px; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .big {
              font-size: 17px;
              font-size: 1.105rem;
              margin: 3px 0; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .date {
              font-size: 14px;
              font-size: 0.91rem;
              margin-top: 8px; }
            div.join_260128 section.header_sc .coupon_layer_pop .coupon_layer_pop_wrap .pop_conts .txt_box .ps {
              font-size: 13px;
              font-size: 0.845rem; } }
  div.join_260128 section.bene_sc {
    background: -webkit-gradient(linear, left top, left bottom, from(#e2d5d0), to(#cb9eab));
    background: -webkit-linear-gradient(top, #e2d5d0 0%, #cb9eab 100%);
    background: -o-linear-gradient(top, #e2d5d0 0%, #cb9eab 100%);
    background: linear-gradient(to bottom, #e2d5d0 0%, #cb9eab 100%);
    padding: 80px 0; }
    div.join_260128 section.bene_sc .tit_wrap {
      position: relative; }
      div.join_260128 section.bene_sc .tit_wrap::before {
        display: block;
        content: '';
        width: 1000px;
        height: 2px;
        position: absolute;
        top: -80px;
        left: 50%;
        margin-left: -500px;
        background: #2e180f; }
      div.join_260128 section.bene_sc .tit_wrap .txt {
        color: #9c7f86; }
    @media (max-width: 960px) {
      div.join_260128 section.bene_sc {
        padding: 80px 4%; }
        div.join_260128 section.bene_sc .tit_wrap::before {
          width: 96%;
          height: 1px;
          margin-left: -48%; } }
    @media (max-width: 760px) {
      div.join_260128 section.bene_sc {
        padding: 0 4% 60px; }
        div.join_260128 section.bene_sc .tit_wrap::before {
          top: -60px; } }
    @media (max-width: 480px) {
      div.join_260128 section.bene_sc {
        padding: 0 4% 40px; }
        div.join_260128 section.bene_sc .tit_wrap::before {
          top: -40px; } }
    div.join_260128 section.bene_sc .wrap_1024 {
      margin-top: 35px;
      text-align: center; }
      div.join_260128 section.bene_sc .wrap_1024 .coupon > img {
        margin: 0 auto; }
      div.join_260128 section.bene_sc .wrap_1024 p.date {
        font-size: 20px;
        font-size: 1.3rem;
        margin-top: 60px;
        color: #2e180f;
        letter-spacing: 0; }
      @media (max-width: 960px) {
        div.join_260128 section.bene_sc .wrap_1024 {
          margin-top: 30px; }
          div.join_260128 section.bene_sc .wrap_1024 .coupon > img {
            width: 100%; } }
      @media (max-width: 760px) {
        div.join_260128 section.bene_sc .wrap_1024 {
          margin-top: 20px; }
          div.join_260128 section.bene_sc .wrap_1024 p.date {
            font-size: 18px;
            font-size: 1.17rem;
            margin-top: 50px; } }
      @media (max-width: 480px) {
        div.join_260128 section.bene_sc .wrap_1024 {
          margin-top: 5px; }
          div.join_260128 section.bene_sc .wrap_1024 p.date {
            font-size: 15px;
            font-size: 0.975rem;
            margin-top: 30px; } }
  div.join_260128 section.book_sc {
    padding: 80px 0; }
    div.join_260128 section.book_sc .tit_wrap .txt {
      color: #2e4786;
      font-weight: 500; }
    @media (max-width: 960px) {
      div.join_260128 section.book_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.join_260128 section.book_sc {
        padding: 0 4% 60px; } }
    @media (max-width: 480px) {
      div.join_260128 section.book_sc {
        padding: 0 4% 40px; } }
    div.join_260128 section.book_sc .wrap_1024 {
      margin-top: 15px;
      text-align: center; }
      div.join_260128 section.book_sc .wrap_1024 .down_btn {
        background: none;
        border: none; }
        div.join_260128 section.book_sc .wrap_1024 .down_btn > img {
          margin: 0 auto; }
        div.join_260128 section.book_sc .wrap_1024 .down_btn:hover {
          -webkit-transform: translateY(5px);
          -ms-transform: translateY(5px);
          transform: translateY(5px); }
      @media (max-width: 760px) {
        div.join_260128 section.book_sc .wrap_1024 {
          margin-top: 10px; }
          div.join_260128 section.book_sc .wrap_1024 .down_btn > img {
            width: 300px; } }
      @media (max-width: 480px) {
        div.join_260128 section.book_sc .wrap_1024 {
          margin-top: 5px; }
          div.join_260128 section.book_sc .wrap_1024 .down_btn > img {
            width: 70%; } }
  div.join_260128 section.tab_sc {
    padding: 80px 0; }
    @media (max-width: 960px) {
      div.join_260128 section.tab_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.join_260128 section.tab_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.join_260128 section.tab_sc {
        padding: 40px 4%; } }
    div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap {
      width: 100%; }
      div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li {
        float: left;
        width: 50%;
        border-bottom: 1px solid #7b7b7a;
        text-align: center;
        cursor: pointer; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li > p {
          font-size: 24px;
          font-size: 1.56rem;
          color: #7b7b7a;
          font-weight: 400;
          padding: 0 10px 20px; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li.active {
          border-bottom: 3px solid #000; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li.active > p {
            color: #000;
            font-weight: 700;
            padding: 0 10px 18px; }
      @media (max-width: 960px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li > p {
          font-size: 20px;
          font-size: 1.3rem;
          padding: 0 5px 18px; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li.active > p {
          padding: 0 5px 16px; } }
      @media (max-width: 760px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li > p {
          font-size: 17px;
          font-size: 1.105rem;
          padding: 0 5px 16px; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li.active > p {
          padding: 0 5px 14px; } }
      @media (max-width: 480px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li {
          height: 54px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li:before {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            content: " ";
            height: 100%;
            vertical-align: middle; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li > p {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            font-size: 16px;
            font-size: 1.04rem;
            vertical-align: middle;
            padding: 0 5px 0; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_wrap .btn_ul .btn_li.active > p {
            padding: 0 5px 0; } }
    div.join_260128 section.tab_sc div.wrap_1024 .btn_conts {
      margin-top: 60px; }
      div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap {
        width: 100%; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul {
          position: relative;
          display: block;
          text-align: center; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            width: auto;
            margin: 0 2px;
            text-align: center;
            z-index: 2;
            cursor: pointer; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li > p {
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: top;
              zoom: 1;
              *display: inline;
              font-size: 15px;
              font-size: 0.975rem;
              border: 1px solid #d7d5d1;
              background: #f9f6ee;
              color: #928f85;
              font-weight: 500;
              padding: 6px 12px;
              border-radius: 6px;
              letter-spacing: 0; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li.active > p {
              border: 1px solid #2e180f;
              background: #fff;
              color: #2e180f;
              font-weight: 700; }
      div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
        margin-top: 20px; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li {
          width: 24%;
          height: 230px;
          position: relative;
          float: left;
          margin: 1% 0.5% 0; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            border: 1px solid #f9f6ee; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .thum_img > img {
              width: 100%; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
              padding: 23px 20px;
              text-align: left; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .subject {
                opacity: 0.5;
                filter: alpha(opacity=50);
                font-size: 15px;
                font-size: 0.975rem;
                font-weight: 500;
                letter-spacing: 0; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .price {
                font-size: 20px;
                font-size: 1.3rem;
                font-weight: 800;
                letter-spacing: 0;
                margin-top: 4px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
              width: 35px;
              height: 35px;
              border: 1px solid;
              position: absolute;
              border-radius: 3px;
              text-align: center;
              bottom: 55.5px;
              right: 4.5px;
              padding-top: 4px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem > p {
                font-size: 11.2px;
                font-size: 0.728rem;
                line-height: 1.1;
                letter-spacing: 0;
                font-weight: 400; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a:hover {
              border: 1px solid #2e180f;
              -webkit-transition: .3s;
              -o-transition: .3s;
              transition: .3s; }
      @media (max-width: 960px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 {
          margin-top: 70px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li {
            margin: 2px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li > p {
              font-size: 16px;
              font-size: 1.04rem;
              padding: 8px 20px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
            margin-top: 50px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li {
              height: 190px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
                padding: 20px 18px; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .subject {
                  font-size: 14.4px;
                  font-size: 0.936rem; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .price {
                  font-size: 18px;
                  font-size: 1.17rem; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
                width: 34px;
                height: 34px;
                bottom: 2%;
                right: 4px; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem > p {
                  font-size: 11px;
                  font-size: 0.715rem; } }
      @media (max-width: 760px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 {
          margin-top: 55px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li {
            margin: 3px 1px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li > p {
              font-size: 15px;
              font-size: 0.975rem;
              padding: 7px 15px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
            margin-top: 40px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li {
              width: 31.3%;
              height: auto;
              margin: 1%; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li .txt {
                height: 108px;
                padding: 18px 15px; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li .txt .subject {
                  font-size: 14.4px;
                  font-size: 0.936rem;
                  word-break: break-all; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li .txt .price {
                  font-size: 16px;
                  font-size: 1.04rem; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li .emblem {
                width: 32px;
                height: 32px;
                bottom: 2%;
                right: 4px; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li .emblem > p {
                  font-size: 11px;
                  font-size: 0.715rem; } }
      @media (max-width: 600px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 {
          margin-top: 45px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul {
            padding: 0 5%; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li {
              margin: 3px 1px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li > p {
                font-size: 14.6px;
                font-size: 0.949rem;
                padding: 7px 18px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
            margin-top: 30px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
              height: 100px;
              padding: 20px 12px 0; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .subject {
                font-size: 13.8px;
                font-size: 0.897rem; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .price {
                font-size: 16px;
                font-size: 1.04rem;
                margin-top: 4px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
              width: 50px;
              height: 22px;
              bottom: 39%;
              right: 4px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem > p {
                font-size: 11px;
                font-size: 0.715rem; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem > p br {
                  display: none; } }
      @media (max-width: 500px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
          margin-top: 25px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
            height: 90px;
            padding: 18px 10px 0 13px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .subject {
            font-size: 13.8px;
            font-size: 0.897rem; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .price {
            font-size: 14px;
            font-size: 0.91rem; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
            width: 47px;
            height: 19px;
            bottom: 43%;
            right: 4px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem > p {
              font-size: 10.6px;
              font-size: 0.689rem; } }
      @media (max-width: 440px) {
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 {
          margin-top: 35px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul {
            padding: 0 3%; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li {
              margin: 3px 1px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_wrap .tab_ul .tab_li > p {
                font-size: 13.6px;
                font-size: 0.884rem;
                padding: 5px 13px 6px; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab {
            margin-top: 15px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li {
              width: 48%;
              height: auto; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt {
                padding: 20px 10px 0 12px;
                height: 90px; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .subject {
                  font-size: 13.4px;
                  font-size: 0.871rem; }
                div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .txt .price {
                  font-size: 14.6px;
                  font-size: 0.949rem;
                  margin-top: 3px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_01 .tab_conts .each_tab .card_ul > li > a .emblem {
                bottom: 38%; } }
      div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 {
        margin-top: 80px;
        text-align: center; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit {
          font-size: 32px;
          font-size: 2.08rem;
          font-weight: 300;
          letter-spacing: 0;
          line-height: 1.4; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit > em {
            font-weight: 700; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul {
          margin-top: 60px;
          padding: 0 10%; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li {
            float: left;
            width: 31.33%;
            margin: 0 1%;
            text-align: center; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .img > img {
              margin: 0 auto; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .txt {
              font-size: 20px;
              font-size: 1.3rem;
              margin-top: 15px;
              font-weight: 400;
              line-height: 1.4; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .txt > em {
                font-weight: 700; }
        div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap {
          margin-top: 60px;
          text-align: center; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap > a {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            width: auto; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap > a:hover {
              -webkit-transform: translateY(5px);
              -ms-transform: translateY(5px);
              transform: translateY(5px); }
        @media (max-width: 960px) {
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit {
            font-size: 30px;
            font-size: 1.95rem; }
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul {
            margin-top: 50px;
            padding: 0; } }
        @media (max-width: 760px) {
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 {
            margin-top: 70px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit {
              font-size: 26px;
              font-size: 1.69rem; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul {
              margin-top: 40px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .img > img {
                width: 80%; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .txt {
                font-size: 17px;
                font-size: 1.105rem;
                margin-top: 15px; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap {
              margin-top: 50px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap > a img {
                width: 84%;
                margin: 0 auto; } }
        @media (max-width: 480px) {
          div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 {
            margin-top: 5ch; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .tit {
              font-size: 20px;
              font-size: 1.3rem; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul {
              margin-top: 30px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .img > img {
                width: 84%; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .bene_ul > li .txt {
                font-size: 15px;
                font-size: 0.975rem;
                margin-top: 10px;
                line-height: 1.3; }
            div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap {
              margin-top: 40px; }
              div.join_260128 section.tab_sc div.wrap_1024 .btn_conts .each_btn .cont_02 .btn_wrap > a img {
                width: 72%; } }
  div.join_260128 section.noti_sc {
    padding: 80px 0;
    color: #7b7b7a; }
    @media (max-width: 960px) {
      div.join_260128 section.noti_sc {
        padding: 60px 6%; } }
    @media (max-width: 480px) {
      div.join_260128 section.noti_sc {
        padding: 40px 6%; } }
    div.join_260128 section.noti_sc .wrap_1024 h5 {
      font-size: 15px;
      font-size: 0.975rem; }
      @media (max-width: 480px) {
        div.join_260128 section.noti_sc .wrap_1024 h5 {
          font-size: 14.6px;
          font-size: 0.949rem;
          font-weight: 500; } }
    div.join_260128 section.noti_sc .wrap_1024 .noti_ul {
      margin-top: 10px; }
      div.join_260128 section.noti_sc .wrap_1024 .noti_ul > li {
        font-size: 14.6px;
        font-size: 0.949rem;
        width: 90%;
        list-style: disc;
        margin: 5px 0 6px 20px;
        line-height: 1.3; }