<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("/assets/fonts/nanum-gothic/nanumgothic.css");
html,
body {
  height: 100%;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
}

html.noScroll {
  overflow: hidden;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption,
hgroup {
  margin: 0;
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
select,
textarea,
input,
label,
button {
  word-break: keep-all;
  color: #757575;
  font-size: 13px;
  font-family: "Nanum Gothic", Dotum, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.6;
}

article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
nav,
section,
time,
mark,
canvas,
video,
audio,
details,
summary {
  display: block;
  margin: 0;
  padding: 0;
}

iframe {
  border: none;
}

iframe.pop {
  width: 100%;
}

iframe.affiliates,
iframe.affiliatelist,
iframe.recruitlist {
  width: 100%;
  height: 293px;
  vertical-align: top;
  background: transparent;
  visibility: hidden;
}

iframe.jobs {
  width: 100%;
  height: 417px;
  vertical-align: top;
  background: transparent;
  visibility: hidden;
}

li {
  list-style: none;
  word-break: keep-all;
}

/* Space */
hr {
  clear: both;
  display: block;
  visibility: hidden;
  width: 1px;
  height: 40px !important;
  font-size: 0;
  line-height: 0;
}

/* Basic */
img {
  border: 0;
}

mark {
  display: inline-block;
  background-color: transparent;
}

small {
  font-size: 12px;
}

em,
address,
del,
small {
  font-style: normal;
}

.no-border {
  border: none !important;
}

.clear {
  clear: both;
}

textarea {
  scrollbar-base-color: #e4a8ae;
  scrollbar-arrow-color: #fff;
}

textarea::-webkit-scrollbar {
  width: 2px;
}

textarea::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #ccc;
}

textarea::-webkit-scrollbar-thumb {
  background-color: #de848c;
}

textarea::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

button {
  cursor: pointer;
}

.phone-icon {
  border-radius: 8px;
}

.bold {
  font-weight: bold;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  /* Safari */
  /* Konqueror HTML */
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.relative {
  position: relative;
}

input[readonly] {
  background: #f9f9f9 !important;
}

input:focus {
  outline: none;
}

::selection {
  text-shadow: none;
  color: #e31a4c;
}

.select2-container {
  min-width: 70px;
}

.select2-container--default .select2-selection--single {
  min-width: 70px;
}

.bold {
  font-weight: bold;
}

#loading {
  display: none;
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0) url("/assets/images/ajax_loading.gif") 50% 50% no-repeat;
  background-size: 50px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

button:focus {
  outline: none;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("http://i.stack.imgur.com/FhHRx.gif") 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading2 {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading2 .modal {
  display: block;
}

.color-red {
  color: #ee4352 !important;
}

.font-sm {
  font-size: 12px;
}

ul li {
  font-size: 13px;
  line-height: 1.2em;
}

textarea {
  resize: none;
  text-align: left;
  padding: 10px;
  background: #fff;
  font-size: 13px;
  line-height: 20px;
  outline: none;
}

textarea:read-only {
  background: #fafafa !important;
}

.color-white {
  color: #fff !important;
}

.disable-scroll {
  /* disable scrollbar on both x and y axis */
  overflow: hidden;
  /* disable scrollbar on x-axis only */
  overflow-x: hidden;
  /* disable scrollbar on y-axis only */
  overflow-y: hidden;
  /* disable scroll */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* OPTIONAL: none of dom element will be click-able */
  pointer-events: none;
}

.grayLayer {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1079;
}

[class^="modal-"] {
  border: 1px solid #eee;
  padding: 30px;
  display: none;
  position: absolute;
  z-index: 1080;
  box-sizing: border-box;
  background: #fff;
}

[class^="modal-"] .relative-box {
  position: relative;
  width: 100%;
  height: 100%;
}

[class^="modal-"] .relative-box .close {
  position: absolute;
  top: -33px;
  right: -90px;
  width: 49px;
  height: 49px;
  background: url("/assets/images/mobile/right_close.png") center center no-repeat;
  cursor: pointer;
}

[class^="modal-"] .relative-box .close:hover {
  opacity: 0.7;
}

.form-error.valid {
  margin: 0 !important;
}

.profile-round {
  border-radius: 50%;
}

.sub-color {
  color: #de848c !important;
}

.form-error {
  text-align: left;
  color: #ff5a5f;
  font-size: 13px;
}

.bd-red {
  border-color: #f3cbcc !important;
}

.w30 {
  width: 30% !important;
}

.w33 {
  width: 33.3% !important;
}

.w40 {
  width: 40% !important;
}

.w49 {
  width: 49% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w25 {
  width: 25% !important;
}

.w100 {
  width: 100% !important;
}

.fsz-12 {
  font-size: 12px !important;
}

.fsz-13 {
  font-size: 13px !important;
}

.upper-case {
  text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 14px;
}

.select2-results__option[aria-selected] {
  font-size: 14px;
  text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
}

.select2-results__option {
  font-size: 14px;
}

.pt-10 {
  padding-top: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pd-30 {
  padding: 30px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.display-block {
  display: block !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.inline-block {
  display: inline-block;
}

.ovh {
  overflow: hidden;
}

.base-container {
  width: 1005px;
  margin: 0 auto;
}

.outer-container {
  width: 1597px;
  min-width: 1200px;
  max-width: 95%;
  margin: 0 auto;
  position: relative;
}

.upper-bar {
  border-top: 6px solid #e11a4d;
  height: 8px;
  width: 95%;
  margin: auto;
}

.layout-container {
  background: #ccc;
}

ul {
  display: inline-block;
  overflow: hidden;
}

.blur {
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

a {
  text-decoration: none;
}

ul {
  overflow: hidden;
}

img {
  -ms-interpolation-mode: bicubic !important;
}

.layout-footer {
  z-index: 11;
  margin-top: -100px;
  padding-bottom: 50px;
  overflow: hidden;
}

.layout-footer .base-container {
  padding-top: 20px;
  border-top: 1px solid #6f0406;
}

.layout-footer .base-container.inner-footer {
  padding-top: 30px;
}

.layout-footer .base-container .footer-logo {
  width: 10%;
  float: left;
}

.layout-footer .base-container .right-area {
  width: 90%;
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
}

.layout-footer .base-container .right-area .row-1 {
  margin-bottom: 30px;
  margin-top: 23px;
}

.layout-footer .base-container .right-area .row-1 &gt; ul {
  display: inline-block;
}

.layout-footer .base-container .right-area .row-1 &gt; ul &gt; li {
  float: left;
}

.layout-footer .base-container .right-area .row-1 &gt; ul &gt; li a {
  font-size: 14px;
  color: #640508;
  transition: all 0.3s;
}

.layout-footer .base-container .right-area .row-1 &gt; ul &gt; li a:hover {
  transition: all 0.3s;
  color: #fff;
}

.layout-footer .base-container .right-area .row-1 &gt; ul &gt; li.separator {
  color: #640508;
  margin: 0 10px;
}

.layout-footer .base-container .right-area .row-1 .icon-box {
  float: right;
}

.layout-footer .base-container .right-area .row-1 .icon-box ul li {
  background: rgba(0, 0, 0, 0.2);
  padding: 0 7px;
  border-radius: 4px;
}

.layout-footer .base-container .right-area .row-1 .icon-box ul li span.font {
  display: inline-block;
  color: #fff;
  line-height: 24px;
}

.layout-footer .base-container .right-area .row-1 .icon-box ul li span.cross {
  font-size: 20px;
  color: #db1a48;
  font-weight: bold;
  margin-left: 3px;
  vertical-align: middle;
}

.layout-footer .base-container .right-area .row-2 {
  color: #640508;
}

.layout-footer .base-container .right-area .row-2 span {
  color: #640508;
}

.layout-header {
  width: 700px !important;
}

.layout-header .header-container {
  margin-top: 25px;
  margin-bottom: 10px;
}

.layout-header .header-container &gt; div {
  display: inline-block;
  vertical-align: middle;
}

.layout-header ul.menu {
  display: inline-block;
}

.layout-header ul.menu &gt; li {
  float: left;
}

.layout-header ul.menu &gt; li a {
  font-size: 15px;
  color: #fff;
  transition: all 0.3s;
  opacity: 1;
}

.layout-header ul.menu &gt; li a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.layout-header ul.menu &gt; li a img.header-logo {
  width: 120px;
}

.layout-header ul.menu &gt; li.separator {
  color: #fff;
  margin: 0 20px;
  font-size: 18px;
  font-family: "Open Sans Condensed", sans-serif;
  line-height: 15px;
}

.layout-header ul.menu &gt; li.sns {
  margin-left: 23px;
}

.layout-header ul.menu &gt; li.sns a {
  font-size: 21px;
  color: #fff;
  transition: all 0.3s;
  opacity: 1;
}

.layout-header ul.menu &gt; li.sns a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: url("/assets/images/front/promotion/main/bg.png") repeat;
}

.promotion .inner-width {
  width: 1080px;
  margin: auto;
}

.promotion .inner-container {
  min-height: 100vh;
}

.promotion .main-content {
  padding: 60px 0 60px 0;
}

.promotion .main-content .title-text1 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  opacity: 0.6;
}

.promotion .main-content .title-text1 .highlight {
  font-weight: bold;
}

.promotion .main-content .title-image {
  margin-top: 50px;
  margin-bottom: 40px;
  position: relative;
}

.promotion .main-content .title-image .hand {
  position: absolute;
  right: 13px;
  top: -157px;
}

.promotion .main-content .title-text2 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  opacity: 0.8;
}

.promotion .main-content .title-text2 .highlight {
  font-weight: bold;
}

.promotion .main-content .title-buttons {
  margin-top: 60px;
  text-align: center;
}

.promotion .main-content .title-buttons a {
  padding: 7px 25px;
  background: #fff;
  color: #f4193f;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: inset 0 0 7px #000000;
  opacity: 1;
}

.promotion .main-content .title-buttons a:first-child {
  margin-right: 7px;
}

.promotion .main-content .title-buttons a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion .main-content .title-episodes {
  overflow: hidden;
}

.promotion .main-content .title-episodes a {
  width: 49%;
  opacity: 1;
}

.promotion .main-content .title-episodes a:first-child {
  float: left;
}

.promotion .main-content .title-episodes a:last-child {
  float: right;
}

.promotion .main-content .title-episodes a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion .main-content .title-episodes a img {
  width: 100%;
  height: 176px;
}

.promotion .main-content .title-intro .inner-intro {
  margin-top: 60px;
}

.promotion .slider-box {
  width: 100%;
  height: 415px;
  display: list-item;
}

.promotion .detail-content {
  padding: 0 0 60px 0;
}

.promotion .detail-content .navigation {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 160px;
}

.promotion .detail-content .navigation span {
  display: inline-block;
  margin: 0 20px;
}

.promotion .detail-content .navigation span a {
  color: #fff;
  font-weight: bold;
  opacity: 0.5;
  font-size: 15px;
}

.promotion .detail-content .navigation span a.active {
  opacity: 1;
}

.promotion .detail-content .navigation img {
  display: inline-block;
  width: 6px;
  vertical-align: middle;
}

.promotion .detail-content .episode-content {
  width: 600px;
  margin: auto;
  position: relative;
}

.promotion .detail-content .episode-content img.figure {
  position: absolute;
  top: -60px;
  left: -80px;
  z-index: 1;
}

.promotion .detail-content .episode-content &gt; div {
  text-align: center;
}

.promotion .detail-content .episode-content .title-1 {
  z-index: 2;
  color: #fff;
  font-size: 16px;
}

.promotion .detail-content .episode-content .title-2 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 40px;
  letter-spacing: 1px;
}

.promotion .detail-content .episode-content .title-3 {
  z-index: 2;
  position: relative;
  background: #fff;
  border-radius: 50px;
  color: #e31a4c;
  padding: 0;
  font-size: 20px;
  width: 48%;
  margin: auto;
}

.promotion .detail-content .episode-content .image-area {
  position: relative;
  z-index: 2;
  margin-top: 60px;
  overflow: hidden;
}

.promotion .detail-content .episode-content .image-area img {
  width: 49%;
  margin-bottom: 10px;
}

.promotion .detail-content .episode-content .image-area img:nth-child(odd) {
  float: left;
}

.promotion .detail-content .episode-content .image-area img:nth-child(even) {
  float: right;
}

.promotion .detail-content .episode-content .text-area {
  margin-top: 40px;
  font-size: 12px;
  text-align: left;
  color: #fff;
}

.promotion .detail-content .episode-content .button-area {
  margin-top: 60px;
  text-align: center;
}

.promotion .detail-content .episode-content .button-area a {
  padding: 7px 25px;
  background: #fff;
  color: #f4193f;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: inset 0 0 7px #000000;
  opacity: 1;
}

.promotion .detail-content .episode-content .button-area a:first-child {
  margin-right: 7px;
}

.promotion .detail-content .episode-content .button-area a:nth-child(2) {
  margin-right: 7px;
}

.promotion .detail-content .episode-content .button-area a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion-m .header {
  text-align: center;
  height: initial !important;
  margin-bottom: 15px;
}

.promotion-m .header img {
  display: inline-block;
  margin: 20px auto;
  width: 50%;
}

.promotion-m .header .header-m ul.menu {
  width: 100%;
  display: inline-block;
}

.promotion-m .header .header-m ul.menu &gt; li {
  float: left;
  width: 30%;
}

.promotion-m .header .header-m ul.menu &gt; li a {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #333;
  transition: all 0.3s;
  opacity: 1;
}

.promotion-m .header .header-m ul.menu &gt; li a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion-m .header .header-m ul.menu &gt; li.separator {
  color: #333;
  margin: 0 1%;
  font-size: 15px;
  font-family: "Open Sans Condensed", sans-serif;
  width: initial;
}

.promotion-m .upper {
  background: url("/assets/images/front/promotion/main/bg.png") repeat;
}

.promotion-m .upper .img-box {
  text-align: right;
}

.promotion-m .upper .img-box img {
  width: 80%;
}

.promotion-m .upper .title-text2 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  opacity: 0.8;
  width: 80%;
  margin: 0 auto 30px auto;
  font-weight: lighter;
}

.promotion-m .upper .title-text2 .highlight {
  font-weight: bold;
}

.promotion-m .upper .title-buttons {
  margin-top: 60px;
  margin-bottom: 100px;
  text-align: center;
}

.promotion-m .upper .title-buttons a {
  padding: 10px 20px;
  background: #fff;
  color: #f4193f;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: inset 0 0 7px #000000;
  opacity: 1;
}

.promotion-m .upper .title-buttons a:first-child {
  margin-right: 7px;
}

.promotion-m .upper .title-buttons a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion-m .upper .title-episodes {
  margin-top: 60px;
  overflow: hidden;
}

.promotion-m .upper .title-episodes a {
  width: 100%;
  opacity: 1;
}

.promotion-m .upper .title-episodes a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.promotion-m .upper .title-episodes a img {
  width: 100%;
}

.promotion-m .upper .title-intro {
  overflow: hidden;
}

.promotion-m .upper .title-intro .inner-intro {
  overflow: hidden;
}

.promotion-m .upper .title-intro .inner-intro img {
  display: inline-block;
  width: 100%;
}

.promotion-m .layout-footer {
  margin-top: -1px;
  background: url("/assets/images/front/promotion/main/bg.png") repeat;
  padding: 15px;
  padding-top: 0px;
}

.promotion-m .layout-footer .base-container {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #6f0406;
}

.promotion-m .layout-footer .base-container .footer-logo {
  width: 20%;
  float: left;
}

.promotion-m .layout-footer .base-container .right-area {
  width: 80%;
  float: left;
  box-sizing: border-box;
}

.promotion-m .layout-footer .base-container .right-area .row-1 {
  margin-bottom: 30px;
  margin-top: 23px;
}

.promotion-m .layout-footer .base-container .right-area .row-1 &gt; ul {
  display: block;
}

.promotion-m .layout-footer .base-container .right-area .row-1 &gt; ul &gt; li {
  float: left;
}

.promotion-m .layout-footer .base-container .right-area .row-1 &gt; ul &gt; li a {
  font-size: 11px;
  color: #640508;
  transition: all 0.3s;
}

.promotion-m .layout-footer .base-container .right-area .row-1 &gt; ul &gt; li a:hover {
  transition: all 0.3s;
  color: #fff;
}

.promotion-m .layout-footer .base-container .right-area .row-1 &gt; ul &gt; li.separator {
  color: #640508;
  margin: 0 3px;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box {
  text-align: right;
  display: block;
  float: none !important;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box ul {
  float: none !important;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box ul .footer-btn {
  padding: 3px 7px;
  margin-top: 5px;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box ul li {
  background: rgba(0, 0, 0, 0.2);
  padding: 0 7px;
  border-radius: 4px;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box ul li span.font {
  display: inline-block;
  color: #fff;
  font-size: 11px;
}

.promotion-m .layout-footer .base-container .right-area .row-1 .icon-box ul li span.cross {
  font-size: 12px;
  color: #db1a48;
  font-weight: bold;
  margin-left: 3px;
  vertical-align: middle;
}

.promotion-m .layout-footer .base-container .right-area .row-2 {
  font-size: 12px;
  color: #640508;
}

.promotion-m .layout-footer .base-container .right-area .row-2 span {
  color: #640508;
}

.promotion-m .details {
  background: url("/assets/images/front/promotion/main/bg.png") repeat;
}

.promotion-m .details .upper-banner {
  width: 100%;
}

.promotion-m .details .navigation {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
}

.promotion-m .details .navigation span {
  display: inline-block;
  margin: 10px;
  border: 1px solid #cc2f3e;
  padding: 7px;
}

.promotion-m .details .navigation span a {
  color: #fff;
  font-weight: bold;
  opacity: 0.5;
  font-size: 15px;
}

.promotion-m .details .navigation span a.active {
  opacity: 1;
}

.promotion-m .details .navigation img {
  display: inline-block;
  width: 6px;
  vertical-align: middle;
}

.promotion-m .details .episode-content {
  width: 90%;
  margin: auto;
  position: relative;
  padding: 50px 0;
}

.promotion-m .details .episode-content img.figure {
  position: absolute;
  top: -60px;
  left: -80px;
  z-index: 1;
  display: none;
}

.promotion-m .details .episode-content &gt; div {
  text-align: center;
}

.promotion-m .details .episode-content .title-1 {
  z-index: 2;
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
}

.promotion-m .details .episode-content .title-2 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
}

.promotion-m .details .episode-content .title-3 {
  z-index: 2;
  position: relative;
  background: #fff;
  border-radius: 50px;
  color: #e31a4c;
  padding: 0 10px;
  font-size: 16px;
  width: 48%;
  margin: auto;
}

.promotion-m .details .episode-content .image-area {
  position: relative;
  z-index: 2;
  margin-top: 60px;
  overflow: hidden;
}

.promotion-m .details .episode-content .image-area img {
  width: 49%;
  margin-bottom: 10px;
}

.promotion-m .details .episode-content .image-area img:nth-child(odd) {
  float: left;
}

.promotion-m .details .episode-content .image-area img:nth-child(even) {
  float: right;
}

.promotion-m .details .episode-content .text-area {
  margin-top: 40px;
  font-size: 14px;
  text-align: left;
  color: #fff;
}

.promotion-m .details .episode-content .button-area {
  margin-top: 60px;
  text-align: center;
}

.promotion-m .details .episode-content .button-area a {
  padding: 10px 20px;
  background: #fff;
  color: #f4193f;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: inset 0 0 7px #000000;
  opacity: 1;
}

.promotion-m .details .episode-content .button-area a:first-child {
  margin-right: 7px;
}

.promotion-m .details .episode-content .button-area a:nth-child(2) {
  margin-right: 7px;
}

.promotion-m .details .episode-content .button-area a:hover {
  transition: all 0.3s;
  opacity: 0.7;
}

.drake {
  height: 100vh;
  background: url("/assets/images/front/promotion/barberdrake/pc/bg.png") repeat;
}

.drake .pc-display {
  width: 1200px;
  margin: auto;
}

.drake .fll {
  width: 60%;
  position: relative;
}

.drake .fll .title {
  margin-top: 5vh;
  display: block;
  margin-left: -56px;
  height: 30vh;
}

.drake .fll .text {
  display: block;
  margin-bottom: 20px;
  height: 30vh;
}

.drake .fll .badge {
  position: absolute;
  top: 39vh;
  right: 0;
  width: 200px;
}

.drake .fll .btn-box {
  cursor: pointer;
  margin-top: 3vh;
  border: 1px solid #fff;
  padding: 20px;
  width: 13vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.drake .fll .btn-box .apply-btn {
  display: inline-block;
}

.drake .fll .btn-box .arrow {
  float: right;
}

.drake .flr {
  width: 40%;
  position: relative;
}

.drake .flr img {
  position: absolute;
  height: 100vh;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 769px) {
  .modal-drake {
    position: relative;
    height: 450px !important;
  }
  .modal-drake .step2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }
  .modal-drake .step2 img {
    margin: 0 !important;
  }
}

.drake-m {
  background: url("/assets/images/front/promotion/barberdrake/mobile/bg.png") repeat;
}

.drake-m .mobile {
  width: 100%;
}

.drake-m .mobile img {
  width: 100%;
}
/*# sourceMappingURL=common.css.map */</pre></body></html>