/*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.mk_230713 section.header .wrap_1024 .main_ul {
  *zoom: 1; }

div.mk_230713 section.header .wrap_1024 .main_ul:before, div.mk_230713 section.header .wrap_1024 .main_ul:after {
  content: "";
  display: table; }

div.mk_230713 section.header .wrap_1024 .main_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.mk_230713 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.mk_230713, div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .bookstore {
  color: #1c2127; }

div.mk_230713 section.kakao_sc {
  background-color: #1c2127; }

div.mk_230713 section.header .wrap_1024 .txt_wrap .ps, div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .noti_tt {
  color: #ffffff; }

div.mk_230713 section.header .wrap_1024 .main_ul, div.mk_230713 section.bene_sc {
  background-color: #ffffff; }

div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac {
  background-color: #393d42; }

div.mk_230713 section.youtube_sc {
  background-color: #fbfbfb; }

div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac p.txt > em {
  color: #f5f5fb; }

div.mk_230713 section.review_sc {
  background-color: #f5f5fb; }

div.mk_230713 section.header .wrap_1024 .txt_wrap .date {
  color: #14ff3a; }

div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap p.txt > em {
  color: #f44336; }

div.mk_230713 {
  font-family: "Noto Sans KR","Malgun Gothic", "Dotum", "DroidFont",sans-serif;
  word-break: keep-all;
  letter-spacing: -0.5px; }
  div.mk_230713 h5.tit_wrap > img {
    margin: 0 auto; }
    @media (max-width: 760px) {
      div.mk_230713 h5.tit_wrap > img {
        width: 80%; } }
    @media (max-width: 600px) {
      div.mk_230713 h5.tit_wrap > img {
        width: 90%; } }
    @media (max-width: 480px) {
      div.mk_230713 h5.tit_wrap > img {
        width: 96%; } }
  div.mk_230713 section.header {
    background: #0004b3 url("../../../../img/event/mk_230713/bg_230803.jpg") no-repeat top; }
    div.mk_230713 section.header .wrap_1024 {
      text-align: center; }
      div.mk_230713 section.header .wrap_1024 .main_tit {
        margin: 140px auto 120px;
        -webkit-animation-name: pulse;
        -moz-animation-name: pulse;
        -ms-animation-name: pulse;
        -o-animation-name: pulse;
        animation-name: pulse;
        -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.8s;
        -moz-animation-duration: 0.8s;
        -ms-animation-duration: 0.8s;
        -o-animation-duration: 0.8s;
        animation-duration: 0.8s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
        -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 pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pulse {
  div.mk_230713 section.header .wrap_1024 .main_tit 0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  div.mk_230713 section.header .wrap_1024 .main_tit 50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  div.mk_230713 section.header .wrap_1024 .main_tit 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
      div.mk_230713 section.header .wrap_1024 .main_ul {
        -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: 0.8s;
        -moz-animation-duration: 0.8s;
        -ms-animation-duration: 0.8s;
        -o-animation-duration: 0.8s;
        animation-duration: 0.8s;
        -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;
        border-radius: 50px;
        padding: 8% 5%; }

@-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.mk_230713 section.header .wrap_1024 .main_ul 0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  div.mk_230713 section.header .wrap_1024 .main_ul 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.mk_230713 section.header .wrap_1024 .main_ul > li {
          float: left;
          width: 50%; }
          div.mk_230713 section.header .wrap_1024 .main_ul > li img {
            margin: 0 auto; }
      div.mk_230713 section.header .wrap_1024 .txt_wrap {
        margin: 80px 0 100px;
        text-align: center;
        -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: 0.8s;
        -moz-animation-duration: 0.8s;
        -ms-animation-duration: 0.8s;
        -o-animation-duration: 0.8s;
        animation-duration: 0.8s;
        -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 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.mk_230713 section.header .wrap_1024 .txt_wrap 0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  div.mk_230713 section.header .wrap_1024 .txt_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 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.mk_230713 section.header .wrap_1024 .txt_wrap .date {
          font-size: 36px;
          font-size: 2.34rem;
          font-weight: bold;
          letter-spacing: 0; }
        div.mk_230713 section.header .wrap_1024 .txt_wrap .ps {
          font-size: 18px;
          font-size: 1.17rem;
          opacity: 0.7;
          filter: alpha(opacity=70);
          margin-top: 15px;
          font-weight: 100; }
    @media (max-width: 960px) {
      div.mk_230713 section.header {
        padding: 0 6%; }
        div.mk_230713 section.header .wrap_1024 .main_tit {
          margin: 110px auto 80px;
          width: 84%; }
        div.mk_230713 section.header .wrap_1024 .main_ul > li {
          width: 40%;
          margin: 0 5%; }
          div.mk_230713 section.header .wrap_1024 .main_ul > li img {
            width: 100%; } }
    @media (max-width: 760px) {
      div.mk_230713 section.header {
        background-size: 110%;
        padding: 0 4%; }
        div.mk_230713 section.header .wrap_1024 .main_tit {
          margin: 90px auto 70px;
          width: 80%; }
        div.mk_230713 section.header .wrap_1024 .main_ul {
          padding: 6% 4%; }
        div.mk_230713 section.header .wrap_1024 .txt_wrap {
          margin: 60px 0 80px; }
          div.mk_230713 section.header .wrap_1024 .txt_wrap .date {
            font-size: 30px;
            font-size: 1.95rem; }
          div.mk_230713 section.header .wrap_1024 .txt_wrap .ps {
            font-size: 16px;
            font-size: 1.04rem; } }
    @media (max-width: 650px) {
      div.mk_230713 section.header .wrap_1024 .main_tit {
        margin: 70px auto 50px;
        width: 70%; }
      div.mk_230713 section.header .wrap_1024 .main_ul {
        padding: 6% 3%;
        border-radius: 30px; }
      div.mk_230713 section.header .wrap_1024 .txt_wrap {
        margin: 50px 0 60px; }
        div.mk_230713 section.header .wrap_1024 .txt_wrap .date {
          font-size: 26px;
          font-size: 1.69rem; }
        div.mk_230713 section.header .wrap_1024 .txt_wrap .ps {
          font-size: 15px;
          font-size: 0.975rem;
          margin-top: 12px; } }
    @media (max-width: 480px) {
      div.mk_230713 section.header {
        background-size: 115%; }
        div.mk_230713 section.header .wrap_1024 .main_tit {
          margin: 60px auto 40px;
          width: 80%; }
        div.mk_230713 section.header .wrap_1024 .main_ul {
          padding: 5% 2%;
          border-radius: 20px; }
        div.mk_230713 section.header .wrap_1024 .txt_wrap {
          margin: 30px 0 40px; }
          div.mk_230713 section.header .wrap_1024 .txt_wrap .date {
            font-size: 20px;
            font-size: 1.3rem; }
          div.mk_230713 section.header .wrap_1024 .txt_wrap .ps {
            font-size: 14px;
            font-size: 0.91rem; } }
  div.mk_230713 section.youtube_sc {
    padding: 100px 0; }
    @media (max-width: 960px) {
      div.mk_230713 section.youtube_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.mk_230713 section.youtube_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.youtube_sc {
        padding: 50px 4%; } }
    div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul {
      margin-top: 60px; }
      div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li {
        float: left;
        width: 32.3%;
        margin: 0 0.5%;
        border-radius: 5px;
        overflow: hidden; }
        div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li .youtube {
          position: relative;
          padding-bottom: 56.25%;
          width: 100%; }
          div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li .youtube > iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center; }
    div.mk_230713 section.youtube_sc .wrap_1024 p.txt {
      font-size: 24px;
      font-size: 1.56rem;
      margin-top: 80px;
      line-height: 1.4;
      text-align: center;
      font-weight: 500;
      letter-spacing: -2px; }
    div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap {
      margin-top: 60px;
      text-align: center; }
      div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap .btn_st {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline; }
    @media (max-width: 960px) {
      div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul {
        margin-top: 20px;
        padding: 0 15%; }
        div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li {
          float: none;
          width: 100%;
          margin: 4% 0;
          border-radius: 10px; }
      div.mk_230713 section.youtube_sc .wrap_1024 p.txt {
        margin-top: 60px; } }
    @media (max-width: 760px) {
      div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul {
        margin-top: 20px;
        padding: 0 15%; }
        div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li {
          float: none;
          width: 100%;
          margin: 4% 0;
          border-radius: 10px; }
      div.mk_230713 section.youtube_sc .wrap_1024 p.txt {
        margin-top: 60px; } }
    @media (max-width: 600px) {
      div.mk_230713 section.youtube_sc .wrap_1024 p.txt {
        font-size: 20px;
        font-size: 1.3rem;
        margin-top: 40px;
        letter-spacing: -1px; }
      div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap {
        margin-top: 60px;
        text-align: center; }
        div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap .btn_st {
          width: 100%;
          padding: 0 10%; }
          div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap .btn_st > img {
            width: 100%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul {
        padding: 0 10%; }
        div.mk_230713 section.youtube_sc .wrap_1024 .youtube_ul > li {
          margin: 3% 0;
          border-radius: 5px; }
      div.mk_230713 section.youtube_sc .wrap_1024 p.txt {
        font-size: 17px;
        font-size: 1.105rem;
        margin-top: 30px; }
        div.mk_230713 section.youtube_sc .wrap_1024 p.txt br {
          display: none; }
      div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap {
        margin-top: 40px; }
        div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap .btn_st {
          padding: 0 5%; }
          div.mk_230713 section.youtube_sc .wrap_1024 .btn_wrap .btn_st > img {
            width: 100%; } }
  div.mk_230713 section.bene_sc {
    padding: 100px 0; }
    @media (max-width: 960px) {
      div.mk_230713 section.bene_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.mk_230713 section.bene_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.bene_sc {
        padding: 50px 4%; } }
    div.mk_230713 section.bene_sc .wrap_1024 .img_wrap > img {
      margin: 60px auto; }
    div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap {
      margin-top: 40px;
      text-align: center; }
      div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap p.txt {
        font-size: 24px;
        font-size: 1.56rem;
        line-height: 1.4;
        font-weight: 500;
        letter-spacing: -2px; }
      div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap .ps_ul {
        margin-top: 30px; }
        div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap .ps_ul > li {
          opacity: 0.7;
          filter: alpha(opacity=70); }
    div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap {
      margin-top: 60px;
      text-align: center; }
      div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap .btn_st {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        border: none;
        background: none; }
    @media (max-width: 760px) {
      div.mk_230713 section.bene_sc .wrap_1024 .img_wrap {
        padding: 0 15%; }
        div.mk_230713 section.bene_sc .wrap_1024 .img_wrap > img {
          margin: 50px auto;
          width: 100%; } }
    @media (max-width: 600px) {
      div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap {
        margin-top: 30px; }
        div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap p.txt {
          font-size: 20px;
          font-size: 1.3rem;
          letter-spacing: -1px; }
      div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap {
        margin-top: 50px;
        text-align: center; }
        div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap .btn_st {
          width: 100%;
          padding: 0 10%; }
          div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap .btn_st > img {
            width: 100%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.bene_sc .wrap_1024 .img_wrap {
        padding: 0 12%; }
        div.mk_230713 section.bene_sc .wrap_1024 .img_wrap > img {
          margin: 40px auto; }
      div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap {
        margin-top: 0; }
        div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap p.txt {
          font-size: 17px;
          font-size: 1.105rem; }
          div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap p.txt br.dp_w {
            display: none; }
        div.mk_230713 section.bene_sc .wrap_1024 .txt_wrap .ps_ul {
          margin-top: 20px; }
      div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap {
        margin-top: 40px; }
        div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap .btn_st {
          padding: 0 5%; }
          div.mk_230713 section.bene_sc .wrap_1024 .btn_wrap .btn_st > img {
            width: 100%; } }
  div.mk_230713 section.review_sc {
    position: relative;
    padding: 100px 0; }
    @media (max-width: 960px) {
      div.mk_230713 section.review_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.mk_230713 section.review_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.review_sc {
        padding: 50px 4%; } }
    div.mk_230713 section.review_sc .slick-slider {
      position: relative;
      margin-top: 20px;
      overflow: hidden; }
      @media (max-width: 480px) {
        div.mk_230713 section.review_sc .slick-slider {
          padding: 0; } }
      div.mk_230713 section.review_sc .slick-slider .center {
        width: 100%; }
        div.mk_230713 section.review_sc .slick-slider .center .slick-slide {
          opacity: 0.2;
          filter: alpha(opacity=20);
          display: none;
          float: left;
          min-height: 1px;
          -webkit-transition: all ease-in-out .3s;
          -o-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
          margin: 0px 10px; }
        div.mk_230713 section.review_sc .slick-slider .center .li_wd > img {
          margin: 0 auto; }
          @media (max-width: 1680px) {
            div.mk_230713 section.review_sc .slick-slider .center .li_wd > img {
              width: 100%; } }
        div.mk_230713 section.review_sc .slick-slider .center .slick-active {
          opacity: 0.5;
          filter: alpha(opacity=50); }
        div.mk_230713 section.review_sc .slick-slider .center .slick-current {
          opacity: 1;
          filter: alpha(opacity=100); }
        div.mk_230713 section.review_sc .slick-slider .center .slick-arrow {
          position: absolute;
          opacity: 0.8;
          filter: alpha(opacity=80);
          top: 43%;
          z-index: 1;
          width: 70px;
          height: 70px;
          font-size: 0;
          border: none;
          background: none;
          outline: none;
          cursor: pointer; }
          div.mk_230713 section.review_sc .slick-slider .center .slick-arrow:hover {
            opacity: 1;
            filter: alpha(opacity=100); }
          @media (max-width: 1680px) {
            div.mk_230713 section.review_sc .slick-slider .center .slick-arrow {
              width: 50px;
              height: 50px;
              border-radius: 100px; } }
        div.mk_230713 section.review_sc .slick-slider .center .slick-prev {
          background: url("../../../../img/event/mk_230713/prev.png") center no-repeat;
          left: 50%;
          margin-left: -360px; }
          @media (max-width: 1680px) {
            div.mk_230713 section.review_sc .slick-slider .center .slick-prev {
              margin-left: -18%; } }
        div.mk_230713 section.review_sc .slick-slider .center .slick-next {
          background: url("../../../../img/event/mk_230713/next.png") center no-repeat;
          left: 50%;
          margin-left: 290px; }
          @media (max-width: 1680px) {
            div.mk_230713 section.review_sc .slick-slider .center .slick-next {
              margin-left: 13%; } }
      div.mk_230713 section.review_sc .slick-slider .slick-initialized .slick-slide {
        display: block; }
    div.mk_230713 section.review_sc .btn_wrap {
      margin-top: 60px;
      text-align: center; }
      div.mk_230713 section.review_sc .btn_wrap .btn_st {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline; }
      @media (max-width: 600px) {
        div.mk_230713 section.review_sc .btn_wrap {
          margin-top: 50px;
          text-align: center; }
          div.mk_230713 section.review_sc .btn_wrap .btn_st {
            width: 100%;
            padding: 0 10%; }
            div.mk_230713 section.review_sc .btn_wrap .btn_st > img {
              width: 100%; } }
      @media (max-width: 480px) {
        div.mk_230713 section.review_sc .btn_wrap {
          margin-top: 40px; }
          div.mk_230713 section.review_sc .btn_wrap .btn_st {
            padding: 0 5%; }
            div.mk_230713 section.review_sc .btn_wrap .btn_st > img {
              width: 100%; } }
  div.mk_230713 section.kakao_sc {
    padding: 100px 0; }
    @media (max-width: 960px) {
      div.mk_230713 section.kakao_sc {
        padding: 80px 4%; } }
    @media (max-width: 760px) {
      div.mk_230713 section.kakao_sc {
        padding: 60px 4%; } }
    @media (max-width: 480px) {
      div.mk_230713 section.kakao_sc {
        padding: 50px 4%; } }
    div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap {
      margin-top: 80px;
      text-align: center; }
      div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline; }
        div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img {
          -webkit-animation-name: bounce;
          -moz-animation-name: bounce;
          -ms-animation-name: bounce;
          -o-animation-name: bounce;
          animation-name: bounce;
          -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; }

@-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.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 0%, div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 20%, div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 50%, div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 80%, div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > img 40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st:hover > 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); } }
      @media (max-width: 760px) {
        div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap {
          margin-top: 60px; }
          div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st {
            padding: 0 5%; }
            div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st > img {
              width: 100%; } }
      @media (max-width: 480px) {
        div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap {
          margin-top: 40px; }
          div.mk_230713 section.kakao_sc .wrap_1024 .btn_wrap .btn_st {
            padding: 0; } }
    div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac {
      margin-top: 50px;
      border-radius: 20px;
      padding: 5%; }
      div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .noti_tt {
        font-size: 16px;
        font-size: 1.04rem;
        font-weight: bold;
        margin-bottom: 10px; }
      div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac p.txt {
        font-size: 15px;
        font-size: 0.975rem;
        font-weight: 300;
        letter-spacing: 0;
        color: #aaa; }
      div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .bookstore {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        font-size: 14px;
        font-size: 0.91rem;
        background: #aaa;
        margin-top: 6px;
        padding: 3px 12px;
        border-radius: 5px;
        font-weight: bold; }
        div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .bookstore:hover {
          background: #bbb; }
      @media (max-width: 600px) {
        div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac {
          padding: 6%; }
          div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac .noti_tt {
            font-size: 15px;
            font-size: 0.975rem;
            margin-bottom: 8px; }
          div.mk_230713 section.kakao_sc .wrap_1024 .notice_ac p.txt {
            font-size: 14.6px;
            font-size: 0.949rem; } }