/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

  #contents .content.event.sub_event_page{padding:0}
/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box; }

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit; }

/**
 * Basic styles for links
 */
.baseLink {
  cursor: pointer;
  text-decoration: none; }

a {
  text-decoration: none; }

.pt5 {
  margin-top: 5px; }

.pt10 {
  margin-top: 10px; }

.page-container {
  display: block;
  width: 100%;
  margin: 0 auto; }

.layout-wrap-close {
  -moz-transition: left 250ms ease-out;
  -webkit-transition: left 250ms ease-out;
  transition: left 250ms ease-out;
  left: 0;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
  overflow-x: hidden; }

.bold {
  font-weight: 700; }

.layout-wrap-open {
  -moz-transition: left 250ms ease-out;
  -webkit-transition: left 250ms ease-out;
  transition: left 250ms ease-out;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%; }
  .layout-wrap-open > div:not(.app-header) {
    display: none; }

@media (min-width: 768px) {
  .page-container {
    width: 720px; } }

.disable-content {
  display: none; }

.base-input-box {
  border: 1px solid #e5e5e5;
  padding-left: 10px;
  height: 45px; }
  .base-input-box::placeholder {
    padding-top: 10px; }

.loading-container {
  background-color: #f5f5f5;
  height: 500px;
  text-align: center;
  width: 100%; }
  .loading-container img {
    display: inline-block;
    height: 150px;
    margin-top: 100px;
    width: 77px; }

.loading-snipet {
  position: absolute;
  left: 25%;
  top: 25%;
  margin: auto;
  z-index: 999; }

.loading-snipet-product {
  position: absolute;
  left: 25%;
  top: 7%;
  margin: auto;
  z-index: 999; }

input {
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

textarea {
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.bold-font {
  font-weight: bold; }

.red-font {
  color: #ed1c24; }

@font-face {
  font-family: 'DINNextLTProBold';
  font-style: normal;
  font-weight: bold;
  src: url(//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/DINNextLTPro-Bold.ttf); }

@font-face {
  font-family: 'DINNextLTProRegular';
  font-style: normal;
  src: url(//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/DINNextLTPro-Regular.ttf); }

@font-face {
  font-family: 'DINCondensed-Regular';
  font-style: normal;
  src: url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-05-21/365c123163b805e0c7a26cd62ab169f9.woff) format("woff"), url(//d319d1tzjwpwbb.cloudfront.net/app/images/2020-05-21/e8b28b6d2b292c5581be1f05e5b3f79a.woff2) format("woff2"); }

/**
 * Basic typography style for copy text
 */
body {
  color: #080808; }

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1200px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  padding-right: 20px;
  /* 3 */
  width: 100%;
  /* 1 */ }

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999; }
  .modal-wrapper .modal-box {
    width: 360px;
    height: 210px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.27);
    background-color: #ffffff;
    position: relative; }
    .modal-wrapper .modal-box .x-btn {
      width: 16px;
      height: 15px;
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer; }
    .modal-wrapper .modal-box .modal-title {
      width: 115px;
      height: 19px;
      font-family: AppleSDGothicNeo;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #080808;
      margin: 44px auto 0; }
    .modal-wrapper .modal-box .select-lang {
      display: flex;
      justify-content: center; }
      .modal-wrapper .modal-box .select-lang .lang-korean {
        margin-right: 40px; }
      .modal-wrapper .modal-box .select-lang .lang-korean, .modal-wrapper .modal-box .select-lang .lang-english {
        margin-top: 24px;
        cursor: pointer; }
        .modal-wrapper .modal-box .select-lang .lang-korean img, .modal-wrapper .modal-box .select-lang .lang-english img {
          width: 100px;
          height: 60px; }
        .modal-wrapper .modal-box .select-lang .lang-korean p, .modal-wrapper .modal-box .select-lang .lang-english p {
          font-family: NotoSansCJKkr;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #080808;
          width: 50px;
          margin: 6px auto 0;
          text-align: center; }

.pop-language {
  border-top: 1px solid #e5e5e5;
  width: 140px;
  height: auto;
  position: absolute;
  background: #fff;
  right: 0; }
  .pop-language li {
    list-style: none;
    margin: 5px 0px; }
    .pop-language li span {
      position: absolute;
      margin-top: 2px;
      margin-left: 2px; }
  .pop-language ul {
    padding-left: 25px; }

.display-none {
  display: none; }

.event-banner {
  background-color: #000;
  color: #FFF;
  font-size: 15px;
  padding: 10px 20px;
  position: relative;
  width: 100%;
  z-index: 999; }
  .event-banner .close-button-img {
    cursor: pointer;
    position: absolute;
    right: 17px;
    top: 14px;
    width: 13px; }

.county-select {
  height: 24px;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 24px; }

.main-page .app-header {
  position: fixed;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 0; }
  .main-page .app-header .title-box .title-box-menu {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_menu_white.svg);
    left: 20px; }
  .main-page .app-header .title-box .title-box-logo {
    width: 155px; }
    .main-page .app-header .title-box .title-box-logo img {
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_spyder_logo_white.svg); }
  .main-page .app-header .title-box .title-box-search {
    content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/icon_search_white_0222.svg);
    width: 28px;
    z-index: 1; }

.mt40 {
  padding-top: 39px; }

.app-header {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 1200; }
  .app-header .top-button-wrapper {
    bottom: 66px;
    height: 50px;
    position: fixed;
    right: 20px;
    width: 50px;
    z-index: 90; }
    .app-header .top-button-wrapper .top-button {
      height: auto;
      position: relative;
      width: 50px; }
  .app-header .header-blur-box {
    transform: translate(0%, -91.0045%) matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    background-color: rgba(21, 21, 21, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 20vh; }
    .app-header .header-blur-box.show {
      display: block; }
  .app-header .title-box {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 7.5px 0; }
    .app-header .title-box .title-box-logo {
      display: block;
      height: 43px;
      margin: 0 auto;
      position: relative;
      width: 145px; }
      .app-header .title-box .title-box-logo img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .app-header .title-box .title-box-menu {
      box-sizing: content-box;
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 23px; }
    .app-header .title-box .title-box-search {
      position: absolute;
      right: 60px;
      width: 28px;
      top: 50%;
      transform: translateY(-50%); }
    .app-header .title-box .change-lang {
      position: absolute;
      right: 15px;
      width: 27px;
      height: 16px;
      top: 50%;
      transform: translateY(-50%); }
  .app-header .header-overlay-disable {
    display: none;
    height: 100%;
    width: 100%; }
  .app-header .header-overlay {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10; }
  .app-header .header-main-menu-wrap-close {
    -moz-transition: left 250ms ease-out;
    -webkit-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
    height: 100%;
    left: -85%;
    top: 0;
    position: fixed;
    width: 80%;
    z-index: 100; }
  .app-header .header-main-menu-wrap-open {
    -moz-transition: left 250ms ease-out;
    -webkit-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1000; }
  .app-header .header-main-menu {
    background-color: #fff;
    color: #000;
    height: 100%;
    left: 0;
    overflow: scroll;
    top: 0;
    position: relative;
    width: 100%;
    z-index: 1000; }
    .app-header .header-main-menu .menu-header-area {
      position: relative;
      width: 100%;
      height: 59px;
      border-bottom: 1px solid #e5e5e5; }
      .app-header .header-main-menu .menu-header-area .logo-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 145px; }
      .app-header .header-main-menu .menu-header-area .main-menu-close-button {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 13px; }
      .app-header .header-main-menu .menu-header-area .main-menu-search-btn {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 28px; }
    .app-header .header-main-menu .customer-name-box {
      display: block;
      font-size: 17px;
      height: 74px;
      line-height: 74px;
      padding-left: 35px;
      text-align: left;
      width: 100%; }
      .app-header .header-main-menu .customer-name-box .main-menu-close-button {
        position: absolute;
        right: 15px;
        top: 21px;
        width: 20px; }
      .app-header .header-main-menu .customer-name-box .link-font {
        color: #fff; }
    .app-header .header-main-menu .base-menu-block {
      background-color: #000; }
      .app-header .header-main-menu .base-menu-block .base-menu-line {
        padding: 15px 0;
        border-bottom: 1px solid #3e3e3e; }
        .app-header .header-main-menu .base-menu-block .base-menu-line:last-child {
          border-bottom: 0; }
      .app-header .header-main-menu .base-menu-block .menu-item {
        display: inline-block;
        width: 50%;
        text-align: center;
        color: #e5e5e5;
        font-size: 15px;
        line-height: 30px; }
        .app-header .header-main-menu .base-menu-block .menu-item:first-child {
          border-right: 1px solid #3e3e3e; }
    .app-header .header-main-menu .category-block {
      height: auto;
      position: relative;
      width: 100%; }
      .app-header .header-main-menu .category-block .category-main-select-box {
        border-top: 1px solid #282828;
        color: #fff;
        font-size: 20px;
        display: inline-block;
        height: 54px;
        line-height: 56px;
        position: relative;
        text-align: center;
        width: 50%; }
      .app-header .header-main-menu .category-block .category-main-selected {
        background-color: #282828; }
      .app-header .header-main-menu .category-block .category-sub-block {
        height: auto;
        position: relative;
        width: 100%; }
      .app-header .header-main-menu .category-block .category-menu-title-box {
        border-top: 1px solid #282828;
        font-size: 20px;
        height: 54px;
        line-height: 55px;
        padding-left: 35px;
        position: relative;
        width: 100%; }
        .app-header .header-main-menu .category-block .category-menu-title-box .category-title {
          height: 100%;
          position: relative;
          width: 70%; }
        .app-header .header-main-menu .category-block .category-menu-title-box a {
          color: #000; }
        .app-header .header-main-menu .category-block .category-menu-title-box .sub-menu-flip-button {
          height: 19px;
          position: absolute;
          right: 35px;
          top: 2px; }
          .app-header .header-main-menu .category-block .category-menu-title-box .sub-menu-flip-button .img-plus-minus {
            width: 19px;
            background-color: black; }
      .app-header .header-main-menu .category-block .category-menu-title-box-2 {
        border-top: 1px solid #282828;
        font-size: 20px;
        height: 54px;
        line-height: 55px;
        text-align: center;
        position: relative;
        width: 100%; }
        .app-header .header-main-menu .category-block .category-menu-title-box-2 a {
          color: #000; }
      .app-header .header-main-menu .category-block .category-sub-menu-box-close {
        height: 0;
        overflow: hidden;
        transition: all .25s ease-in-out; }
      .app-header .header-main-menu .category-block .category-sub-menu-box {
        border-top: 1px solid #282828;
        height: 250px;
        margin-bottom: 5px;
        position: relative;
        padding-left: 35px;
        width: 100%;
        transition: height .25s ease-in-out; }
      .app-header .header-main-menu .category-block .category-sub-menu-table {
        display: inline-block;
        font-size: 15px;
        height: auto;
        margin: 14px 0 14px 0;
        padding-left: 80px;
        position: relative;
        vertical-align: top;
        width: 100%; }
        .app-header .header-main-menu .category-block .category-sub-menu-table .header-td {
          height: 47px;
          width: 100%;
          vertical-align: top; }
        .app-header .header-main-menu .category-block .category-sub-menu-table .body-td {
          color: #cccccc;
          height: 43px;
          line-height: 43px;
          width: 100%;
          vertical-align: top; }
        .app-header .header-main-menu .category-block .category-sub-menu-table .sub-category-font-1 {
          color: #fff; }
        .app-header .header-main-menu .category-block .category-sub-menu-table .sub-category-font-2 {
          color: #888; }
    .app-header .header-main-menu .header-customer-menu {
      color: #cccccc;
      font-size: 15px;
      height: auto;
      position: relative;
      width: 100%;
      margin-top: 17px; }
      .app-header .header-main-menu .header-customer-menu .customer-menu-link-text {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #000;
        font-size: 17px;
        font-weight: bold; }
      .app-header .header-main-menu .header-customer-menu ul {
        margin: 0;
        padding: 0; }
      .app-header .header-main-menu .header-customer-menu li {
        line-height: 60px;
        text-align: center;
        border-bottom: 1px solid #fff; }
        .app-header .header-main-menu .header-customer-menu li.black {
          background-color: #000; }
          .app-header .header-main-menu .header-customer-menu li.black .customer-menu-link-text {
            color: #fff; }
  .app-header .header-search-box-close {
    display: none; }
  .app-header .header-search-box {
    border-bottom: 1px solid #f5f5f5;
    background: #ffffff;
    color: #333;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 900; }
    .app-header .header-search-box .search-box-close-button {
      position: absolute;
      bottom: 0;
      width: 100%;
      line-height: 60px;
      background-color: #484848;
      font-size: 17px;
      font-weight: bold;
      color: #ffffff;
      text-align: center; }
    .app-header .header-search-box .search-text-box-wrap {
      padding: 40px 40px; }
      .app-header .header-search-box .search-text-box-wrap .search-text-box {
        background: #FFF url(//d319d1tzjwpwbb.cloudfront.net/common/icons/icon_search_grey_0222.svg) no-repeat 10px 10px;
        background-size: 20px;
        background-position: right 0px center;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px solid #8e8e93;
        bottom: 45px;
        color: #333;
        font-size: 15px;
        font-weight: 300;
        height: 40px;
        padding-left: 10px;
        width: 100%; }
    .app-header .header-search-box .recommend-search-list {
      margin-top: -20px;
      text-align: center;
      font-size: 15px; }
      .app-header .header-search-box .recommend-search-list .tab-list {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5; }
        .app-header .header-search-box .recommend-search-list .tab-list .tab-item {
          display: inline-block;
          width: 50%;
          line-height: 50px;
          font-weight: bold;
          color: #080808; }
          .app-header .header-search-box .recommend-search-list .tab-list .tab-item.open {
            color: #ed1c24;
            border-bottom: 2px solid #ed1c24; }
      .app-header .header-search-box .recommend-search-list .word-items {
        display: none; }
        .app-header .header-search-box .recommend-search-list .word-items.open {
          display: block; }
        .app-header .header-search-box .recommend-search-list .word-items .word-item {
          margin: 30px;
          font-weight: 300;
          color: #222222; }

.spyder-menu-list-wrap {
  width: 100%;
  text-align: left;
  font-size: 0; }
  .spyder-menu-list-wrap .spyder-menu-item {
    margin-top: -1px; }
    .spyder-menu-list-wrap .spyder-menu-item .spyder-menu-title {
      padding: 0 15px;
      position: relative; }
      .spyder-menu-list-wrap .spyder-menu-item .spyder-menu-title .category-link {
        color: #080808; }
      .spyder-menu-list-wrap .spyder-menu-item .spyder-menu-title .title {
        display: inline-block;
        width: 85%; }
      .spyder-menu-list-wrap .spyder-menu-item .spyder-menu-title .indicator {
        line-height: 1;
        width: 16px;
        color: #ca0000;
        content: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/btn_%2B(gray).svg");
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%); }
    .spyder-menu-list-wrap .spyder-menu-item .spyder-menu-children {
      display: none; }
    .spyder-menu-list-wrap .spyder-menu-item.open > .spyder-menu-title .indicator {
      content: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/btn_-(gray).svg"); }
    .spyder-menu-list-wrap .spyder-menu-item.open > .spyder-menu-children {
      display: block; }
  .spyder-menu-list-wrap.depth0 {
    padding: 0; }
    .spyder-menu-list-wrap.depth0 > .spyder-menu-item {
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; }
      .spyder-menu-list-wrap.depth0 > .spyder-menu-item.open > .spyder-menu-title {
        border-bottom: 1px solid #dddddd; }
      .spyder-menu-list-wrap.depth0 > .spyder-menu-item .title {
        font-size: 17px;
        font-weight: bold;
        padding: 25px 0px; }
  .spyder-menu-list-wrap.depth1 > .spyder-menu-item {
    padding-left: 45px; }
    .spyder-menu-list-wrap.depth1 > .spyder-menu-item .title {
      font-size: 15px;
      font-weight: bold; }
    .spyder-menu-list-wrap.depth1 > .spyder-menu-item:first-child {
      margin-top: 20px; }
    .spyder-menu-list-wrap.depth1 > .spyder-menu-item:last-child {
      margin-bottom: 20px; }
  .spyder-menu-list-wrap.depth2 > .spyder-menu-item {
    padding-left: 50px; }
    .spyder-menu-list-wrap.depth2 > .spyder-menu-item .title {
      font-size: 15px;
      font-weight: 300;
      color: #222222; }

.re-menu-contents {
  box-sizing: border-box;
  height: calc(100% - 59px);
  font-size: 0; }
  .re-menu-contents .half {
    display: inline-block;
    height: 100%;
    width: 50%;
    padding: 0 25px;
    vertical-align: top;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .re-menu-contents .half ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .re-menu-contents .half a {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #999999; }
  .re-menu-contents .menu-line {
    border-top: 1px solid #e5e5e5; }
  .re-menu-contents .re-main-menu .re-menu-group {
    padding: 10px 0; }
    .re-menu-contents .re-main-menu .re-menu-group .re-menu-item {
      padding: 10px 0;
      font-size: 13px;
      color: #999999; }
      .re-menu-contents .re-main-menu .re-menu-group .re-menu-item.active {
        color: #222222; }
  .re-menu-contents .re-sub-menu {
    background-color: #151515; }
    .re-menu-contents .re-sub-menu .re-menu-group {
      padding: 10px 0; }
      .re-menu-contents .re-sub-menu .re-menu-group .re-menu-item {
        padding: 10px 0;
        font-size: 13px; }
        .re-menu-contents .re-sub-menu .re-menu-group .re-menu-item a {
          color: #bbbbbb;
          font-size: 14px; }
        .re-menu-contents .re-sub-menu .re-menu-group .re-menu-item.parent a {
          color: #ffffff;
          font-size: 13px;
          font-weight: bold; }
        .re-menu-contents .re-sub-menu .re-menu-group .re-menu-item.depth {
          padding-left: 10px; }
    .re-menu-contents .re-sub-menu .menu-line {
      border-top: 1px solid #E5E5E5; }

.app-footer {
  border-top: 1px solid #e5e5e5;
  color: white; }
  .app-footer .footer-box {
    background-color: black;
    display: block;
    padding: 25px 15px 50px;
    width: 100%; }
    .app-footer .footer-box .sns-box {
      display: table;
      margin: 10px auto 23px; }
    .app-footer .footer-box .sns-item-link + .sns-item-link {
      margin-left: 26px; }
    .app-footer .footer-box .sns-item {
      cursor: pointer;
      display: inline-block;
      height: 36px;
      vertical-align: top;
      width: 36px; }
    .app-footer .footer-box .chatbot-box {
      display: flex;
      justify-content: center;
      margin-bottom: 10px; }
      .app-footer .footer-box .chatbot-box .chatbot-img {
        width: 40px;
        height: 35px;
        margin-right: 10px; }
      .app-footer .footer-box .chatbot-box .chatbot-title {
        font-family: NotoSansCJKkr;
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff; }
    .app-footer .footer-box .link-line {
      display: table;
      margin: 5px auto; }
    .app-footer .footer-box .link-item {
      color: white;
      display: inline-block;
      text-decoration: none;
      font-size: 14px;
      font-weight: 300;
      padding: 0 11px;
      vertical-align: top; }
      .app-footer .footer-box .link-item + .link-item {
        border-left: 1px solid white; }
    .app-footer .footer-box .company-info {
      color: #ccc;
      font-size: 13px;
      font-weight: 300;
      line-height: 23px;
      padding-top: 25px; }
    .app-footer .footer-box .copywrite {
      color: #666;
      font-size: 13px;
      margin-top: 10px; }

.chatbot_mobile_footer_wrap {
  width: 100%; }

.chatbot_mobile_footer {
  width: 90%;
  margin: 5px auto; }

.go-shop-button {
  font-size: 17px;
  margin: 0 auto;
  border: 1px solid #ed1c24;
  color: #ed1c24;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 167px; }

/* custom checkbox
<div className="checks">
  <input type="checkbox" id="ex_chk" />
  <label htmlFor="ex_chk">체크박스</label>
</div>
*/
.checks {
  position: relative; }

.checks input[type="checkbox"] {
  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.checks input[type="checkbox"] + label:before {
  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 20px;
  /* 체크박스의 너비를 지정 */
  height: 20px;
  /* 체크박스의 높이를 지정 */
  line-height: 20px;
  /* 세로정렬을 위해 높이값과 일치 */
  margin: -5px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ed1c24; }

.input-margin-bottom {
  margin-bottom: 15px; }

.checks input[type="checkbox"]:checked + label:before {
  /* 체크박스를 체크했을때 */
  content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_check.svg);
  color: #ed1c24;
  border-color: #ed1c24; }

/*
<div className="radios">
  <input type="radio" id="ex_rd" name="ex_rds" />
  <label htmlFor="ex_rd">라디오버튼</label>
</div>
*/
.radios {
  position: relative; }

.radios input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.radios input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.radios input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  border: 1px solid #aeaeae;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

.radios input[type="radio"] + label:active:before,
.radios input[type="radio"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

.radios input[type="radio"]:checked + label:before {
  border-color: #aeaeae; }

.radios input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 4px;
  width: 13px;
  height: 13px;
  background: #ed1c24;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3); }

input.search-input {
  background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_search_grey_0222.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 10px center;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  height: 50px;
  width: 100%;
  padding-left: 14px;
  padding-right: 52px;
  font-size: 15px; }

select.select {
  background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 10px center;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  height: 50px;
  width: 100%;
  padding-left: 14px;
  padding-right: 52px;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="checkbox"].chbox-red {
  display: none; }
  input[type="checkbox"].chbox-red + label {
    font-size: 13px;
    color: #333;
    display: inline-block;
    height: 28px; }
  input[type="checkbox"].chbox-red + label:before {
    content: '';
    display: inline-block;
    background-image: url(//s3.ap-northeast-2.amazonaws.com/spyderkorea/common/check_off.svg);
    width: 28px;
    height: 28px;
    margin-bottom: -9px;
    margin-right: 6px; }
  input[type="checkbox"].chbox-red:checked + label:before {
    content: '';
    display: inline-block;
    background-image: url(//s3.ap-northeast-2.amazonaws.com/spyderkorea/common/check_on.svg);
    width: 28px;
    height: 28px; }

.click-area {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 30px;
  cursor: pointer;
  z-index: 99999;
  top: 30px; }

.register-checks {
  position: relative;
  float: right; }

.register-checks input[type="checkbox"] {
  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.register-checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.register-checks input[type="checkbox"] + label:before {
  /* 가짜 체크박스 */
  display: inline-block;
  margin-top: 8px;
  width: 25px;
  /* 체크박스의 너비를 지정 */
  height: 30px;
  /* 체크박스의 높이를 지정 */
  line-height: 50px;
  /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;
  vertical-align: center;
  border-radius: 0px;
  content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_off.svg);
  cursor: pointer; }

.input-margin-bottom {
  margin-bottom: 15px; }

.register-checks input[type="checkbox"]:checked + label:before {
  /* 체크박스를 체크했을때 */
  content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/checkbox_on.svg);
  color: #ed1c24;
  border-color: #ed1c24;
  cursor: pointer; }

.sports-group-checks {
  position: relative; }

.sports-group-checks input[type="checkbox"] {
  /* 실제 체크박스는 화면에서 숨김 */
  position: relative;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sports-group-checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.sports-group-checks input[type="checkbox"] + label:before {
  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 20px;
  /* 체크박스의 너비를 지정 */
  height: 20px;
  /* 체크박스의 높이를 지정 */
  line-height: 20px;
  /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ed1c24;
  margin-right: 3px; }

.input-margin-bottom {
  margin-bottom: 15px; }

.sports-group-checks input[type="checkbox"]:checked + label:before {
  /* 체크박스를 체크했을때 */
  content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_check.svg);
  color: #ed1c24;
  border-color: #ed1c24; }

.sub-title-box {
  border-bottom: 1px solid #e5e5e5;
  color: #080808;
  font-size: 19px;
  font-weight: 400;
  height: 59px;
  line-height: 59px;
  position: relative;
  text-align: center;
  width: 100%; }
  .sub-title-box .sub-title-box-back-button {
    top: 17px;
    left: 20px;
    position: absolute;
    width: 13px; }
  .sub-title-box .disable-button {
    display: none; }

.sub-menu-box {
  border-bottom: 2px solid #e5e5e5;
  color: #080808;
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  position: relative;
  padding-left: 20px;
  text-align: left;
  width: 100%; }
  .sub-menu-box .disable-button {
    display: none; }
  .sub-menu-box .sub-menu-box-right-button {
    cursor: pointer;
    top: 17px;
    right: 20px;
    position: absolute;
    width: 12px; }

.cart-product-item-content {
  display: inline-block;
  height: auto;
  position: relative;
  width: 100%; }
  .cart-product-item-content .cart-product-info {
    height: auto;
    position: relative;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 100%; }
    .cart-product-item-content .cart-product-info .right-price {
      float: right; }
      .cart-product-item-content .cart-product-info .right-price.cannot {
        color: #aeaeae; }
    .cart-product-item-content .cart-product-info .product-img {
      background-color: #c6c6c6;
      height: 90px;
      left: 0px;
      position: relative;
      top: 0px;
      top: 0px;
      width: 90px; }
      .cart-product-item-content .cart-product-info .product-img.cannot img {
        filter: blur(4px); }
      .cart-product-item-content .cart-product-info .product-img .event-tag {
        bottom: 5px;
        content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
        height: auto;
        position: absolute;
        right: 5px;
        width: 40px;
        z-index: 100; }
      .cart-product-item-content .cart-product-info .product-img .event-shoes {
        height: 30px;
        color: #fff;
        border: 0;
        background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 12px;
        text-align: center;
        padding-top: 4px;
        width: 100%; }
      .cart-product-item-content .cart-product-info .product-img .event-sac {
        height: 30px;
        color: #fff;
        border: 0;
        background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 12px;
        text-align: center;
        padding-top: 4px;
        width: 100%; }
      .cart-product-item-content .cart-product-info .product-img img {
        border: 1px solid #e5e5e5;
        height: auto;
        position: relative;
        width: 100%; }
    .cart-product-item-content .cart-product-info .product-box-td {
      padding-right: 10px;
      width: 100%; }
    .cart-product-item-content .cart-product-info .product-info-div {
      display: inline-block;
      height: 100%;
      padding-left: 10px;
      width: 100%;
      vertical-align: top; }
      .cart-product-item-content .cart-product-info .product-info-div ul {
        margin: 0;
        padding: 0; }
      .cart-product-item-content .cart-product-info .product-info-div li {
        list-style-type: none; }
      .cart-product-item-content .cart-product-info .product-info-div .product-name {
        color: #000000;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        height: 50px;
        line-height: 17px;
        margin-top: 5px;
        width: 80%; }
        .cart-product-item-content .cart-product-info .product-info-div .product-name.cannot {
          color: #aeaeae; }
      .cart-product-item-content .cart-product-info .product-info-div .product-info {
        display: inline-block;
        height: 35px;
        width: 100%; }
        .cart-product-item-content .cart-product-info .product-info-div .product-info ul {
          margin: 0;
          padding: 0;
          position: relative; }
        .cart-product-item-content .cart-product-info .product-info-div .product-info li {
          list-style-type: none;
          margin: 0;
          font-size: 13px;
          line-height: 15px;
          color: #6d6d6d; }
  .cart-product-item-content .cart-price-info {
    height: 60px;
    position: relative;
    width: 100%; }
    .cart-product-item-content .cart-price-info .cart-price-info-table {
      height: auto;
      position: relative;
      width: 100%; }
      .cart-product-item-content .cart-price-info .cart-price-info-table .left-td {
        height: 60px;
        text-align: left;
        width: 50%; }
      .cart-product-item-content .cart-price-info .cart-price-info-table .right-td {
        color: #080808;
        font-size: 17px;
        height: 60px;
        text-align: right;
        width: 50%; }
      .cart-product-item-content .cart-price-info .cart-price-info-table .product-box-dropdown.custom .Dropdown-root, .cart-product-item-content .cart-price-info .cart-price-info-table .product-box-dropdown.custom .Dropdown-control {
        width: 207px; }

.order-product-item-content {
  height: auto;
  position: relative;
  width: 100%; }
  .order-product-item-content .order-product-info {
    border-top: 1px solid #f5f5f5;
    border-bottom: 10px solid #f5f5f5;
    height: auto;
    position: relative;
    padding: 15px;
    padding-bottom: 10px;
    width: 100%; }
    .order-product-item-content .order-product-info .product-img {
      left: 0px;
      position: relative;
      top: 0px;
      width: 95px;
      border: 1px solid #e5e5e5;
      height: 95px; }
      .order-product-item-content .order-product-info .product-img .event-tag {
        bottom: 5px;
        content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
        height: auto;
        position: absolute;
        right: 5px;
        width: 30px;
        z-index: 100; }
      .order-product-item-content .order-product-info .product-img .event-shoes {
        height: 30px;
        color: #fff;
        border: 0;
        background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 12px;
        text-align: center;
        padding-top: 4px;
        width: 100%; }
      .order-product-item-content .order-product-info .product-img .event-sac {
        height: 30px;
        color: #fff;
        border: 0;
        background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 12px;
        text-align: center;
        padding-top: 4px;
        width: 100%; }
      .order-product-item-content .order-product-info .product-img img {
        height: auto;
        position: relative;
        width: 100%; }
    .order-product-item-content .order-product-info .left-td {
      vertical-align: top; }
    .order-product-item-content .order-product-info .product-box-td {
      width: 100%; }
    .order-product-item-content .order-product-info .product-info-div {
      display: inline-block;
      height: 100%;
      padding-left: 10px;
      width: 100%;
      vertical-align: top; }
      .order-product-item-content .order-product-info .product-info-div ul {
        margin: 0;
        padding: 0; }
      .order-product-item-content .order-product-info .product-info-div li {
        list-style-type: none; }
      .order-product-item-content .order-product-info .product-info-div .product-name {
        color: #333;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        height: 45px;
        line-height: 17px;
        width: 100%; }
      .order-product-item-content .order-product-info .product-info-div .product-info {
        color: #777;
        display: inline-block;
        height: 35px;
        width: 100%; }
        .order-product-item-content .order-product-info .product-info-div .product-info ul {
          margin: 0;
          padding: 0;
          position: relative; }
        .order-product-item-content .order-product-info .product-info-div .product-info li {
          list-style-type: none;
          margin: 0;
          font-size: 13px;
          line-height: 15px; }
    .order-product-item-content .order-product-info .product-total-price-info {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #f5f5f5;
      display: inline-block;
      font-size: 15px;
      color: #ed1c24;
      height: 40px;
      position: relative;
      padding: 0 15px 0 15px;
      width: 100%; }
      .order-product-item-content .order-product-info .product-total-price-info .left-text {
        float: left;
        height: 40px;
        line-height: 40px; }
      .order-product-item-content .order-product-info .product-total-price-info .right-text {
        float: right;
        height: 40px;
        line-height: 40px; }
  .order-product-item-content .order-item-price-info {
    font-size: 13px;
    height: 75px;
    position: absolute;
    right: 15px;
    top: 87px;
    width: auto; }

/* component */
.product-size-selector-box {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  margin-left: 1px; }
  .product-size-selector-box .item {
    display: inline-block;
    width: 20%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    margin-top: -1px;
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 500; }
    .product-size-selector-box .item.sold-out, .product-size-selector-box .item.vdisabled {
      color: #bdbdbd;
      background-color: #f3f3f3; }
    .product-size-selector-box .item.selected {
      color: #ffffff;
      background-color: #ca0000; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem; }

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px; }

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px; }

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
  box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.modal-wrapper.chat-bot {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99999;
  overflow: visible; }
  .modal-wrapper.chat-bot .modal-box {
    width: 320px;
    height: 210px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    position: relative;
    margin: 0 auto; }
    .modal-wrapper.chat-bot .modal-box .x-btn {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 16px;
      right: 16px;
      cursor: pointer; }
    .modal-wrapper.chat-bot .modal-box .select-chat {
      display: flex;
      justify-content: center; }
      .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat {
        margin-right: 32px;
        margin-left: 8px; }
        .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat img {
          width: 57px; }
        .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat p {
          width: 94px;
          margin-left: 36px; }
      .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat {
        margin-left: 8px; }
        .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat img {
          width: 53px; }
        .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat p {
          width: 124px;
          margin-right: 30px; }
      .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat, .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat {
        margin-top: 73px;
        cursor: pointer; }
        .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat img, .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat img {
          height: 50px;
          display: block;
          margin: 0 auto; }
        .modal-wrapper.chat-bot .modal-box .select-chat .direct-chat p, .modal-wrapper.chat-bot .modal-box .select-chat .kakao-chat p {
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #080808;
          margin: 6px auto 0;
          text-align: center;
          margin-top: 10px; }

.overlay {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 500ms;
  visibility: hidden;
  z-index: 100; }
  .overlay:target, .overlay.open {
    opacity: 1;
    visibility: visible; }

.overlay-new {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 500ms;
  width: 100%;
  z-index: 10000; }

.popup {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 70px auto;
  padding: 20px;
  position: relative;
  transition: all 5s ease-in-out;
  width: 30%;
  z-index: 101; }

#login-m {
  padding: 16px;
  padding-top: 160px; }

.loginpop-mobile {
  transition: left 250ms ease-out;
  height: 100%;
  left: 100%;
  position: fixed;
  width: 100%;
  z-index: 101;
  background-color: #fff;
  top: 0; }
  .loginpop-mobile button {
    border-top: 1px solid #080808;
    border-bottom: 1px solid #080808;
    border-left: 0;
    border-right: 0;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
    height: 50px;
    cursor: pointer;
    outline: none; }
  .loginpop-mobile .white {
    background: #fff;
    color: #080808; }
  .loginpop-mobile .black {
    background: #080808;
    color: #fff; }
  .loginpop-mobile input {
    width: 100%;
    height: 45px;
    border: solid 1px #e5e5e5;
    background: #fff; }
  .loginpop-mobile .submit {
    width: 100%;
    height: 50px;
    background-color: #333333;
    color: #fff;
    font-weight: normal;
    margin-top: 10px; }
  .loginpop-mobile .remember {
    display: block;
    font-size: 15px;
    margin-top: 20px; }
    .loginpop-mobile .remember a {
      text-decoration: none;
      float: right;
      color: #333; }
  .loginpop-mobile .bottom {
    width: 100%;
    height: 125px;
    background-image: linear-gradient(305deg, #656565, #181818);
    text-align: center;
    padding: 15px 0px;
    position: fixed;
    bottom: 0; }
    .loginpop-mobile .bottom h1 {
      color: #fff;
      text-decoration: underline;
      font-weight: bold;
      font-size: 18px; }
    .loginpop-mobile .bottom p {
      color: #fff;
      font-size: 14px;
      white-space: pre-line; }
  .loginpop-mobile #guest {
    text-align: center; }
  .loginpop-mobile .tempuser-btn {
    margin-top: 10px;
    background: #333;
    color: #fff;
    font-size: 16px;
    padding: 14px 23px;
    width: 100%;
    height: 50px;
    margin: 51px 0px 18px 0px; }
  .loginpop-mobile .check-order {
    font-size: 15px;
    color: #333;
    text-decoration: underline; }
  .loginpop-mobile #order {
    padding: 135px 12px; }
    .loginpop-mobile #order h1 {
      font-size: 18px;
      color: #333333;
      text-align: center;
      margin-bottom: 25px; }
    .loginpop-mobile #order p {
      margin-top: 39px;
      color: #080808;
      text-align: center;
      font-size: 13px; }
    .loginpop-mobile #order .search-box {
      display: flex;
      margin-bottom: 10px; }
      .loginpop-mobile #order .search-box span {
        font-size: 15px;
        color: #333;
        width: 97px; }
      .loginpop-mobile #order .search-box input {
        width: 265px;
        padding: 15px 10px;
        border: solid 1px #e5e5e5; }
      .loginpop-mobile #order .search-box button {
        font-size: 16px;
        width: 190px;
        height: 50px;
        border: solid 1px #333333;
        margin-top: 70px;
        cursor: pointer; }
      .loginpop-mobile #order .search-box .white {
        background: #fff;
        color: #333;
        margin-right: 5px; }
      .loginpop-mobile #order .search-box .black {
        background: #333;
        color: #fff; }
  .loginpop-mobile .x-btn {
    display: block;
    text-align: right; }
    .loginpop-mobile .x-btn img {
      width: 20px;
      height: 20px; }

.milan-fashion-show {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  color: #080808; }
  .milan-fashion-show * {
    font-family: 'GillSansMTPro', 'Noto Sans KR', sans-serif !important}
  .milan-fashion-show .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 20px; }
  .milan-fashion-show .desc {
    font-size: 9px; }
  .milan-fashion-show .price {
    font-size: 7px; }
  .milan-fashion-show p, .milan-fashion-show h1, .milan-fashion-show h2, .milan-fashion-show h3, .milan-fashion-show h4 {
    margin: 0; }
  .milan-fashion-show ul, .milan-fashion-show li {
    margin: 0;
    padding: 0; }
  .milan-fashion-show img {
    width: 100%; }
  .milan-fashion-show a {
    display: block;
    color: white; }
  .milan-fashion-show .main {
    position: relative; }
    .milan-fashion-show .main .title-box {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      color: #fff; }
      .milan-fashion-show .main .title-box .title {
        font-size: 26px; }
      .milan-fashion-show .main .title-box .sub-title {
        font-size: 18px;
        font-family: 'DINNextLTProBold', sans-serif; }
    .milan-fashion-show .main .tabs {
      position: absolute;
      bottom: -1px;
      width: 100%;
      text-align: center; }
      .milan-fashion-show .main .tabs .tab {
        display: inline-block;
        width: 50%;
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        padding: 4.93333vw 0; }
        .milan-fashion-show .main .tabs .tab.active {
          color: #000;
          font-weight: 400;
          background-color: #fff; }
  .milan-fashion-show .content-runway-story {
    margin-top: 100px;
    transition: margin-top .7s; }
    .milan-fashion-show .content-runway-story.top {
      margin-top: 0; }
    .milan-fashion-show .content-runway-story .video-sec .desc {
      padding: 16vw 0;
      font-size: 14px;
      line-height: 1.5; }
    .milan-fashion-show .content-runway-story .video-sec .video-cont .inner {
      width: 100vw;
      height: 56.26667vw; }
    .milan-fashion-show .content-runway-story .roll-sec-backstage {
      margin-top: 120px; }
    .milan-fashion-show .content-runway-story .roll-sec {
      background-color: #000; }
      .milan-fashion-show .content-runway-story .roll-sec .text-box {
        background-color: #fff; }
        .milan-fashion-show .content-runway-story .roll-sec .text-box .desc {
          padding: 16vw 0;
          font-size: 14px;
          line-height: 1.5; }
      .milan-fashion-show .content-runway-story .roll-sec .inner {
        padding: 0 6.66667vw;
        padding-bottom: 13.86667vw;
        text-align: center; }
        .milan-fashion-show .content-runway-story .roll-sec .inner .title {
          padding-top: 9.33333vw;
          padding-bottom: 6.66667vw;
          font-size: 20px;
          color: #fff; }
        .milan-fashion-show .content-runway-story .roll-sec .inner .item {
          margin-bottom: 4vw; }
        .milan-fashion-show .content-runway-story .roll-sec .inner .more-btn {
          display: inline-block;
          padding: 3.33333vw 8.8vw;
          margin-top: 9.33333vw;
          font-size: 14px;
          font-weight: 300;
          color: #fff;
          border: 1px solid; }
    .milan-fashion-show .content-runway-story .video-sec2 {
      background-color: #000; }
      .milan-fashion-show .content-runway-story .video-sec2 .title {
        padding-top: 16vw;
        padding-bottom: 6.66667vw;
        font-size: 20px;
        background-color: #fff; }
      .milan-fashion-show .content-runway-story .video-sec2 .video-cont .inner {
        width: 100vw;
        height: 56.26667vw; }
    .milan-fashion-show .content-runway-story .outlink-sec {
      margin-bottom: 18.66667vw; }
      .milan-fashion-show .content-runway-story .outlink-sec .title {
        padding-top: 16vw;
        padding-bottom: 6.66667vw;
        font-size: 20px; }
      .milan-fashion-show .content-runway-story .outlink-sec .inner {
        padding: 0 6.66667vw; }
      .milan-fashion-show .content-runway-story .outlink-sec .link {
        position: relative;
        padding: 3.2vw 4vw;
        border: 1px solid;
        margin-bottom: 2.66667vw;
        color: #000;
        text-align: left; }
        .milan-fashion-show .content-runway-story .outlink-sec .link strong {
          display: block;
          font-size: 14px; }
        .milan-fashion-show .content-runway-story .outlink-sec .link span {
          display: block;
          margin-top: 1.6vw;
          font-size: 12px; }
        .milan-fashion-show .content-runway-story .outlink-sec .link .arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 4vw;
          width: 2.4vw; }
  .milan-fashion-show .content-collection {
    padding: 80px 0 0;
    margin-top: 100px;
    }
    .milan-fashion-show .content-collection.top {
      margin-top: 0; }
    .milan-fashion-show .content-collection .products {
      font-size:0;
      }
      .milan-fashion-show .content-collection .products .product {
        display: inline-block;
        vertical-align:top;
        width: calc(50% - 7.5px);
        margin-top:15px;
        margin-right:15px;
        cursor: pointer; }
        .milan-fashion-show .content-collection .products .product:nth-of-type(-n+2){
          margin-top:0;
        }
        .milan-fashion-show .content-collection .products .product:nth-of-type(2n){
          margin-right:0;
        }
        .milan-fashion-show .content-collection .products .product.big {
          width: 100%;
          padding-right: 2.1%; }
  /* .milan-fashion-show .content-collection-detail .p-popup .page-idx {
    font-size: 14px;
    position: absolute;
    top: 48%;
    z-index: 1;
    width: 100%; }
    .milan-fashion-show .content-collection-detail .p-popup .page-idx a {
      color: #000; }
    .milan-fashion-show .content-collection-detail .p-popup .page-idx .arrow {
      display: inline-block;
      padding: 5px 10px;
      font-size: 14px;
      cursor: pointer;
      width: 35px; }
    .milan-fashion-show .content-collection-detail .p-popup .page-idx .index {
      margin: 0 7.46667vw; }
  .milan-fashion-show .content-collection-detail .p-popup .img-box {
    position: relative;
    display: inline-block; }
    .milan-fashion-show .content-collection-detail .p-popup .img-box .scroll-down {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 4vw;
      font-size: 3.46667vw;
      font-weight: bold;
      color: #ffffff; }
  .milan-fashion-show .content-collection-detail .p-popup .p-main-desc {
    padding-top: 10px;
    font-size: 13px;
    height: 15px;
    text-align: left;
    padding-left: 10px; }
  .milan-fashion-show .content-collection-detail .p-popup .info .info-cont {
    text-align: left; }
    .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item {
      display: inline-block;
      width: 49%;
      margin-top: 6.66667vw;
      margin-right: 2%;
      vertical-align: top; }
      .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item:nth-child(2n) {
        margin-right: 0; }
      .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item .text-box {
        padding: 3.33333vw; }
        .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item .text-box .name {
          padding-bottom: 2vw;
          font-size: 13px;
          font-weight: bold;
          line-height: 1.23; }
        .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item .text-box .desc {
          padding-bottom: 2.66667vw;
          font-size: 11px;
          line-height: 1.36;
          color: #909090; }
        .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .sub-p-item .text-box .price {
          padding-bottom: 5.33333vw;
          font-size: 11px; }
    .milan-fashion-show .content-collection-detail .p-popup .info .info-cont .coming-soon {
      padding: 6.66667vw;
      font-size: 13px;
      font-weight: bold;
      text-align: center; } */
      .milan-fashion-show .content-collection .p-popup {
        display:none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 999;
        color: #fff;
        overflow-y: scroll; }
        .milan-fashion-show .content-collection .p-popup .inner {
          display:none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 30px;
          width: 90vw; 
        }
        .milan-fashion-show .content-collection .p-popup .close {
          position: absolute;
          top: -30px;
          right: -5vw;
          width: 30px;
          padding: 5px;
          cursor: pointer; }
          .milan-fashion-show .content-collection .p-popup .close img {
            filter: invert(100%);
            -webkit-filter: invert(100%); }
        .milan-fashion-show .content-collection .p-popup .p-main-img {
          width: 100%;
          float: left; }
        .milan-fashion-show .content-collection .p-popup .left-box {
          width: 100%;
          float: left;
          text-align: center; }
          .milan-fashion-show .content-collection .p-popup .left-box .p-main-img {
            float: unset;
            padding-bottom: 10px; }
          .milan-fashion-show .content-collection .p-popup .left-box .desc {
            display:block;
            padding-bottom: 1.04167vw;
            font-size: 12px;
            color: #959595; }
        .milan-fashion-show .content-collection .p-popup .info {
          margin-left: 0; }
          .milan-fashion-show .content-collection .p-popup .info .page-idx {
            position:absolute;
            top:-30px;
            left:50%;
            transform:translateX(-50%);
            margin-bottom: 0;
            width:100%;
            font-size: 1.04167vw; }
            .milan-fashion-show .content-collection .p-popup .info .page-idx strong{
              display:block;
              height:30px;
              line-height:30px;

            }
            .milan-fashion-show .content-collection .p-popup .info .page-idx .arrow {
              position: relative;
              top: 2px;
              display: inline-block;
              padding: 5px 10px;
              width: 30px;
              height:30px;
              cursor: pointer; }
            .milan-fashion-show .content-collection .p-popup .info .page-idx .index {
              display:inline-block;
              margin: 0 2.91667vw;
              height:30px;
              line-height:30px; 
              font-size:14px;
              vertical-align: top;}
          .milan-fashion-show .content-collection .p-popup .info .info-cont {
            clear: both;
            text-align: left; }
            .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-list {
              overflow: hidden;
              clear: both;
              padding-top:20px;
              padding-bottom: 50px; }
            .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item {
              margin-bottom: 7.30208vw; }
              .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item:last-of-type{
                margin-bottom:0;
              }
              .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .inner-wrap {
                overflow: hidden;
                clear:both;
               }
              .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-p-img {
                width: 30vw;
                float: left; }
              .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box {
                margin-left:33vw; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .name {
                  padding: 0.26042vw 0;
                  font-size: 14px;
                  font-weight: bold; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .desc {
                  padding-bottom: 1.04167vw;
                  font-size: 12px;
                  color: #959595; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .price {
                  padding-bottom: 2.08333vw;
                  font-size: 12px; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-link {
                  padding-bottom: 2.08333vw;
                  font-size: 12px; }
                  .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-link .shop-text {
                    border-bottom: 1px solid #FFFFFF; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .text-box .shop-btn {
                  width:15vw; }
              .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-list {
                margin-top: 0; }
                .milan-fashion-show .content-collection .p-popup .info .info-cont .sub-p-item .sub-list .item {
                  display: inline-block;
                  width: 14.5vw;
                  margin-top:1vw;
                  margin-right: 1vw;
                  cursor: pointer; }
            .milan-fashion-show .content-collection .p-popup .info .info-cont .coming-soon {
              display:block;
              padding-top:10px;
              font-size: 12px;
              font-weight: bold; }

html,
body {
  overscroll-behavior-y: contain; }

.home-container {
  display: block;
  min-height: 500px;
  width: 100%; }
  .home-container .slide-mode .section1.card {
    position: relative;
    font-size: 0; }
    .home-container .slide-mode .section1.card img {
      max-width: 100%;
      height: auto; }
    .home-container .slide-mode .section1.card img.top.insert {
      margin-top: 80px; }
    .home-container .slide-mode .section1.card .bottom.insert {
      bottom: 40px; }
    .home-container .slide-mode .section1.card .bottom {
      position: absolute;
      bottom: 50px;
      left: 30px; }
      .home-container .slide-mode .section1.card .bottom .title-box {
        margin-bottom: 20px; }
        .home-container .slide-mode .section1.card .bottom .title-box h1, .home-container .slide-mode .section1.card .bottom .title-box h2 {
          margin: 0; }
        .home-container .slide-mode .section1.card .bottom .title-box h1 {
          font-family: DINNextLTProBold !important;
          font-size: 32px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ffffff; }
        .home-container .slide-mode .section1.card .bottom .title-box h2 {
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 18px;
          letter-spacing: normal;
          color: #ffffff;
          margin-top: 10px; }
      .home-container .slide-mode .section1.card .bottom button {
        width: 80px;
        height: 40px;
        border: solid 1px #000000;
        background-color: #ffffff;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000; }
  .home-container .slide-mode .best-shoes-box .title-box {
    margin: 80px auto 0; }
    .home-container .slide-mode .best-shoes-box .title-box h1 {
      margin: 0;
      text-align: center;
      font-family: DINNextLTProBold;
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #000000; }
  .home-container .slide-mode .best-shoes-box .best-shoes-cards {
    display: flex;
    flex-direction: column; }
    .home-container .slide-mode .best-shoes-box .best-shoes-cards .best-shoes-row {
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      .home-container .slide-mode .best-shoes-box .best-shoes-cards .best-shoes-row .card {
        width: unset; }
        .home-container .slide-mode .best-shoes-box .best-shoes-cards .best-shoes-row .card img {
          display: block; }
        .home-container .slide-mode .best-shoes-box .best-shoes-cards .best-shoes-row .card span {
          font-family: NotoSansCJKkr;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #000000;
          padding-top: 10px;
          display: block;
          /* margin: 0 auto; */
          width: 85%;
          padding-left: 10px; }
  .home-container .slide-mode .best-shoes-box .s2 .swiper-scrollbar-s2 {
    width: 140px !important;
    margin: 40px auto 0;
    height: 4px !important;
    background-color: #ccc;
    display: block;
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    cursor: grab;
    border-radius: 0px; }
    .home-container .slide-mode .best-shoes-box .s2 .swiper-scrollbar-s2 .swiper-scrollbar-drag {
      border-radius: 0;
      background: #ca0000; }
  .home-container .slide-mode .pro-athlete {
    margin: 80px auto 0;
    background: #2d2d2d; }
    .home-container .slide-mode .pro-athlete .main.open {
      height: 100%; }
    .home-container .slide-mode .pro-athlete .more.close {
      display: none; }
    .home-container .slide-mode .pro-athlete .main {
      height: 603px;
      overflow: hidden; }
      .home-container .slide-mode .pro-athlete .main .top {
        padding: 50px 32px 35px 30px; }
        .home-container .slide-mode .pro-athlete .main .top h1 {
          font-family: DINNextLTProBold;
          font-size: 30px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ffffff;
          margin: 0; }
        .home-container .slide-mode .pro-athlete .main .top span {
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.29;
          letter-spacing: normal;
          color: #ffffff;
          display: block;
          margin: 10px 0 20px; }
        .home-container .slide-mode .pro-athlete .main .top button {
          width: 73px;
          height: 37px;
          background-color: #ffffff;
          font-family: HelveticaNeue;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000;
          margin-right: 7px;
          border: solid 1px #000000; }
      .home-container .slide-mode .pro-athlete .main .bottom {
        padding: 0 30px 60px; }
        .home-container .slide-mode .pro-athlete .main .bottom img {
          width: 100%;
          margin: 15px 0; }
    .home-container .slide-mode .pro-athlete .more {
      background-color: #000000;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .home-container .slide-mode .pro-athlete .more span {
        font-family: NotoSansCJKkr;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #ffffff;
        padding-right: 10px; }
  .home-container .slide-mode .dummy {
    height: 80px;
    width: 100%;
    background: #ffffff; }
  .home-container .slide-mode .app-footer {
    border-top: 1px solid #e5e5e5;
    color: white;
    background: #000000; }
    .home-container .slide-mode .app-footer .footer-box {
      background-color: black;
      display: block;
      padding: 25px 0px 50px;
      width: 90%;
      margin: 0 auto; }
      .home-container .slide-mode .app-footer .footer-box .link-line {
        display: table;
        margin: 5px auto; }
      .home-container .slide-mode .app-footer .footer-box .link-item {
        color: white;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        font-weight: 300;
        padding: 0 11px;
        vertical-align: top; }
        .home-container .slide-mode .app-footer .footer-box .link-item + .link-item {
          border-left: 1px solid white; }
      .home-container .slide-mode .app-footer .footer-box .company-info {
        color: #ccc;
        font-size: 13px;
        font-weight: 300;
        line-height: 23px;
        padding-top: 25px; }
      .home-container .slide-mode .app-footer .footer-box .copywrite {
        color: #666;
        font-size: 13px;
        margin-top: 10px; }
  .home-container .swiper-vertical-box .dummy {
    height: 80px;
    width: 100%;
    background: #ffffff; }
  .home-container .swiper-vertical-box .pro-athlete {
    margin: 80px auto 0;
    background: #2d2d2d; }
    .home-container .swiper-vertical-box .pro-athlete .main.open {
      height: 100%; }
    .home-container .swiper-vertical-box .pro-athlete .more.close {
      display: none; }
    .home-container .swiper-vertical-box .pro-athlete .main {
      height: 603px;
      overflow: hidden; }
      .home-container .swiper-vertical-box .pro-athlete .main .top {
        padding: 50px 32px 35px 30px; }
        .home-container .swiper-vertical-box .pro-athlete .main .top h1 {
          font-family: DINNextLTProBold;
          font-size: 30px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ffffff;
          margin: 0; }
        .home-container .swiper-vertical-box .pro-athlete .main .top span {
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.29;
          letter-spacing: normal;
          color: #ffffff;
          display: block;
          margin: 10px 0 20px; }
        .home-container .swiper-vertical-box .pro-athlete .main .top button {
          width: 73px;
          height: 37px;
          background-color: #ffffff;
          font-family: HelveticaNeue;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000;
          margin-right: 7px;
          border: solid 1px #000000; }
      .home-container .swiper-vertical-box .pro-athlete .main .bottom {
        padding: 0 30px 60px; }
        .home-container .swiper-vertical-box .pro-athlete .main .bottom img {
          width: 100%;
          margin: 15px 0; }
    .home-container .swiper-vertical-box .pro-athlete .more {
      background-color: #000000;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .home-container .swiper-vertical-box .pro-athlete .more span {
        font-family: NotoSansCJKkr;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #ffffff;
        padding-right: 10px; }
  .home-container .swiper-vertical-box .swiper-container.mb .scrollbar {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
    .home-container .swiper-vertical-box .swiper-container.mb .scrollbar.close {
      display: none; }
  .home-container .swiper-vertical-box .swiper-container.mb .app-footer {
    border-top: 1px solid #e5e5e5;
    color: white;
    background: #000000; }
    .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box {
      background-color: black;
      display: block;
      padding: 25px 0px 50px;
      width: 90%;
      margin: 0 auto; }
      .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box .link-line {
        display: table;
        margin: 5px auto; }
      .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box .link-item {
        color: white;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        font-weight: 300;
        padding: 0 11px;
        vertical-align: top; }
        .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box .link-item + .link-item {
          border-left: 1px solid white; }
      .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box .company-info {
        color: #ccc;
        font-size: 13px;
        font-weight: 300;
        line-height: 23px;
        padding-top: 25px; }
      .home-container .swiper-vertical-box .swiper-container.mb .app-footer .footer-box .copywrite {
        color: #666;
        font-size: 13px;
        margin-top: 10px; }
  .home-container .swiper-vertical-box .section1.card {
    position: relative; }
    .home-container .swiper-vertical-box .section1.card img {
      max-width: 100%;
      height: auto; }
    .home-container .swiper-vertical-box .section1.card img.top.insert {
      margin-top: 80px; }
    .home-container .swiper-vertical-box .section1.card .bottom.insert {
      bottom: 40px; }
    .home-container .swiper-vertical-box .section1.card .bottom {
      position: absolute;
      bottom: 10%;
      left: 30px; }
      .home-container .swiper-vertical-box .section1.card .bottom .title-box {
        margin-bottom: 20px; }
        .home-container .swiper-vertical-box .section1.card .bottom .title-box h1, .home-container .swiper-vertical-box .section1.card .bottom .title-box h2 {
          margin: 0; }
        .home-container .swiper-vertical-box .section1.card .bottom .title-box h1 {
          font-family: DINNextLTProBold !important;
          font-size: 32px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1;
          letter-spacing: normal;
          color: #ffffff; }
        .home-container .swiper-vertical-box .section1.card .bottom .title-box h2 {
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 18px;
          letter-spacing: normal;
          color: #ffffff;
          margin-top: 10px; }
      .home-container .swiper-vertical-box .section1.card .bottom button {
        width: 73px;
        height: 40px;
        font-family: HelveticaNeue;
        border: solid 1px #000000;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000; }
  .home-container .swiper-vertical-box .mb .swiper-scrollbar-mb {
    width: 3px !important;
    height: 80px !important;
    background-color: #ccc;
    display: block;
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    cursor: grab;
    border-radius: 0px; }
    .home-container .swiper-vertical-box .mb .swiper-scrollbar-mb .swiper-scrollbar-drag {
      border-radius: 0;
      background: #ca0000; }
  .home-container .swiper-vertical-box .best-shoes-box .title-box {
    margin: 80px auto 0; }
    .home-container .swiper-vertical-box .best-shoes-box .title-box h1 {
      margin: 0;
      text-align: center;
      font-family: DINNextLTProBold;
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #000000; }
  .home-container .swiper-vertical-box .best-shoes-box .best-shoes-cards {
    display: flex;
    flex-direction: column; }
    .home-container .swiper-vertical-box .best-shoes-box .best-shoes-cards .best-shoes-row {
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      .home-container .swiper-vertical-box .best-shoes-box .best-shoes-cards .best-shoes-row .card {
        width: unset; }
        .home-container .swiper-vertical-box .best-shoes-box .best-shoes-cards .best-shoes-row .card img {
          display: block; }
        .home-container .swiper-vertical-box .best-shoes-box .best-shoes-cards .best-shoes-row .card span {
          font-family: NotoSansCJKkr;
          font-size: 12px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #000000;
          padding-top: 10px;
          display: block;
          /* margin: 0 auto; */
          width: 85%;
          padding-left: 10px; }
  .home-container .swiper-vertical-box .best-shoes-box .s2 .swiper-scrollbar-s2 {
    width: 140px !important;
    margin: 40px auto 0;
    height: 4px !important;
    background-color: #ccc;
    display: block;
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    cursor: grab;
    border-radius: 0px; }
    .home-container .swiper-vertical-box .best-shoes-box .s2 .swiper-scrollbar-s2 .swiper-scrollbar-drag {
      border-radius: 0;
      background: #ca0000; }
  .home-container .section6 {
    margin-bottom: 100px; }
    .home-container .section6 .textbox {
      padding: 0px 30px; }
      .home-container .section6 .textbox h1 {
        font-family: FFDINWebProBold !important;
        font-size: 32px;
        font-weight: 700;
        line-height: 32px; }
      .home-container .section6 .textbox button {
        width: 80px;
        height: 40px;
        font-size: 14px;
        background: #000;
        border: 0;
        color: #fff;
        font-weight: 600;
        margin-right: 10px; }
  .home-container .section1 .top {
    width: 100%; }
  .home-container .section1 .bottom {
    color: #000; }
    .home-container .section1 .bottom h1 {
      font-size: 32px;
      font-family: FFDINWebProBold !important;
      font-weight: 700;
      margin-top: 0;
      line-height: 32px; }
    .home-container .section1 .bottom span {
      font-size: 16px;
      display: block;
      margin-bottom: 20px;
      line-height: 20px;
      margin-top: -5px; }
    .home-container .section1 .bottom button {
      width: 80px;
      height: 40px;
      font-size: 14px;
      background: #000;
      border: 0;
      color: #fff;
      font-weight: 600;
      margin-right: 10px; }
  .home-container .section1 .img-box img {
    width: 50%;
    display: inline-block; }
  .home-container .section5 {
    padding: 0 15px; }
    .home-container .section5 a {
      color: #000; }
    .home-container .section5 .sec-box {
      margin-top: 30px; }
      .home-container .section5 .sec-box img {
        width: 100%; }
      .home-container .section5 .sec-box span {
        display: block;
        font-family: FFDINWebProBold !important;
        font-size: 16px;
        font-weight: bold;
        margin-top: 5px; }
  .home-container .section4 .top {
    width: 100%; }
  .home-container .section4 .bottom {
    background: #fff;
    color: #000;
    padding: 28px; }
    .home-container .section4 .bottom h1 {
      font-size: 32px;
      font-family: FFDINWebProBold !important;
      font-weight: 700;
      margin: 0;
      line-height: 32px;
      margin-top: -7px; }
    .home-container .section4 .bottom span {
      font-size: 16px;
      display: block;
      margin-bottom: 20px;
      margin-top: 20px;
      line-height: 20px; }
    .home-container .section4 .bottom button {
      width: 80px;
      height: 40px;
      font-size: 14px;
      background: #000;
      border: 0;
      color: #fff;
      font-weight: 600;
      margin-right: 10px; }
  .home-container .section4 .img-box img {
    width: 50%;
    display: inline-block; }
  .home-container .main-top-banner-slide {
    margin-bottom: 20px; }
    .home-container .main-top-banner-slide .owl-carousel .owl-controls .owl-pagination {
      bottom: 3.5%; }
  .home-container .home-product-btn {
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 90px;
    z-index: 11;
    border: 1px solid #080808; }
  .home-container .top-banner-button-table {
    height: auto;
    position: relative;
    margin: 30px 0;
    width: 100%; }
    .home-container .top-banner-button-table .button-left {
      float: right; }
    .home-container .top-banner-button-table .button-right {
      float: left;
      background-color: #fff;
      color: #080808;
      border: 1px solid #080808; }
    .home-container .top-banner-button-table .td-left {
      height: 45px;
      padding: 4px; }
    .home-container .top-banner-button-table .td-right {
      height: 45px;
      padding: 4px; }
  .home-container .top-banner-button-wrap {
    padding: 30px 0;
    padding-top: 15px;
    text-align: center; }
    .home-container .top-banner-button-wrap .home-product-btn {
      display: inline-block;
      margin: 0 8px; }
      .home-container .top-banner-button-wrap .home-product-btn.white {
        background-color: #fff;
        color: #080808;
        border: 1px solid #080808; }
  .home-container .top-banner-item-container {
    height: auto;
    width: 100%;
    font-size: 0; }
    .home-container .top-banner-item-container div.owl-controls {
      top: -30px; }
    .home-container .top-banner-item-container .top-banner-img {
      position: relative;
      width: 100%; }
    .home-container .top-banner-item-container .movie {
      background-color: #000;
      position: relative;
      width: 100%; }
    .home-container .top-banner-item-container .top-banner-title {
      color: #080808;
      font-size: 2rem;
      height: auto;
      line-height: 1em;
      min-height: 28px;
      padding-top: 25px;
      text-align: center;
      width: 100%;
      font-weight: bold; }
    .home-container .top-banner-item-container .top-banner-desc {
      color: #080808;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.4em;
      margin-bottom: 30px;
      padding: 0 15px 0 15px;
      text-align: center;
      height: auto;
      width: 100%; }
    .home-container .top-banner-item-container .home-product-btn {
      font-size: 0.9rem;
      border: 1px solid #202020; }
    .home-container .top-banner-item-container .rolling-text-box {
      position: absolute;
      width: 100%;
      bottom: 8%;
      padding: 0 30px; }
      .home-container .top-banner-item-container .rolling-text-box .top-banner-title {
        color: #fff;
        text-align: left;
        font-family: FFDINWebProBold !important; }
      .home-container .top-banner-item-container .rolling-text-box .top-banner-button-wrap {
        text-align: left; }
        .home-container .top-banner-item-container .rolling-text-box .top-banner-button-wrap .home-product-btn {
          margin-left: 0; }
  .home-container .main-center-section {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .home-container .main-center-section .main-center-desktop {
      display: none; }
    .home-container .main-center-section .main-center-title {
      display: none; }
    .home-container .main-center-section .main-section-1 .category {
      position: relative;
      width: 100%;
      height: auto;
      margin-bottom: 10px; }
      .home-container .main-center-section .main-section-1 .category img {
        width: 100%;
        vertical-align: top; }
      .home-container .main-center-section .main-section-1 .category p {
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        margin: 0;
        color: #fff;
        font-size: 26px;
        font-weight: 700; }
    .home-container .main-center-section .main-section-2 {
      padding: 0 13px 13px 13px; }
      .home-container .main-center-section .main-section-2 .grid-section .sub-section {
        height: auto;
        position: relative;
        width: 100%;
        overflow: auto;
        margin-bottom: 5px; }
        .home-container .main-center-section .main-section-2 .grid-section .sub-section .left {
          position: relative;
          width: 50%;
          height: auto;
          float: left; }
        .home-container .main-center-section .main-section-2 .grid-section .sub-section .right {
          position: relative;
          width: 50%;
          height: auto;
          float: right; }
        .home-container .main-center-section .main-section-2 .grid-section .sub-section img {
          width: 100%;
          height: auto;
          vertical-align: top; }
        .home-container .main-center-section .main-section-2 .grid-section .sub-section .btn {
          position: absolute;
          bottom: 13%;
          left: 5%;
          font-size: 10px;
          font-weight: 600;
          color: #fff;
          margin: 0; }
      .home-container .main-center-section .main-section-2 .big-img-section {
        position: relative; }
        .home-container .main-center-section .main-section-2 .big-img-section img {
          width: 100%;
          vertical-align: top; }
        .home-container .main-center-section .main-section-2 .big-img-section p {
          margin: 0;
          font-size: 20px;
          position: absolute;
          left: 5%;
          bottom: 5%;
          color: #ffffff; }
    .home-container .main-center-section .main-section-both {
      width: 100%;
      text-align: center;
      padding: 0px; }
      .home-container .main-center-section .main-section-both .category-left {
        position: relative;
        display: inline-block;
        width: 50%;
        height: auto;
        margin-bottom: 10px;
        float: left;
        padding-right: 5px; }
        .home-container .main-center-section .main-section-both .category-left img {
          width: 100%;
          vertical-align: top; }
        .home-container .main-center-section .main-section-both .category-left p {
          position: absolute;
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          margin: 0;
          color: #fff;
          font-size: 26px;
          font-weight: 700; }
      .home-container .main-center-section .main-section-both .category-right {
        position: relative;
        display: inline-block;
        width: 50%;
        height: auto;
        margin-bottom: 10px;
        float: right;
        padding-left: 5px; }
        .home-container .main-center-section .main-section-both .category-right img {
          width: 100%;
          height: 100%;
          vertical-align: top; }
        .home-container .main-center-section .main-section-both .category-right p {
          position: absolute;
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          margin: 0;
          color: #fff;
          font-size: 26px;
          font-weight: 700; }
      .home-container .main-center-section .main-section-both .category-bottom {
        display: inline-block;
        width: 100%;
        float: bottom;
        margin-bottom: 10px;
        position: relative; }
        .home-container .main-center-section .main-section-both .category-bottom img {
          width: 100%;
          vertical-align: bottom; }
        .home-container .main-center-section .main-section-both .category-bottom p {
          position: absolute;
          transform: translate(-50%, -50%);
          left: 50%;
          top: 50%;
          margin: 0;
          color: #fff;
          font-size: 26px;
          font-weight: 700; }
  .home-container .home-md-pick-section {
    border-top: 1px solid #e5e5e5;
    color: #080808;
    height: auto;
    padding: 15px 15px 0 15px; }
    .home-container .home-md-pick-section .section-title {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 15px;
      text-align: left;
      width: 100%; }
    .home-container .home-md-pick-section .md-pick-img {
      height: auto;
      width: 100%; }
    .home-container .home-md-pick-section .md-pick-title {
      color: #080808;
      font-size: 1.6em;
      font-weight: 700;
      height: auto;
      line-height: 1.3em;
      min-height: 10px;
      margin: 14px 0px 9px;
      text-align: center;
      position: relative;
      width: 100%; }
    .home-container .home-md-pick-section .md-pick-desc {
      color: #777;
      font-size: 0.9em;
      font-weight: 300;
      height: auto;
      line-height: 1.4em;
      margin: 0;
      padding: 0;
      margin-bottom: 20px;
      text-align: center;
      width: 100%; }
    .home-container .home-md-pick-section .md-pick-button-box {
      height: auto;
      margin: 10px 0 40px 0;
      width: 100%; }
  .home-container .instagram-box {
    display: table;
    height: auto;
    padding: 20px 0 20px 0;
    margin: 0 auto; }
    .home-container .instagram-box .instagram-logo {
      display: inline-block;
      margin-right: 14px;
      height: auto;
      line-height: normal;
      vertical-align: middle;
      height: 48px;
      width: 143px; }
    .home-container .instagram-box .instagram-spyder {
      color: #080808;
      display: inline-block;
      font-size: 18px;
      height: auto;
      line-height: normal;
      vertical-align: middle;
      width: 100px; }

@-webkit-keyframes myItemShow {
  from {
    right: -200px; }
  to {
    right: 0; } }

.myItem-pop-hidden {
  display: none; }

.myItem-pop {
  position: fixed;
  display: flex;
  width: 195px;
  height: 80px;
  text-align: center;
  border: 0;
  background: #fff;
  z-index: 100;
  top: 67%;
  right: 0;
  color: #fff;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.21);
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-animation-name: myItemShow;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.8s;
  /* Safari 4.0 - 8.0 */
  cursor: pointer; }
  .myItem-pop img {
    width: 33px;
    height: 33px;
    margin: auto;
    cursor: pointer; }
  .myItem-pop .title {
    margin-top: 24px;
    font-weight: normal;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    width: 107px;
    margin-left: 28px;
    text-align: left; }
  .myItem-pop button {
    background: #000;
    color: #fff;
    width: 76px;
    height: 40px;
    font-size: 14px;
    margin-top: 20px; }

.ad-box {
  margin-top: 40px;
  padding: 40px 0; }
  .ad-box .s1 .swiper-slide:first-child {
    margin-left: 15px; }
  .ad-box .swiper-container {
    width: 100%;
    height: 100%; }
  .ad-box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto; }
  .ad-box .swiper-slide:first-child {
    margin-left: 30px; }
  .ad-box .swiper-slide:last-child {
    margin-right: 30px; }
  .ad-box .swiper-scrollbar {
    width: 280px !important;
    margin: 50px auto 0;
    height: 2px !important;
    background-color: #CCC;
    display: block;
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    cursor: grab;
    border-radius: 0px; }
    .ad-box .swiper-scrollbar .swiper-scrollbar-drag {
      border-radius: 0;
      background: #ca0000; }
  .ad-box .card {
    position: relative; }
    .ad-box .card img {
      height: 100% !important; }
    .ad-box .card .title1-section {
      font-family: FFDINWebProBold;
      font-size: 16px;
      text-align: left;
      font-weight: bold;
      display: block;
      margin-top: 5px; }
    .ad-box .card .title1 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      font-family: sans-serif;
      display: block;
      text-align: left;
      margin-top: 12px; }
    .ad-box .card .title2 {
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      font-family: sans-serif;
      display: block;
      text-align: left; }
    .ad-box .card .product-title1 {
      font-size: 16px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      position: absolute;
      bottom: 60px;
      font-family: sans-serif;
      left: 40px;
      text-align: left; }
    .ad-box .card .product-title2 {
      font-size: 16px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      position: absolute;
      bottom: 40px;
      font-family: sans-serif;
      left: 40px;
      text-align: left; }
    .ad-box .card .more {
      cursor: pointer;
      width: 80px;
      height: 40px;
      background: #080808;
      border: 0;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #fff;
      line-height: 40px;
      padding: 0;
      display: block;
      margin-top: 20px; }
    .ad-box .card .more2 {
      cursor: pointer;
      width: 80px;
      height: 40px;
      background: #080808;
      border: 0;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #fff;
      line-height: 40px;
      padding: 0;
      display: block;
      margin-top: 38px; }
    .ad-box .card .more3 {
      cursor: pointer;
      width: 80px;
      height: 40px;
      background: #080808;
      border: 0;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      font-family: HelveticaNeue;
      color: #fff;
      line-height: 40px;
      padding: 0;
      display: block;
      margin-top: 66px; }

.main-advertise {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  cursor: grab;
  cursor: -o-grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }
  .main-advertise .card {
    margin-right: 40px; }
    .main-advertise .card img {
      height: 670px; }

.main-advertise::-webkit-scrollbar {
  display: none; }

.slider-box #slider {
  width: 600px;
  margin: 30px auto; }

.slider-box .ui-widget.ui-widget-content {
  border: 0;
  background: #e5e5e5;
  border-radius: 0;
  height: 3px; }

.slider-box .ui-slider-horizontal .ui-slider-handle {
  top: auto;
  height: 3px;
  width: 480px;
  outline: none;
  background: #000;
  border: 0;
  border-radius: 0;
  cursor: grab; }

.movie-top-banner-title {
  color: #080808;
  font-size: 2rem;
  height: auto;
  line-height: 1em;
  min-height: 28px;
  padding-top: 25px;
  text-align: center;
  width: 100%;
  font-weight: bold; }

.pro-athl {
  padding: 40px 15px 0 15px;
  text-align: center; }
  .pro-athl img {
    width: 100%; }
  .pro-athl .athl-arrow {
    width: 30px;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer; }
  .pro-athl h1 {
    font-family: DINNextLTPro;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
    .pro-athl h1 span {
      color: #ab0000; }
  .pro-athl p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #202020; }
    .pro-athl p b {
      font-weight: bold; }
  .pro-athl .proc-box {
    width: 100%;
    border: 2px solid #e5e5e5;
    padding: 20px; }
  .pro-athl .border-red {
    border-top: 4px solid #d10101;
    margin-top: 24px; }
  .pro-athl .flexible {
    display: flex;
    position: relative;
    width: 100%; }
  .pro-athl .label {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #080800;
    text-align: left;
    margin: 15px 0; }
  .pro-athl .title {
    font-family: NotoSansCJKkr;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #080808;
    display: block;
    text-align: center;
    margin: 90px 0 30px 0px; }
  .pro-athl .btn-box {
    width: 100%;
    text-align: center;
    margin: 20px 0; }
    .pro-athl .btn-box button {
      line-height: 50px;
      border: 0;
      cursor: pointer;
      display: inline-block;
      width: 165px;
      height: 50px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      font-size: 16px; }
    .pro-athl .btn-box .black {
      background: #080808; }
    .pro-athl .btn-box .red {
      background: #be0000; }
  .pro-athl .info {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 100px; }
    .pro-athl .info table {
      width: 100%;
      display: inline; }
      .pro-athl .info table td {
        font-size: 14px;
        border: 1px solid #e5e5e5;
        padding: 10px; }
      .pro-athl .info table th {
        border: 1px solid #e5e5e5;
        font-size: 16px;
        background: #f7f7f7;
        height: 50px; }
    .pro-athl .info h1 {
      font-family: NotoSansCJKkr;
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #080808; }

.ProAthl-con {
  background: #f7f7f7; }
  .ProAthl-con .body {
    width: 100%;
    margin: auto;
    padding: 15px; }
  .ProAthl-con h1 {
    text-align: center;
    display: block;
    font-size: 20px; }
  .ProAthl-con span {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: center;
    display: block;
    color: #080808;
    margin: 20px 0;
    margin-bottom: 30px; }
  .ProAthl-con button {
    border: 0;
    background: #080808;
    width: 200px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin-bottom: 50px; }
  .ProAthl-con .call {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    cursor: initial; }
  .ProAthl-con table {
    width: 100%; }
    .ProAthl-con table td {
      background: #fff;
      border: 1px solid #e5e5e5;
      height: 50px; }
      .ProAthl-con table td input {
        border: 0;
        width: 90%;
        height: 50px;
        text-indent: 10px;
        outline: none;
        font-size: 15px; }
      .ProAthl-con table td textarea, .ProAthl-con table td input::placeholder {
        text-indent: 10px;
        color: #888888; }
      .ProAthl-con table td textarea::placeholder {
        padding-top: 10px; }
      .ProAthl-con table td textarea {
        width: 99%;
        font-size: 15px;
        height: 150px;
        outline: none;
        border: 0;
        text-indent: 10px; }

.ProAthlWrestling {
  margin-top: 59px;
  padding: 20px 15px;
  overflow: hidden !important; }
  .ProAthlWrestling h1 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
  .ProAthlWrestling .album {
    width: 100%; }
    .ProAthlWrestling .album img {
      width: 100%; }

.brand-content {
  height: auto;
  position: relative;
  width: 100%; }

.brand-header {
  color: #969696;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .brand-header .brand-menu-block {
    height: auto;
    margin: 0 auto;
    margin-top: 5px;
    position: relative;
    width: 100%; }
    .brand-header .brand-menu-block .brand-button {
      cursor: pointer;
      display: inline-block;
      font-size: 16px;
      font-weight: 700;
      height: 43px;
      line-height: 43px;
      text-align: center;
      vertical-align: top;
      width: 33%; }
    .brand-header .brand-menu-block .brand-button-normal {
      color: #aeaeae; }
    .brand-header .brand-menu-block .brand-button-selected {
      color: #ed1c24; }

.aboutus-content {
  color: #333333;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .aboutus-content .img-box {
    height: auto;
    position: relative;
    width: 100%; }
  .aboutus-content .title {
    font-size: 26px;
    font-weight: 800;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%; }
  .aboutus-content .script {
    color: #555;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 23px;
    padding: 0 15px 100px 15px;
    width: 100%; }
  .aboutus-content .bold {
    font-weight: bold; }
  .aboutus-content .sub-title {
    font-size: 17px; }

.technology-content {
  height: auto;
  position: relative;
  width: 100%; }
  .technology-content img {
    height: auto;
    position: relative;
    width: 100%; }
  .technology-content .year {
    font-size: 35px;
    font-weight: 800;
    height: 45px;
    line-height: 60px;
    text-align: center;
    width: 100%; }
  .technology-content .title {
    color: #080808;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    margin: 9px auto 10px;
    text-align: center;
    width: 100%; }
  .technology-content .script {
    color: #555;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 23px;
    padding: 0 15px 30px;
    width: 100%; }

.white-menu-box {
  padding: 20px 15px 10px;
  border-top: 10px solid #f1f1f1;
  border-bottom: 10px solid #f1f1f1; }
  .white-menu-box img {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px; }
  .white-menu-box .title {
    font-size: 17px;
    font-weight: bold; }
  .white-menu-box .menu {
    background: #fff;
    font-size: 17px;
    color: #080808;
    padding: 20px 0px 15px 0px; }
    .white-menu-box .menu a {
      color: #080808; }
  .white-menu-box .fold-title .fold-btn.close {
    transform: rotate(180deg); }
  .white-menu-box .fold-content {
    width: 100%; }
    .white-menu-box .fold-content.close {
      height: 0;
      overflow: hidden; }
    .white-menu-box .fold-content.open {
      padding-top: 20px; }

.mylevel {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #080808; }

.right-text {
  position: absolute;
  right: 15px;
  margin-top: 5px;
  text-decoration: underline;
  font-size: 13px; }

.p15 {
  padding: 15px; }

.flex {
  flex: 1; }

.fr {
  float: right; }

.bg-black {
  background: #151515;
  font-size: 15px;
  color: #fff;
  padding: 20px 15px; }

.pageTit {
  font-size: 20px;
  color: #080808;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  padding: 0 0 12px 0;
  text-align: center; }

.policy-box {
  padding: 20px 15px;
  font-size: 14px;
  color: #080808; }

.sr {
  font-size: 14px;
  line-height: 1.57;
  text-align: left;
  color: #6d6d6d; }

.sr-title {
  font-size: 20px;
  text-align: center;
  color: #080808;
  margin-top: 40px;
  font-weight: bold; }

.sr-sub {
  font-size: 16px;
  font-weight: bold;
  color: #080808; }

.sr-close {
  width: 375px;
  height: 60px;
  background-color: #484848;
  text-align: center;
  color: #fff;
  border: 0;
  width: 100%; }

.cs-container {
  height: auto;
  position: relative;
  width: 100%;
  padding-top: 59px; }

.as-container {
  height: auto;
  position: relative;
  width: 100%;
  background: #fff; }
  .as-container .sub-text {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #6d6d6d; }
  .as-container .ex-u {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: #080808;
    margin-left: 10px;
    cursor: pointer; }
  .as-container label {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #080808;
    display: block;
    margin-bottom: 10px; }
  .as-container img {
    width: 100%; }
  .as-container ul {
    list-style: none;
    padding: 0; }
    .as-container ul li {
      margin-bottom: 15px;
      font-size: 13px;
      color: #6d6d6d; }
  .as-container table {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
    width: 100%;
    font-size: 12px;
    font-weight: 300; }
    .as-container table th {
      border: 1px solid #e5e5e5;
      padding: 9px; }
    .as-container table td {
      border: 1px solid #e5e5e5;
      padding: 9px;
      color: #6d6d6d; }
    .as-container table .title1 {
      width: 139px; }

.as-bottom {
  margin-top: 23px;
  padding: 0px 15px;
  margin-bottom: 10px; }

.as-top {
  background: #fff;
  color: #080808;
  padding: 22px 0px;
  text-align: center; }
  .as-top p {
    margin: 0;
    font-size: 15px;
    text-align: center; }
  .as-top .btn-as {
    background: #333;
    color: #fff;
    padding: 14px 0px;
    width: 170px;
    margin: 16px 5px;
    border: 0px; }

.as-middle {
  width: 100%;
  margin-top: 47px; }
  .as-middle .line {
    border: 0;
    border-bottom: 2px solid #333;
    width: 15%; }
  .as-middle .line-no {
    border: 0;
    color: #333;
    font-size: 17px;
    width: 70%;
    text-align: center;
    font-weight: bold;
    position: absolute; }

.cs-main-banner {
  position: relative;
  height: 150px;
  background-color: #080808;
  color: #fff; }
  .cs-main-banner .banner-img {
    width: 100%;
    position: absolute;
    bottom: 0; }
  .cs-main-banner .text-box {
    position: absolute;
    top: 0;
    width: 100%; }
    .cs-main-banner .text-box p {
      margin: 0; }
    .cs-main-banner .text-box .title {
      font-size: 22px;
      font-weight: bold;
      padding: 20px 0;
      text-align: center; }
    .cs-main-banner .text-box .banner-inner {
      text-align: left;
      display: table;
      width: 100%;
      padding-bottom: 30px; }
      .cs-main-banner .text-box .banner-inner .banner-box {
        display: table-cell;
        padding: 0 15px;
        width: 50%; }
        .cs-main-banner .text-box .banner-inner .banner-box:first-child {
          border-right: 1px solid; }
        .cs-main-banner .text-box .banner-inner .banner-box .phone {
          font-size: 13px;
          font-weight: bold;
          margin-bottom: 5px; }
        .cs-main-banner .text-box .banner-inner .banner-box .desc {
          font-size: 13px; }

.customer-center-menu {
  background-color: #f7f7f7;
  font-size: 15px;
  font-weight: 500;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%; }
  .customer-center-menu .menu-item-list {
    height: 50px;
    position: relative;
    width: 505px;
    background: #fff;
    border-bottom: 1px solid #ddd; }
  .customer-center-menu .menu-item {
    color: #080808;
    float: left;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    display: inline-block; }
  .customer-center-menu .selected {
    color: #ed1c24; }

.faq-filter-table-box {
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  position: relative;
  width: 100%; }

.faq-filter-table {
  border-collapse: collapse;
  color: #777;
  font-size: 14px;
  height: auto;
  width: 100%; }
  .faq-filter-table .selected {
    background-color: #f7f7f7; }
  .faq-filter-table .first-td {
    border: 1px solid #bbb;
    cursor: pointer;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 25%; }
  .faq-filter-table .second-td {
    border: 1px solid #bbb;
    border-top: 0px;
    cursor: pointer;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 33.3%; }

.faq-item-box {
  height: auto;
  min-height: 300px;
  position: relative;
  width: 100%; }

.faq-item {
  color: #000000;
  font-size: 14px;
  height: auto;
  position: relative;
  width: 100%;
  padding: 0 15px;
  padding-bottom: 0;
  margin-bottom: 15px;
  background-color: #fff;
  transition: padding-bottom .7s; }
  .faq-item .question-text-table {
    cursor: pointer;
    height: 50px;
    position: relative;
    width: 100%; }
    .faq-item .question-text-table .text-td {
      cursor: pointer;
      color: #080808;
      font-size: 14px;
      text-align: left;
      vertical-align: middle;
      width: 90%;
      padding-bottom: 15px;
      padding-top: 15px; }
      .faq-item .question-text-table .text-td .filter {
        color: #6d6d6d;
        font-size: 13px;
        margin-bottom: 15px; }
      .faq-item .question-text-table .text-td .title {
        color: #080808;
        font-size: 15px;
        font-weight: 500; }
  .faq-item .answer-text {
    background-color: #f7f7f7;
    color: #444;
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    padding: 0;
    transition: padding-bottom .7s, padding-top .7s; }
  .faq-item.open {
    padding-bottom: 15px; }
    .faq-item.open .answer-text {
      padding: 15px; }
  .faq-item .faq-open-button {
    cursor: pointer;
    top: 34px;
    right: 0px;
    position: absolute;
    width: 25px; }

.faq-filter-table-box {
  margin-top: 15px;
  padding: 0 15px 15px 15px;
  position: relative;
  width: 100%; }

.faq-filter-table {
  border-collapse: collapse;
  color: #777;
  font-size: 14px;
  height: auto;
  width: 100%; }
  .faq-filter-table .selected {
    background-color: #f7f7f7; }
  .faq-filter-table .first-td {
    border: 1px solid #bbb;
    cursor: pointer;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 25%; }
  .faq-filter-table .second-td {
    border: 1px solid #bbb;
    border-top: 0px;
    cursor: pointer;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 33.3%; }

.announce-item-box {
  height: auto;
  min-height: 300px;
  position: relative;
  padding: 0 15px 15px 15px;
  width: 100%; }

.announce-item {
  border: 1px solid #e5e5e5;
  color: #000000;
  font-size: 14px;
  height: auto;
  margin-top: 15px;
  position: relative;
  width: 100%;
  background-color: #fff; }
  .announce-item .announce-text-table {
    height: 70px;
    position: relative;
    width: 100%; }
    .announce-item .announce-text-table .text-td {
      color: #080808;
      font-size: 15px;
      height: 65px;
      line-height: 21px;
      padding-left: 15px;
      text-align: left;
      vertical-align: middle;
      width: 90%; }
      .announce-item .announce-text-table .text-td .date {
        color: #969696;
        font-size: 12px;
        line-height: 12px; }
  .announce-item .announce-full-text {
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 0 15px 15px 15px;
    position: relative;
    width: 100%; }
  .announce-item .open-button {
    cursor: pointer;
    top: 30px;
    right: 15px;
    position: absolute;
    width: 20px; }

.cs-benefit-up-box {
  background-color: #f5f5f5;
  height: auto;
  padding: 30px 0 15px 0;
  position: relative;
  width: 100%; }
  .cs-benefit-up-box ul {
    padding: 0px;
    list-style-type: disc;
    list-style: disc;
    margin-left: 20px; }
  .cs-benefit-up-box img {
    position: relative;
    width: 100%; }
  .cs-benefit-up-box .register-button {
    background-color: #fff;
    font-size: 15px;
    margin: 0 auto;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 150px; }
  .cs-benefit-up-box.bg-white {
    background-color: #fff; }
  .cs-benefit-up-box .member-benefit-section {
    margin-top: -30px;
    width: 100%;
    text-align: center; }
    .cs-benefit-up-box .member-benefit-section h2, .cs-benefit-up-box .member-benefit-section p {
      margin: 0; }
    .cs-benefit-up-box .member-benefit-section .member-benefit-item {
      padding: 25px 0;
      margin: 0 15px;
      border-bottom: 1px solid #e5e5e5; }
      .cs-benefit-up-box .member-benefit-section .member-benefit-item:last-child {
        border-bottom: 0; }
      .cs-benefit-up-box .member-benefit-section .member-benefit-item .title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
        color: #080808; }
      .cs-benefit-up-box .member-benefit-section .member-benefit-item .text {
        font-size: 15px;
        line-height: 1.6;
        color: #6d6d6d; }

.benefit-info-box {
  font-size: 13px;
  height: auto;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 30px 15px 20px 15px; }
  .benefit-info-box .first-table {
    height: auto;
    position: relative;
    width: 100%; }
    .benefit-info-box .first-table .left-td {
      font-size: 14px;
      font-weight: bold;
      height: 40px;
      text-align: left;
      width: 42%;
      vertical-align: top; }
    .benefit-info-box .first-table .right-td {
      font-size: 12px;
      height: 40px;
      text-align: left;
      width: 58%;
      vertical-align: top; }
  .benefit-info-box .info-table {
    border-bottom: 1px solid #eeeff0;
    height: auto;
    margin-bottom: 15px;
    position: relative;
    width: 100%; }
    .benefit-info-box .info-table .left-td {
      border: 1px solid #dedede;
      background-color: #eeeff0;
      font-size: 14px;
      font-weight: bold;
      height: 70px;
      text-align: center;
      width: 70px; }
    .benefit-info-box .info-table .right-td {
      border: 1px solid #dedede;
      font-size: 12px;
      height: 70px;
      padding-left: 10px;
      text-align: left; }
      .benefit-info-box .info-table .right-td .bracket-text {
        color: #555;
        display: inline-block;
        font-size: 11px;
        height: 12px;
        line-height: 12px;
        margin-bottom: 6px; }
      .benefit-info-box .info-table .right-td .limit-text {
        color: #555;
        display: inline-block;
        font-size: 10px;
        height: 11px;
        line-height: 11px; }
  .benefit-info-box .bottom-subject {
    border-bottom: 2px solid #555;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 130px; }
  .benefit-info-box .bottom-bracket-text {
    color: #555;
    font-size: 10px; }

.notice-footer-button-box {
  height: 100px;
  position: relative;
  text-align: center;
  width: 100%; }
  .notice-footer-button-box .notice-footer-button {
    display: inline-block;
    margin: 10px 2px 0 2px;
    border: 1px solid #c0c0c0;
    color: #333;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100px; }

.asonline-done-form {
  text-align: center; }

.as-done-top {
  outline: none;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  border-radius: 5px;
  border: 1px solid #333;
  width: 90%;
  margin: 25px auto; }
  .as-done-top p {
    white-space: pre-line; }
  .as-done-top .btn-as {
    color: #fff;
    font-size: 17px;
    padding: 10px;
    margin: 30px;
    background: #333;
    width: 130px; }

.kakao-content {
  height: auto;
  padding: 30px 0 60px 0;
  position: relative;
  text-align: center;
  width: 100%; }

.kakao-bg-img {
  height: auto;
  position: relative;
  width: 100%; }

.kakao-button {
  cursor: pointer;
  height: auto;
  margin: 20px auto;
  width: 186px; }

.contact-summery {
  background-color: #fff; }
  .contact-summery .c-comment {
    font-size: 13px;
    list-style: none;
    padding: 15px;
    margin: 0; }

.c-list-box {
  background: #f5f5f5;
  padding: 15px 0;
  min-height: 600px; }

.cs-list-title {
  margin: 15px 0;
  text-align: center;
  font-size: 18px; }

.cs-list-subtitle {
  width: 410px;
  height: 35px;
  color: #fff;
  font-size: 12px;
  background-color: #636363; }

.cs-list-subtitle th {
  padding: 10px 15px;
  font-weight: normal;
  text-align: center; }

.cs_list_item {
  width: 410px;
  height: 45px;
  background-color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5; }

.cs_list_item:hover {
  background-color: #ffefef; }

.cs_list_item td {
  padding: 10px 15px;
  font-weight: normal;
  text-align: center;
  font-size: 12px; }

.w25 {
  width: 25%; }

.w20 {
  width: 20%; }

.w40 {
  width: 40%; }

.w10 {
  width: 10%; }

.c-list-sub {
  width: 100px; }

.c-list-date {
  width: 120px; }

.c-list-title {
  width: 150px; }

.c-red-btn-box {
  width: 100%;
  padding: 15px;
  color: #fff;
  background: #d6000a;
  text-align: center;
  font-size: 18px;
  position: fixed;
  bottom: 0; }

.c-btn-more {
  width: 150px;
  height: 45px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  font-size: 12px; }

.red-white-btn {
  border: 1px solid #ca0000;
  color: #ca0000;
  font-size: 15px;
  background: #fff;
  font-weight: 500;
  height: 60px;
  padding: 0;
  width: 170px; }

.red-btn {
  border: 1px solid #ca0000;
  color: #fff;
  font-size: 15px;
  background: #ca0000;
  font-weight: 500;
  height: 60px;
  width: 170px;
  padding: 0; }

.more-box {
  text-align: center;
  margin: 9px 0;
  color: #777777;
  font-size: 12px; }

.question-box {
  width: 100%;
  margin-bottom: 50px; }

.qbox-answer {
  min-height: 200px; }

.qbox-date {
  margin-top: 19px;
  line-height: 1; }

.qbox-title {
  padding: 10px 0;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  color: #080808; }

.qbox-text {
  font-size: 17px;
  min-height: 200px; }

.q-date {
  color: #666666;
  font-size: 12px; }

.q-title-right {
  float: right;
  font-size: 12px;
  margin-right: 5px;
  margin-top: 3px; }

.abox-anwer {
  padding: 10px;
  border-top: 2px solid red; }

.a-text {
  padding: 17px 15px 11px 35px;
  font-size: 17px;
  background: #f7f7f7;
  min-height: 200px; }

.v-button {
  font-size: 15px;
  line-height: 45px;
  color: #777777;
  width: 80px;
  border: solid 1px #e5e5e5;
  float: right;
  background: #fff;
  padding: 0;
  margin: 10px 0;
  margin-right: 10px; }

.v-button2 {
  width: 150px;
  height: 45px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  color: #777777;
  font-size: 12px; }

.f-center {
  text-align: center;
  margin-top: 50px; }

.red {
  color: #ca0000; }

.c-input-title {
  margin: 0;
  text-align: center;
  padding-top: 15px;
  font-size: 20px; }

.c-input-label {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #333333;
  display: block;
  margin-top: 20px; }

.contact-ip {
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin-top: 10px;
  padding-left: 10px; }

.contact-ip::-webkit-input-placeholder {
  color: #a7a7a7;
  padding-left: 10px; }

.SMS {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #333333; }

.SMS-img {
  width: 28px; }

.Shape {
  width: 28px;
  background-color: #999999; }

.Rectangle-2 {
  width: 100%;
  height: 45px;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  margin: 10px 10px 20px 0px;
  font-size: 15px;
  padding-left: 10px; }

.Rectangle-3 {
  width: 100%;
  margin-top: 10px;
  border: solid 1px #e5e5e5;
  height: 120px;
  padding: 10px; }

.act-btn-red {
  width: 100%;
  height: 45px;
  border: 0;
  background: #d6000a;
  color: #fff;
  margin-top: 10px; }

.q-textarea {
  width: 100%;
  border: 1px solid #ddd;
  height: 200px; }

.wspace {
  white-space: pre-line; }

/* faq */
.cs-container {
  background-color: #f5f5f5; }
  .cs-container .faq-search-box {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px; }
    .cs-container .faq-search-box .search-box {
      margin-bottom: 15px; }

/* 1:1 문의 리스트 */
.cs-container .cs-items span {
  display: inline-block; }

.cs-container .cs-items .cs-item {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 10px 15px 19px 15px;
  font-size: 13px;
  color: #6d6d6d; }
  .cs-container .cs-items .cs-item .cs-date {
    float: right; }
  .cs-container .cs-items .cs-item .cs-title-wrap {
    margin-top: 7.8px;
    color: #080808;
    font-weight: bold; }
    .cs-container .cs-items .cs-item .cs-title-wrap .cs-title {
      font-size: 17px; }
    .cs-container .cs-items .cs-item .cs-title-wrap .cs-answer {
      float: right; }

/* 1:1 문의 상세 */
.cs-container .question-box .question-wrap {
  background-color: #fff;
  padding: 0 15px;
  border-bottom: 1px solid #e5e5e5; }

.cs-container .question-box .qbox-answer {
  position: relative; }
  .cs-container .question-box .qbox-answer .answer-pointer {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #6d6d6d; }

.cs-container .question-box .button-box {
  background-color: #fff; }
  .cs-container .question-box .button-box .right-buttons {
    padding-right: 5px; }

/* 1:1 문의 작성 */
.cs-container .contact-input-box {
  padding: 15px;
  padding-top: 0; }
  .cs-container .contact-input-box .contact-type-selectbox {
    margin-bottom: 0; }

/* 1:1 문의 작성 완료 */
.cs-container .contact-input-complete-wrap {
  background-color: #fff; }
  .cs-container .contact-input-complete-wrap .topbox {
    margin-top: 55px;
    text-align: center;
    padding: 0 30px; }
  .cs-container .contact-input-complete-wrap .thanks {
    white-space: pre-line;
    font-size: 20px;
    text-align: center;
    margin: 0;
    margin-bottom: 30px; }
  .cs-container .contact-input-complete-wrap .thanks2 {
    font-size: 13px;
    color: #6d6d6d; }
  .cs-container .contact-input-complete-wrap .bottombox {
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 60px; }

.AS-center-contents {
  box-shadow: none;
  background: #f5f5f5;
  outline: none;
  -webkit-appearance: none; }
  .AS-center-contents .view-sayu {
    transition: right 250ms ease-out;
    height: 100%;
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    background: #fff; }
    .AS-center-contents .view-sayu .body {
      position: relative;
      padding: 60px 15px; }
      .AS-center-contents .view-sayu .body h1 {
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 0; }
      .AS-center-contents .view-sayu .body img {
        position: absolute;
        top: 80px;
        right: 20px;
        width: 20px; }
  .AS-center-contents ::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .AS-center-contents label {
    display: block;
    font-size: 15px;
    color: #333;
    margin: 10px 0px; }
    .AS-center-contents label font {
      font-size: 13px;
      color: #d0021b;
      position: absolute;
      left: 90px; }
  .AS-center-contents .sub-text2 {
    font-size: 13px;
    color: #d0021b;
    margin-bottom: 10px;
    display: block; }
  .AS-center-contents .input-type1 {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 15px;
    box-shadow: none; }
  .AS-center-contents .input-tel {
    width: 31%;
    height: 45px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: #fff;
    padding-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
  .AS-center-contents .button-type2 {
    background: #333;
    color: #fff;
    width: 95px;
    border: 0;
    margin-left: 10px;
    height: 44px;
    font-size: 15px; }
  .AS-center-contents .input-type3 {
    border: 1px solid #e5e5e5;
    width: 68%;
    height: 45px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 15px; }
  .AS-center-contents .select-type1 {
    width: 105px;
    height: 45px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: #fff;
    padding-left: 10px; }
  .AS-center-contents .cube2 {
    float: left;
    margin-bottom: 10px;
    width: 31%; }
  .AS-center-contents .cube3 {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px; }
    .AS-center-contents .cube3 select {
      width: 100%; }
  .AS-center-contents textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 109px;
    padding: 18px; }
  .AS-center-contents .button-file {
    width: 100%;
    height: 45px;
    color: #fff;
    background: #333; }
  .AS-center-contents .cube4 {
    width: 48%;
    float: left; }
    .AS-center-contents .cube4 select {
      -webkit-appearance: menulist;
      border: 1px solid #e5e5e5;
      border-radius: 0;
      background: #fff;
      width: 100%;
      height: 45px;
      background: #fff;
      padding-left: 10px; }
  .AS-center-contents .imgPreview {
    margin-top: 10px; }
    .AS-center-contents .imgPreview div {
      display: inline;
      position: relative;
      width: 110px;
      height: 110px; }
    .AS-center-contents .imgPreview img {
      width: 110px;
      height: 110px; }
  .AS-center-contents .as-del {
    width: 17px !important;
    height: 17px !important;
    right: 5px;
    position: absolute; }
  .AS-center-contents .cube {
    width: 48%;
    float: left; }
    .AS-center-contents .cube select {
      -webkit-appearance: menulist;
      border: 1px solid #e5e5e5;
      border-radius: 0;
      background: #fff;
      width: 100%;
      height: 45px;
      background: #fff;
      padding-left: 10px; }
    .AS-center-contents .cube .btn-black {
      background: #333;
      color: #fff;
      width: 100%;
      font-size: 18px;
      height: 60px;
      border: 1px solid #333; }
    .AS-center-contents .cube .btn-white {
      background: #fff;
      color: #333;
      border: 1px solid #333;
      width: 100%;
      font-size: 18px;
      height: 60px; }
  .AS-center-contents h1 {
    font-size: 20px;
    text-align: center;
    margin-top: 19px; }
  .AS-center-contents .form-bottom {
    padding: 0px 15px;
    padding-bottom: 100px; }
  .AS-center-contents .ash1-top {
    background: #fff;
    padding: 0px 15px; }
    .AS-center-contents .ash1-top ul {
      padding: 0;
      list-style: none;
      padding-bottom: 18px; }
      .AS-center-contents .ash1-top ul li {
        font-size: 13px;
        color: #6d6d6d; }
  .AS-center-contents .sku-box {
    display: inline; }
  .AS-center-contents .input-sku {
    border: 1px solid #e5e5e5;
    width: 35%;
    height: 45px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 15px;
    box-shadow: none; }
  .AS-center-contents .input-color {
    border: 1px solid #e5e5e5;
    width: 30%;
    height: 45px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 15px;
    box-shadow: none;
    margin-left: 10px; }
  .AS-center-contents .search_result label {
    display: inline-block; }
  .AS-center-contents .search_result span {
    margin-left: 10px; }
  .AS-center-contents .sub-text {
    color: #d0021b;
    font-size: 13px;
    display: block;
    margin-bottom: 10px; }
  .AS-center-contents .btn_white {
    border: 1px solid #080808;
    background: #fff;
    color: #080808;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px;
    height: 45px;
    margin-bottom: 20px; }
  .AS-center-contents .btn_black {
    border: 1px solid #080808;
    background: #080808;
    color: #fff;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px;
    height: 45px;
    margin-bottom: 20px; }
  .AS-center-contents .tab_on {
    border: 0;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px;
    height: 45px;
    margin-bottom: 20px; }
  .AS-center-contents .tab_off {
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px;
    height: 45px;
    margin-bottom: 20px; }

.bw {
  background: #fff; }

.search {
  padding: 15px;
  background: #f5f5f5; }

.btn-search {
  background: #333;
  color: #fff;
  border: 0;
  height: 50px;
  width: 100%;
  font-size: 15px; }

.sum {
  font-size: 13px;
  color: #6d6d6d;
  line-height: 21px; }

.table-result {
  width: 100%; }

.as-card {
  width: 100%;
  background: #fff;
  border-bottom: 10px solid #f5f5f5;
  padding: 5px 10px;
  color: #6d6d6d; }
  .as-card .top .num {
    font-size: 13px; }
  .as-card .top .stat {
    font-size: 17px;
    float: right; }
  .as-card .middle {
    position: relative; }
    .as-card .middle .date {
      font-size: 13px; }
    .as-card .middle u {
      position: absolute;
      top: 2px;
      right: 0;
      font-size: 13px;
      cursor: pointer; }
  .as-card .bottom {
    position: relative; }
    .as-card .bottom .name {
      display: inline-block;
      font-size: 13px;
      margin: 5px 0; }
    .as-card .bottom .price {
      position: absolute;
      right: 0;
      top: 3px;
      font-size: 13px;
      text-align: right; }
    .as-card .bottom .pay {
      position: absolute;
      right: 0;
      top: 0px;
      font-size: 13px;
      text-align: right;
      font-size: 15px; }
    .as-card .bottom .sku {
      font-size: 17px;
      color: #080808; }

.tr-item {
  width: 100%;
  border-bottom: 2px solid #f5f5f5; }
  .tr-item .grey {
    font-size: 13px;
    color: #6d6d6d;
    font-weight: normal; }
  .tr-item .as-td {
    text-align: left;
    padding: 10px; }
  .tr-item .stat {
    text-align: right;
    padding: 10px; }

.CardInfo {
  background: #f7f7f7; }
  .CardInfo .body {
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 43px; }
  .CardInfo .title {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #080808;
    margin: 0;
    margin-left: 5%;
    margin-bottom: 11px; }
  .CardInfo table {
    width: 90%;
    margin: auto; }
    .CardInfo table th {
      height: 45px;
      border: solid 1px #e5e5e5;
      background-color: #080808;
      color: #fff;
      font-size: 13px;
      font-weight: normal; }
    .CardInfo table td {
      color: #080808;
      border: solid 1px #e5e5e5;
      background: #fff;
      font-size: 13px;
      text-align: center;
      height: 40px; }
    .CardInfo table .card {
      font-weight: bold; }

.ex-view {
  width: 100%;
  padding: 30px 12px; }
  .ex-view h1 {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
  .ex-view .row {
    margin-top: 40px;
    display: block; }
    .ex-view .row .card {
      width: 49%;
      display: inline-block; }
      .ex-view .row .card img {
        width: 100%; }
      .ex-view .row .card span {
        text-align: center;
        display: block;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.54;
        letter-spacing: normal;
        text-align: center;
        color: #080808; }
      .ex-view .row .card:last-child {
        margin-left: 2%; }

.datepic {
  display: inline-block;
  width: 42%;
  position: relative; }
  .datepic .calendar {
    width: 20px;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 99; }

.hipen {
  margin: 0 20px; }

.react-datepicker-wrapper input {
  font-size: 15px;
  height: 39px;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  text-indent: 10px; }

.category-content {
  height: auto;
  position: relative;
  width: 100%;
  margin-top: 59px; }
  .category-content .mt-118 {
    margin-top: 118px; }
  .category-content .cate-link-out {
    width: 100%;
    padding: 15px; }
    .category-content .cate-link-out .category-link-box {
      position: relative;
      height: 50px;
      background: #000;
      line-height: 50px;
      text-indent: 15px; }
      .category-content .cate-link-out .category-link-box span {
        font-size: 15px;
        font-weight: bold;
        color: #fff; }
      .category-content .cate-link-out .category-link-box .ab {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 10px; }
  .category-content .category-menu {
    height: auto;
    position: relative;
    width: 100%; }
    .category-content .category-menu .category-menu-title-box {
      color: #080808;
      font-size: 18px;
      height: 50px;
      line-height: 50px;
      position: relative;
      text-align: center;
      width: 100%; }
      .category-content .category-menu .category-menu-title-box .sub-menu-flip-button {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 20px; }
    .category-content .category-menu .category-sub-menu-box-close {
      background-color: #f6f6f6;
      max-height: 0;
      overflow: hidden;
      transition: max-height .25s linear;
      width: 100%; }
    .category-content .category-menu .category-sub-menu-box {
      transition: max-height .25s linear;
      background-color: #f6f6f6;
      height: auto;
      max-height: 300px;
      position: relative;
      padding: 10px 0 10px 0;
      width: 100%; }
    .category-content .category-menu .td-width-25 {
      width: 25%; }
    .category-content .category-menu .td-width-33 {
      width: 33.3%; }
    .category-content .category-menu .category-second-menu-table {
      border-top: 1px solid #e5e5e5;
      height: 50px;
      line-height: 50px;
      position: relative;
      width: 100%;
      overflow-x: scroll; }
      .category-content .category-menu .category-second-menu-table .body-td {
        height: 100%;
        font-size: 15px;
        text-align: center;
        width: 1%;
        white-space: nowrap; }
        .category-content .category-menu .category-second-menu-table .body-td .link {
          color: #000; }
    .category-content .category-menu .category-second-menu-more-than-4 {
      border-top: 1px solid #e5e5e5;
      height: 50px;
      line-height: 50px;
      position: relative;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      width: 100%; }
      .category-content .category-menu .category-second-menu-more-than-4 .menu-item-list {
        height: 50px;
        line-height: 50px;
        position: relative;
        padding-left: 10px;
        width: auto;
        white-space: nowrap; }
      .category-content .category-menu .category-second-menu-more-than-4 .menu-item {
        height: 50px;
        font-size: 15px;
        line-height: 50px;
        list-style-type: none;
        text-align: center;
        padding: 0 15px 0 15px;
        width: auto; }
      .category-content .category-menu .category-second-menu-more-than-4 .link {
        color: #000; }
    .category-content .category-menu .category-selected {
      color: #ed1c24; }
    .category-content .category-menu .category-menu-table {
      height: auto;
      position: relative;
      width: 100%;
      vertical-align: top; }
      .category-content .category-menu .category-menu-table .header-td {
        border: 1px solid #e5e5e5;
        background-color: #f5f5f5;
        color: #080808;
        font-size: 13px;
        height: 40px;
        padding-left: 25px;
        width: 25%; }
        .category-content .category-menu .category-menu-table .header-td a {
          color: #080808; }
      .category-content .category-menu .category-menu-table .body-td {
        height: auto;
        width: 25%;
        vertical-align: top; }
    .category-content .category-menu .category-sub-menu-table {
      font-size: 13px;
      height: auto;
      padding-left: 0px;
      position: relative;
      text-align: center;
      width: 100%; }
      .category-content .category-menu .category-sub-menu-table .body-td {
        color: #333;
        height: 30px;
        line-height: 30px;
        width: 100%; }
      .category-content .category-menu .category-sub-menu-table .body-td-2 {
        color: #333;
        height: 30px;
        line-height: 30px;
        width: 100%; }
      .category-content .category-menu .category-sub-menu-table .sub-category-font {
        color: #333; }
  .category-content .category-top-menu-wrap-fixed {
    position: fixed;
    width: 100%;
    z-index: 1200;
    background: #FFFFFF; }
    .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap {
      border-bottom: 1px solid #e5e5e5; }
      .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .page-path {
        position: absolute;
        top: 15px;
        left: 15px;
        color: white;
        font-size: 14px;
        font-weight: 500; }
        .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .page-path .path {
          color: white; }
      .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .gender-btn {
        font-size: 14px;
        font-weight: 500;
        padding: 13px 0;
        border-top: 1px solid #e5e5e5; }
        .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .gender-btn .btn {
          width: 50%;
          padding: 5px 0;
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          color: #b5b5b5;
          font-size: 15px;
          font-weight: 600; }
          .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .gender-btn .btn.selected {
            color: #080808; }
          .category-content .category-top-menu-wrap-fixed .category-top-menu-wrap .gender-btn .btn.br {
            border-right: 1px solid #e5e5e5; }
  .category-content .category-wide-banner {
    height: auto;
    width: 100%;
    font-size: 0;
    position: fixed;
    top: 60px;
    background: #FFFFFF;
    z-index: 1200; }
    @media (min-width: 520px) {
      .category-content .category-wide-banner {
        height: 180px; } }
    @media (min-width: 720px) {
      .category-content .category-wide-banner {
        height: 220px; } }
    .category-content .category-wide-banner .img-wrap {
      position: relative;
      right: 50%;
      text-align: center;
      height: 100%; }
    .category-content .category-wide-banner .img-box {
      height: auto;
      position: relative;
      width: 100%; }
    .category-content .category-wide-banner img {
      width: 100%;
      height: auto; }
    .category-content .category-wide-banner .category-top-menu-wrap {
      border-bottom: 1px solid #e5e5e5; }
      .category-content .category-wide-banner .category-top-menu-wrap .page-path {
        position: absolute;
        top: 15px;
        left: 15px;
        color: white;
        font-size: 14px;
        font-weight: 500; }
        .category-content .category-wide-banner .category-top-menu-wrap .page-path .path {
          color: white; }
      .category-content .category-wide-banner .category-top-menu-wrap .gender-btn {
        font-size: 14px;
        font-weight: 500;
        padding: 13px 0;
        border-top: 1px solid #e5e5e5; }
        .category-content .category-wide-banner .category-top-menu-wrap .gender-btn .btn {
          width: 50%;
          padding: 5px 0;
          display: inline-block;
          text-align: center;
          vertical-align: middle;
          color: #b5b5b5;
          font-size: 15px;
          font-weight: 600; }
          .category-content .category-wide-banner .category-top-menu-wrap .gender-btn .btn.selected {
            color: #080808; }
          .category-content .category-wide-banner .category-top-menu-wrap .gender-btn .btn.br {
            border-right: 1px solid #e5e5e5; }
  .category-content .best-seller-title {
    color: #080808;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    line-height: 45px;
    padding-left: 15px;
    width: 100%; }
  .category-content .new-arrivals-title {
    display: inline-block;
    color: #080808;
    font-size: 15px;
    font-weight: 700;
    height: 60px;
    line-height: 75px;
    padding-left: 15px; }
  .category-content .new-arrivals-title-box {
    width: 100%;
    height: 60px; }
    .category-content .new-arrivals-title-box.pt59 {
      padding-top: 59px; }
  .category-content .category-top-menu-box {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    z-index: 1020;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5; }
    .category-content .category-top-menu-box.fixed {
      position: fixed; }
    .category-content .category-top-menu-box.pt59 {
      padding-top: 59px; }
    .category-content .category-top-menu-box a {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #080808; }
    .category-content .category-top-menu-box .category-top-menu {
      list-style: none;
      margin: 0;
      white-space: nowrap;
      text-align: center;
      display: inline-block;
      height: 58px;
      padding: 0; }
      .category-content .category-top-menu-box .category-top-menu .active {
        border-bottom: 3px solid #ca0000 !important; }
        .category-content .category-top-menu-box .category-top-menu .active a {
          color: #ca0000; }
      .category-content .category-top-menu-box .category-top-menu .category-top-menu-item {
        display: inline-block;
        padding: 5px 18px;
        height: 58px;
        line-height: 47px;
        font-size: 15px;
        font-weight: 500;
        color: #999999; }
        .category-content .category-top-menu-box .category-top-menu .category-top-menu-item:last-child {
          border-right: 0; }

.product-category-items.pt59 {
  padding-top: 59px; }

.product-category-items .item-group {
  height: auto;
  position: relative;
  width: 100%; }
  .product-category-items .item-group .category-item-big {
    width: 100%; }
  .product-category-items .item-group .category-item-small {
    width: 50%; }
  .product-category-items .item-group .category-item {
    display: inline-block;
    height: auto;
    position: relative;
    vertical-align: top; }
    .product-category-items .item-group .category-item .category-item-inner {
      width: 98%; }
    .product-category-items .item-group .category-item.right .category-item-inner {
      float: right; }
    .product-category-items .item-group .category-item .img-box {
      height: auto;
      position: relative;
      width: 100%; }
    .product-category-items .item-group .category-item .event-tag {
      top: 10px;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
      height: auto;
      position: absolute;
      rigdelete-buttonht: 8px;
      width: 16%;
      z-index: 10;
      right: 10px; }
    .product-category-items .item-group .category-item .event-shoes {
      height: 40px;
      color: #fff;
      border: 0;
      background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
      position: absolute;
      top: 15px;
      left: 15px;
      font-size: 12px;
      text-align: center;
      padding-top: 4px;
      width: 100%; }
    .product-category-items .item-group .category-item .event-sac {
      height: 40px;
      color: #fff;
      border: 0;
      background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
      position: absolute;
      top: 15px;
      left: 15px;
      font-size: 12px;
      text-align: center;
      padding-top: 4px;
      width: 100%; }
    .product-category-items .item-group .category-item .img-wrap {
      height: 0;
      padding-top: 100%;
      position: relative;
      width: 100%; }
    .product-category-items .item-group .category-item img {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .product-category-items .item-group .category-item .item-title {
      color: #080808;
      font-size: 13px;
      font-weight: 700;
      height: 29px;
      min-height: 20px;
      margin-top: 16px;
      text-align: left;
      width: 85%;
      word-break: keep-all;
      word-wrap: break-word;
      margin-left: 15px;
      line-height:  15px; }
    .product-category-items .item-group .category-item .item-desc {
      color: #6d6d6d;
      font-size: 12px;
      height: 30px;
      line-height: 14px;
      min-height: 12px;
      width: 85%;
      margin-left: 15px;
      margin-top:  10px !important;
      margin-bottom: 2px; }
    .product-category-items .item-group .category-item .price-table {
      height: auto;
      position: relative;
      width: 100%;
      margin-bottom: 20px; }
    .product-category-items .item-group .category-item .item-price {
      font-size: 13px;
      height: 25px;
      line-height: 25px;
      text-align: center; }
    .product-category-items .item-group .category-item .item-price-normal {
      color: #6d6d6d;
      font-size: 13px;
      font-weight: 500;
      height: 25px;
      line-height: 35px;
      text-align: left;
      width: 85%;
      margin: 0 auto;
      margin-bottom: 35px;
      margin-left: 15px; }
    .product-category-items .item-group .category-item .item-price-color-red {
      color: #ca0000;
      font-size: 14px;
      font-weight: bold; }
    .product-category-items .item-group .category-item .item-price-real {
      color: #6d6d6d;
      display: block;
      font-size: 11px;
      height: 25px;
      text-align: center;
      text-decoration: line-through; }

.best-product-category-items {
  padding-top: 59px; }
  .best-product-category-items .item-group {
    position: relative;
    width: 100%; }
    .best-product-category-items .item-group .category-item-big {
      width: 100%; }
    .best-product-category-items .item-group .category-item-inner {
      width: 100%; }
      .best-product-category-items .item-group .category-item-inner .img-wrap {
        position: relative;
        width: 100%; }
        .best-product-category-items .item-group .category-item-inner .img-wrap .img-left-box {
          float: left;
          width: 50%; }
          .best-product-category-items .item-group .category-item-inner .img-wrap .img-left-box .event-shoes {
            height: 40px;
            color: #fff;
            border: 0;
            background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 12px;
            text-align: center;
            padding-top: 4px;
            width: 100%; }
          .best-product-category-items .item-group .category-item-inner .img-wrap .img-left-box .event-sac {
            height: 40px;
            color: #fff;
            border: 0;
            background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 12px;
            text-align: center;
            padding-top: 4px;
            width: 100%; }
        .best-product-category-items .item-group .category-item-inner .img-wrap .img-right-box {
          float: right;
          width: 50%; }
        .best-product-category-items .item-group .category-item-inner .img-wrap img {
          width: 100%;
          cursor: pointer; }
      .best-product-category-items .item-group .category-item-inner .item-title {
        position: relative;
        top: 10px;
        color: #080808;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        width: 100%;
        margin-left: 15px; }
      .best-product-category-items .item-group .category-item-inner .item-price-normal {
        position: relative;
        top: 3px;
        color: #6d6d6d;
        font-size: 13px;
        font-weight: 500;
        height: auto;
        line-height: 35px;
        text-align: left;
        width: 100%;
        margin-left: 16px;
        margin-bottom: 45px;
        margin-top: 18px; }
      .best-product-category-items .item-group .category-item-inner .item-desc {
        position: relative;
        top: 18px;
        font-weight: 500;
        text-align: left;
        width: 100%;
        margin-left: 15px;
        font-size: 12px;
        color: #6d6d6d;
        margin-top: 10px; }
    .best-product-category-items .item-group .price-table {
      height: auto;
      position: relative;
      width: 100%;
      margin-bottom: 20px; }
    .best-product-category-items .item-group .item-price {
      font-size: 13px;
      height: 25px;
      line-height: 25px;
      text-align: center; }
    .best-product-category-items .item-group .item-price-color-red {
      color: #ca0000;
      font-size: 14px;
      font-weight: bold; }
    .best-product-category-items .item-group .item-price-real {
      color: #6d6d6d;
      display: block;
      font-size: 11px;
      height: 25px;
      text-align: center;
      text-decoration: line-through; }

.category-banner.pt59 {
  padding-top: 59px; }

.category-banner img {
  width: 100%; }

.category-banner .product-btn {
  background-color: #000;
  cursor: pointer;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  margin: 0 auto;
  position: relative;
  float: right;
  top: -150px;
  text-align: center;
  width: 40%;
  height: 30%;
  border: 1px solid #080808; }

.fix-div p, .fix-div span, .fix-div b {
  font-size: 14px !important;
  line-height: 1.5em !important;
  color: #666;
  font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif !important; }

.star-point-red {
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
  width: 11px; }

.star-point-grey {
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
  width: 11px; }

.star-point-number {
  display: inline-block;
  color: #ED1C24;
  font-size: 11px; }

.product-detail-content {
  height: auto;
  position: relative;
  padding-top: 60px;
  width: 100%; }
  .product-detail-content .product-detail-slide-wrap {
    height: 0;
    padding-top: 100%;
    position: relative;
    width: 100%; }
    .product-detail-content .product-detail-slide-wrap .product-detail-slide {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .product-detail-content .product-detail-info {
    min-height: 89px;
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%; }
    .product-detail-content .product-detail-info .desc.en {
      margin-top: 35px; }
    .product-detail-content .product-detail-info .title {
      color: #080808;
      font-size: 20px;
      font-weight: bold;
      line-height: 24px;
      text-align: left;
      position: relative;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      text-transform: uppercase; }
    .product-detail-content .product-detail-info .title.en {
      font-family: 'DINCondensed-Regular'; }
    .product-detail-content .product-detail-info .short-desc {
      color: #080808;
      font-size: 13px;
      font-weight: bold;
      height: auto;
      line-height: 18px;
      text-align: left;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 30px; }
      .product-detail-content .product-detail-info .short-desc .exchange-rate-box {
        position: relative;
        height: 30px;
        width: 100%;
        text-align: right;
        outline: none; }
        .product-detail-content .product-detail-info .short-desc .exchange-rate-box ul.hide {
          display: none; }
        .product-detail-content .product-detail-info .short-desc .exchange-rate-box ul {
          position: absolute;
          bottom: 0;
          right: 0;
          z-index: 10; }
          .product-detail-content .product-detail-info .short-desc .exchange-rate-box ul li {
            width: 120px;
            height: 30px;
            font-size: 10px;
            border-top: 1px solid #eee;
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            background: white; }
            .product-detail-content .product-detail-info .short-desc .exchange-rate-box ul li.last {
              border-bottom: 1px solid #eee; }
        .product-detail-content .product-detail-info .short-desc .exchange-rate-box img {
          width: 88px;
          height: 30px;
          cursor: pointer; }
        .product-detail-content .product-detail-info .short-desc .exchange-rate-box img.hide {
          display: none; }
    .product-detail-content .product-detail-info .free_return {
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: right;
      color: #080808;
      text-decoration: underline;
      margin-top: 8px;
      position: absolute;
      right: 15px; }
    .product-detail-content .product-detail-info .free_return_size {
      font-size: 13px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: right;
      color: #080808;
      text-decoration: underline;
      margin-top: 8px; }
    .product-detail-content .product-detail-info .bene-box {
      display: block;
      border-top: 1px solid #e5e5e5;
      padding: 15px 0px;
      margin-top: 10px; }
      .product-detail-content .product-detail-info .bene-box .bene-title {
        display: inline-block;
        font-size: 15px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #080808; }
      .product-detail-content .product-detail-info .bene-box .link-area {
        display: inline-block;
        float: right; }
        .product-detail-content .product-detail-info .bene-box .link-area span {
          font-size: 15px;
          font-weight: 700;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: right;
          color: #080808;
          margin: 0 10px; }
        .product-detail-content .product-detail-info .bene-box .link-area a {
          display: inline-block;
          font-size: 15px;
          font-weight: 700;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: right;
          color: #080808; }
    .product-detail-content .product-detail-info .info-box {
      margin-top: 10px; }
      .product-detail-content .product-detail-info .info-box .chatbot {
        margin-left: 10px;
        width: 70px;
        height: 19px;
        font-family: NotoSansCJKkr;
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        text-decoration: underline;
        color: #080808; }
    .product-detail-content .product-detail-info .pno-and-price {
      padding-top: 5px; }
      .product-detail-content .product-detail-info .pno-and-price .product-no {
        font-size: 12px;
        font-weight: 300;
        color: #6d6d6d; }
      .product-detail-content .product-detail-info .pno-and-price .price {
        float: right;
        font-size: 16px;
        font-weight: 500;
        color: #6d6d6d; }
        .product-detail-content .product-detail-info .pno-and-price .price .before-price {
          color: #aeaeae;
          font-size: 12px;
          line-height: 12px;
          margin-right: 10px;
          text-decoration: line-through; }
    .product-detail-content .product-detail-info .desc {
      color: #080808;
      font-size: 14px;
      font-weight: 300;
      height: auto;
      line-height: 22px;
      text-align: left;
      width: 100%;
      padding: 15px 0;
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5; }
    .product-detail-content .product-detail-info .star-and-price-table {
      height: 24px;
      margin-bottom: 10px;
      width: 100%; }
      .product-detail-content .product-detail-info .star-and-price-table .left-td {
        height: 24px;
        padding-left: 15px;
        padding-right: 20px;
        text-align: center;
        width: 50%; }
      .product-detail-content .product-detail-info .star-and-price-table .right-td {
        height: 24px;
        padding-left: 15px;
        text-align: left;
        width: 50%; }
      .product-detail-content .product-detail-info .star-and-price-table .before-price {
        color: #aeaeae;
        font-size: 12px;
        line-height: 12px;
        margin-right: 10px;
        text-decoration: line-through; }
      .product-detail-content .product-detail-info .star-and-price-table .sale-price {
        color: #ed1c24;
        font-size: 16px;
        line-height: 16px; }
      .product-detail-content .product-detail-info .star-and-price-table .review-star-box {
        height: auto;
        padding-top: 5px;
        position: relative;
        text-align: right;
        width: auto; }
  .product-detail-content .card-event-box {
    border-bottom: 1px solid #e5e5e5;
    color: #080808;
    font-size: 12px;
    height: 39px;
    line-height: 39px;
    padding-left: 20px;
    position: relative;
    width: 100%; }
    .product-detail-content .card-event-box img {
      position: absolute;
      right: 15px;
      top: 11px;
      width: 9px; }
  .product-detail-content .event-tag {
    top: 10px;
    content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
    height: auto;
    position: absolute;
    right: 10px;
    width: 12%;
    z-index: 100; }
  .product-detail-content .product-main-img {
    height: auto;
    position: relative;
    width: 100%; }
  .product-detail-content .product-sub-info-table {
    color: #777777;
    font-size: 11px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 5px;
    position: relative;
    width: 100%; }
    .product-detail-content .product-sub-info-table .left-td {
      height: 25px;
      padding-left: 20px;
      text-align: left;
      width: 30%; }
    .product-detail-content .product-sub-info-table .right-td {
      height: 25px;
      padding-right: 15px;
      text-align: right;
      width: 50%; }
  .product-detail-content .product-small-img-line {
    height: 82px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 2px;
    position: relative;
    width: 100%; }
    .product-detail-content .product-small-img-line .product-box {
      border: 1px solid #e5e5e5;
      width: 80px;
      height: 80px;
      margin-right: 5px; }
      .product-detail-content .product-small-img-line .product-box.product-box-selected {
        border: 1px solid #ed1c24; }
      .product-detail-content .product-small-img-line .product-box img {
        height: 78px;
        width: 78px; }
  .product-detail-content .product-select-order-section {
    height: auto;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #f7f7f7;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.31);
    bottom: -450px;
    transition: bottom .7s, opacity .7s; }
    .product-detail-content .product-select-order-section.open {
      bottom: 57px; }
    .product-detail-content .product-select-order-section .flip-button-block {
      color: #ca0000; }
    .product-detail-content .product-select-order-section .order-button-block {
      background-color: white;
      margin: 7px;
      margin-bottom: 0;
      padding: 7px;
      padding-top: 0;
      position: relative; }
      .product-detail-content .product-select-order-section .order-button-block .size-quantity-block {
        position: relative;
        margin: 0;
        text-align: center; }
        .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-select-title-wrap.price {
          display: flex;
          justify-content: space-between;
          margin: 20px 0 10px; }
        .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-select-title-wrap {
          font-size: 14px;
          font-weight: 500;
          color: #6d6d6d;
          text-align: left; }
          .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-select-title-wrap .left {
            float: left; }
          .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-select-title-wrap .right {
            float: right; }
            .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-select-title-wrap .right a {
              color: #6d6d6d; }
        .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .product-size-selector {
          margin-top: 10px;
          margin-bottom: 20px; }
        .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .quantity-filter-selector {
          border: 1px solid #bbb;
          overflow: hidden;
          background-color: #fff;
          background-repeat: no-repeat;
          background-position: 90% 50%;
          color: #777;
          display: block;
          height: 45px;
          text-align: center;
          margin-top: 10px; }
          .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .quantity-filter-selector select {
            font-size: 15px;
            height: 100%;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #6d6d6d;
            border: none;
            box-shadow: none;
            background-color: transparent;
            background-image: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-align-last: center;
            width: 100%; }
          .product-detail-content .product-select-order-section .order-button-block .size-quantity-block .quantity-filter-selector select:focus {
            outline: none; }
  .product-detail-content .product-select-button-section {
    bottom: -2px;
    height: auto;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
    background-color: #f7f7f7; }
    .product-detail-content .product-select-button-section .product-button-box .button-box-wrap {
      margin: 7px; }
    .product-detail-content .product-select-button-section .product-button-box .product-cart-button {
      background-color: #fff;
      display: inline-block;
      float: left;
      font-size: 18px;
      position: relative;
      border: 1px solid #ed1c24;
      color: #ed1c24;
      cursor: pointer;
      height: 45px;
      line-height: 45px;
      text-align: center;
      width: 44%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      width: 49%; }
    .product-detail-content .product-select-button-section .product-button-box .product-buy-button {
      background-color: #ed1c24;
      float: right;
      font-size: 18px;
      position: relative;
      border: 1px solid #ed1c24;
      color: #ffffff;
      cursor: pointer;
      height: 45px;
      line-height: 45px;
      text-align: center;
      width: 44%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      width: 49%; }
  .product-detail-content ul {
    padding: 0;
    margin: 0;
    position: relative; }
  .product-detail-content li {
    list-style-type: none; }
  .product-detail-content .product-md-recommand-list {
    display: block;
    height: auto;
    margin-top: 10px;
    margin-bottom: 25px;
    position: relative;
    width: 100%; }
    .product-detail-content .product-md-recommand-list .title {
      color: #080808;
      font-size: 16px;
      font-weight: bold;
      height: 36px;
      line-height: 36px;
      text-align: center;
      width: 100%;
      margin-bottom: 25px; }

.line-box {
  border-bottom: 1px solid #e5e5e5;
  height: 2px;
  display: inline-block;
  width: 100%; }

.flip-detail-content {
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  min-height: 70px; }
  .flip-detail-content .flip-detail-menu {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 70px;
    position: relative;
    padding-top: 3px; }
    .flip-detail-content .flip-detail-menu .menu-button {
      position: absolute;
      right: 15px;
      width: 21px;
      top: 50%;
      transform: translateY(-50%); }
  .flip-detail-content .children_container_close {
    display: none; }
  .flip-detail-content .children_container {
    position: relative;
    width: 100%;
    height: 0;
    opacity: 0;
    margin-bottom: 0;
    transition: all 1.2s; }
    .flip-detail-content .children_container .fix-div, .flip-detail-content .children_container .fix-div-2 {
      margin-top: -14px; }
    .flip-detail-content .children_container a {
      color: #080808; }
    .flip-detail-content .children_container p, .flip-detail-content .children_container span, .flip-detail-content .children_container b {
      font-size: 14px !important;
      line-height: 1.5em !important;
      color: #666;
      font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif !important; }
  .flip-detail-content.open .children_container {
    height: auto;
    opacity: 1;
    margin-bottom: 20px; }
  .flip-detail-content .flip-review-star-box {
    height: 15px;
    position: relative;
    margin-left: 10px;
    text-align: center;
    width: 100%; }

.product-detail-review-list {
  height: auto;
  position: relative;
  width: 100%; }
  .product-detail-review-list .review-announce {
    color: #080808;
    font-size: 12px;
    line-height: 17px;
    padding: 11px 20px 11px 20px;
    width: 100%; }
  .product-detail-review-list .review-submit-button {
    background-color: #000000;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 117px; }
  .product-detail-review-list .manager-review-container {
    border-top: 1px solid #bbbbbb;
    height: auto;
    display: block;
    width: 100%; }
    .product-detail-review-list .manager-review-container .manager-review-title {
      color: #080808;
      font-size: 20px;
      font-weight: bold;
      height: 53px;
      line-height: 53px;
      text-align: center;
      width: 100%; }
    .product-detail-review-list .manager-review-container .manager-review-content {
      height: auto;
      position: relative;
      padding: 0 15px 0 15px;
      width: 100%; }
      .product-detail-review-list .manager-review-container .manager-review-content .main-img {
        height: auto;
        width: 100%; }
      .product-detail-review-list .manager-review-container .manager-review-content .review-small-img-line {
        height: 52px;
        overflow-x: auto;
        overflow-y: hidden;
        position: relative;
        width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-small-img-line .review-img-selected {
          border: 2px solid #ed1c24;
          height: 50px;
          margin-right: 6px;
          width: 50px; }
          .product-detail-review-list .manager-review-container .manager-review-content .review-small-img-line .review-img-selected img {
            height: 46px;
            width: 46px; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-small-img-line .review-img-normal {
          margin-right: 6px; }
          .product-detail-review-list .manager-review-container .manager-review-content .review-small-img-line .review-img-normal img {
            height: 50px;
            width: 50px; }
      .product-detail-review-list .manager-review-container .manager-review-content .review-text-box {
        height: auto;
        margin-top: 16px;
        width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .manager-review-star-box {
          height: 15px;
          position: relative;
          width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .review-title {
          color: #080808;
          font-size: 15px;
          height: auto;
          width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .review-info-table {
          color: #777777;
          font-size: 11px;
          height: auto;
          margin-bottom: 10px;
          width: 100%; }
          .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .review-info-table .star-td {
            text-align: right; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .manager-review-text-normal {
          color: #444444;
          font-size: 11px;
          height: 50px;
          line-height: 16px;
          overflow: hidden;
          position: relative;
          width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .manager-review-text-full {
          color: #444444;
          font-size: 11px;
          height: auto;
          line-height: 16px;
          position: relative;
          width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .manager-review-button-box {
          height: 40px;
          display: block;
          position: relative;
          width: 100%; }
        .product-detail-review-list .manager-review-container .manager-review-content .review-text-box .manager-review-open-button {
          float: right;
          margin-top: 10px;
          position: relative;
          width: 21px; }
  .product-detail-review-list .customer-review-container {
    height: auto;
    display: block;
    width: 100%; }
    .product-detail-review-list .customer-review-container .customer-review-title {
      border-bottom: 1px solid #bbbbbb;
      color: #080808;
      font-size: 20px;
      font-weight: bold;
      height: 53px;
      line-height: 53px;
      text-align: center;
      width: 100%; }
    .product-detail-review-list .customer-review-container .customer-review-content {
      border-bottom: 1px solid #bbbbbb;
      height: auto;
      display: block;
      width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .review-title {
        color: #080808;
        font-size: 15px;
        font-weight: bold;
        height: auto;
        margin-top: 17px;
        margin-bottom: 12px;
        width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .review-info-table {
        display: block;
        height: auto;
        margin-bottom: 12px;
        position: relative;
        width: 100%; }
        .product-detail-review-list .customer-review-container .customer-review-content .review-info-table .left-td {
          color: #777777;
          font-size: 11px;
          height: 22px;
          text-align: left;
          width: 50%; }
        .product-detail-review-list .customer-review-container .customer-review-content .review-info-table .right-td {
          height: 22px;
          text-align: right;
          width: 50%; }
          .product-detail-review-list .customer-review-container .customer-review-content .review-info-table .right-td .customer-review-star-box {
            height: 15px;
            position: relative;
            width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .customer-review-text-normal {
        color: #444444;
        font-size: 11px;
        height: 50px;
        line-height: 16px;
        overflow: hidden;
        position: relative;
        width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .customer-review-text-full {
        color: #444444;
        font-size: 11px;
        height: auto;
        line-height: 16px;
        position: relative;
        width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .customer-review-button-box {
        height: 40px;
        display: block;
        position: relative;
        width: 100%; }
      .product-detail-review-list .customer-review-container .customer-review-content .customer-review-open-button {
        float: right;
        margin-top: 10px;
        position: relative;
        width: 21px; }
    .product-detail-review-list .customer-review-container .customer-review-more-button {
      font-size: 14px;
      margin: 0 auto;
      margin-top: 11px;
      margin-bottom: 20px;
      border: 1px solid #e5e5e5;
      color: #aeaeae;
      cursor: pointer;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 117px; }

.size-table-content {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .size-table-content .size-table-img {
    height: auto;
    position: relative;
    width: 100%; }

.login-content {
  height: auto;
  margin-bottom: 100px;
  position: relative;
  width: 100%; }
  .login-content .select-content {
    height: auto;
    padding: 15px;
    width: 100%; }
  .login-content .login-select-title {
    font-size: 15px;
    color: #080808;
    margin-top: 25px;
    margin-bottom: 10px; }
  .login-content .login-select-desc {
    font-size: 7px;
    color: #444444;
    margin-bottom: 15px; }
  .login-content .login-button {
    background-color: #ed1c24;
    font-size: 15px;
    border: 1px solid #ed1c24;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%; }
  .login-content .fb-login-button {
    background-color: #3b5998;
    font-size: 15px;
    border: 1px solid #3b5998;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%; }
  .login-content .login-select-line-box {
    border-bottom: 1px solid #e5e5e5;
    height: 50px;
    width: 100%; }

.login-form-content {
  color: #080808;
  font-size: 19px;
  height: auto;
  padding: 15px 15px 0 15px;
  width: 100%; }
  .login-form-content input[type='radio'] {
    zoom: 2; }
  .login-form-content input[type='radio']:checked {
    background-color: #ed1c24; }
  .login-form-content input[type='radio']:last-child {
    margin-left: 25px; }

.member-login-content {
  height: auto;
  position: relative;
  padding: 15px;
  width: 100%; }
  .member-login-content .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    vertical-align: middle; }
  .member-login-content .close-icon:after {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg);
    content-size: 17px 17px;
    color: #969696;
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin: auto;
    right: 15px;
    padding: 1px;
    position: absolute;
    top: 13px;
    text-align: center;
    width: 17px;
    z-index: 1; }
  .member-login-content .login-id-box:not(:valid) ~ .close-icon {
    display: none; }
  .member-login-content .box-wrapper {
    height: auto;
    position: relative;
    width: auto; }
  .member-login-content .login-id-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    color: #777777;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    width: 100%; }
  .member-login-content .login-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    background-color: #ed1c24;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    margin-top: 5px;
    position: relative;
    text-align: center;
    width: 100%; }
  .member-login-content .login-checkbox-group {
    color: #080808;
    font-size: 14px; }
    .member-login-content .login-checkbox-group input[type='checkbox'] {
      zoom: 2; }
    .member-login-content .login-checkbox-group span {
      vertical-align: top;
      line-height: 26px; }
  .member-login-content .login-checkbox-table {
    height: auto;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 7px;
    width: 100%; }
    .member-login-content .login-checkbox-table .left-td {
      text-align: left;
      width: 50%; }
    .member-login-content .login-checkbox-table .right-td {
      text-align: right;
      width: 50%; }
  .member-login-content .id-search-button {
    color: #969696;
    font-size: 12px;
    font-weight: 300;
    text-decoration: underline; }
  .member-login-content .fb-login-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #3b5998;
    color: #ffffff;
    font-size: 15px;
    line-height: 28px;
    margin-top: 16px;
    padding: 12px;
    position: relative;
    text-align: center;
    width: 100%; }
    .member-login-content .fb-login-button .fb-logo {
      vertical-align: top; }

.login-simple-content {
  border-top: 1px solid #e5e5e5;
  background-color: white;
  height: auto;
  margin-top: 20px;
  padding: 15px 15px 30px;
  position: relative;
  text-align: center;
  width: 100%; }
  .login-simple-content .benefit_img {
    height: auto;
    margin-bottom: 15px;
    width: 100%; }
  .login-simple-content .login-simple {
    color: #080808;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 20px; }
  .login-simple-content .login-email-register-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #ed1c24;
    box-sizing: border-box;
    color: #ed1c24;
    font-size: 15px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: 5px; }
  .login-simple-content .fb-login-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #3b5998;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    padding: 12px;
    position: relative;
    text-align: center;
    width: 100%; }
    .login-simple-content .fb-login-button .fb-logo {
      vertical-align: top; }

.guest-login-content {
  height: auto;
  padding: 15px 15px 0px 15px;
  position: relative;
  width: 100%; }
  .guest-login-content .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    vertical-align: middle; }
  .guest-login-content .close-icon:after {
    background-color: #ffffff;
    content: "X";
    color: #969696;
    cursor: pointer;
    display: block;
    font-weight: normal;
    font-size: 22px;
    height: 22px;
    margin: auto;
    right: 10px;
    padding: 1px;
    position: absolute;
    top: 10px;
    text-align: center;
    width: 7px;
    z-index: 1; }
  .guest-login-content .login-id-box:not(:valid) ~ .close-icon {
    display: none; }
  .guest-login-content .box-wrapper {
    height: auto;
    position: relative;
    width: auto; }
  .guest-login-content .login-id-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #969696;
    color: #777777;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    width: 100%; }
  .guest-login-content .order-refer-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000000;
    color: #ffffff;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: center;
    position: relative;
    width: 100%; }
  .guest-login-content .login-customer-center-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f5f5f5;
    color: #969696;
    font-size: 14px;
    height: 110px;
    padding-top: 25px;
    position: relative;
    text-align: center;
    width: 100%; }
    .guest-login-content .login-customer-center-box .phone-number {
      color: #000000;
      font-size: 14px;
      font-weight: bold; }
    .guest-login-content .login-customer-center-box .customer-msg {
      font-size: 13px;
      margin-top: 10px; }

.login-msg-box {
  color: #c70101;
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
  width: 100%; }

.reactivate-content {
  height: 500px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  .reactivate-content .title {
    font-size: 28px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    margin: 50px 0 30px 0;
    text-align: center;
    width: 100%; }
  .reactivate-content .desc {
    font-size: 16px;
    height: auto;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%; }
  .reactivate-content .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    vertical-align: middle; }
  .reactivate-content .close-icon:after {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/x_grey.svg);
    content-size: 17px 17px;
    color: #969696;
    cursor: pointer;
    display: block;
    font-weight: normal;
    margin: auto;
    right: 15px;
    padding: 1px;
    position: absolute;
    top: 13px;
    text-align: center;
    width: 17px;
    z-index: 1; }
  .reactivate-content .login-id-box:not(:valid) ~ .close-icon {
    display: none; }
  .reactivate-content .box-wrapper {
    height: auto;
    position: relative;
    width: auto; }
  .reactivate-content .login-id-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    color: #777777;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    width: 100%; }
  .reactivate-content .login-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    background-color: #ed1c24;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    margin-top: 5px;
    position: relative;
    text-align: center;
    width: 100%; }
  .reactivate-content .cancel-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 10px;
    padding: 12px 0;
    position: relative;
    text-align: center;
    width: 100%; }

.loginpop-mobile-login {
  transition: left 250ms ease-out;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 101;
  background-color: #fff;
  top: 0; }
  .loginpop-mobile-login .bottom {
    margin-top: 59px; }
  .loginpop-mobile-login form .login-box input {
    padding-left: 10px; }
  .loginpop-mobile-login form .check-order {
    position: absolute;
    bottom: -75px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%; }
  .loginpop-mobile-login button {
    border-top: 1px solid #080808;
    border-bottom: 1px solid #080808;
    border-left: 0;
    border-right: 0;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
    height: 50px;
    cursor: pointer;
    outline: none; }
  .loginpop-mobile-login .white {
    background: #fff;
    font-family: HelveticaNeue;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
  .loginpop-mobile-login .black {
    background: #080808;
    font-family: HelveticaNeue;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff; }
  .loginpop-mobile-login input {
    width: 100%;
    height: 45px;
    background: #fff;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-style: solid;
    border: none;
    border-width: 1px;
    border: solid 1px #e5e5e5;
    -webkit-appearance: none; }
  .loginpop-mobile-login input:focus {
    outline: none; }
  .loginpop-mobile-login input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #999; }
  .loginpop-mobile-login input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #999; }
  .loginpop-mobile-login input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #999; }
  .loginpop-mobile-login input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #999; }
  .loginpop-mobile-login .submit {
    width: 100%;
    height: 50px;
    background-color: #333333;
    color: #fff;
    font-weight: normal;
    margin-top: 10px; }
  .loginpop-mobile-login .remember {
    display: block;
    font-size: 15px;
    margin-top: 20px; }
    .loginpop-mobile-login .remember a {
      text-decoration: none;
      float: right;
      color: #333;
      margin-left: 10px; }
  .loginpop-mobile-login .bottom {
    width: 100%;
    background-image: linear-gradient(305deg, #656565, #181818);
    text-align: center;
    padding: 20px 0px; }
    .loginpop-mobile-login .bottom h1 {
      color: #fff;
      text-decoration: underline;
      font-weight: bold;
      font-size: 18px; }
    .loginpop-mobile-login .bottom p {
      color: #fff;
      font-size: 14px;
      margin: 0;
      white-space: pre-line; }
  .loginpop-mobile-login #guest {
    text-align: center; }
  .loginpop-mobile-login .tempuser-btn {
    margin-top: 10px;
    background: #333;
    color: #fff;
    font-size: 16px;
    padding: 14px 23px;
    width: 100%;
    height: 50px;
    margin: 51px 0px 18px 0px; }
  .loginpop-mobile-login .check-order {
    font-size: 15px;
    color: #333;
    text-decoration: underline; }
  .loginpop-mobile-login #order {
    padding: 35px 12px; }
    .loginpop-mobile-login #order h1 {
      font-size: 18px;
      color: #333333;
      text-align: center;
      margin-bottom: 25px; }
    .loginpop-mobile-login #order p {
      margin-top: 9px;
      color: #080808;
      text-align: center;
      font-size: 13px; }
    .loginpop-mobile-login #order .search-box {
      display: flex;
      margin-bottom: 10px; }
      .loginpop-mobile-login #order .search-box span {
        font-size: 15px;
        color: #333;
        width: 97px;
        padding-top: 12px; }
      .loginpop-mobile-login #order .search-box input {
        width: 265px;
        padding: 15px 10px;
        border: solid 1px #e5e5e5; }
      .loginpop-mobile-login #order .search-box button {
        font-size: 16px;
        width: 190px;
        height: 50px;
        border: solid 1px #333333;
        margin-top: 27px;
        cursor: pointer; }
      .loginpop-mobile-login #order .search-box .white {
        background: #fff;
        color: #333;
        margin-right: 5px; }
      .loginpop-mobile-login #order .search-box .black {
        background: #333;
        color: #fff; }
  .loginpop-mobile-login .x-btn {
    display: block;
    text-align: right; }
    .loginpop-mobile-login .x-btn img {
      width: 20px;
      height: 20px; }
  .loginpop-mobile-login #login-m {
    padding: 16px;
    padding-top: 60px;
    height: 494px; }
  .loginpop-mobile-login #oName, .loginpop-mobile-login #oTel, .loginpop-mobile-login #oId {
    margin-top: 0; }

.signup-extra-content {
  height: auto;
  position: relative;
  width: 100%;
  background-color: #f7f7f7; }

.signup-content {
  height: auto;
  padding: 20px;
  width: 100%;
  text-align: center;
  position: relative; }
  .signup-content .signup-content-center {
    position: relative;
    width: 345px;
    text-align: center; }
    .signup-content .signup-content-center .register-subject-small-require {
      text-align: left;
      margin-top: 10px;
      margin-bottom: 2px;
      font-family: NotoSansCJKkr;
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #d6000a; }
    .signup-content .signup-content-center .register-subject-small {
      text-align: left;
      margin-top: 10px;
      margin-bottom: 2px;
      font-family: NotoSansCJKkr;
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #333333; }
    .signup-content .signup-content-center .register-id-check {
      width: 100%;
      height: 45px; }
    .signup-content .signup-content-center .register-box {
      border: 1px solid #e5e5e5;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-appearance: none;
      color: #080808;
      font-size: 15px;
      height: 45px;
      line-height: 45px;
      padding-left: 10px;
      padding-right: 10px;
      position: relative;
      margin-top: 5px;
      margin-bottom: 10px; }
    .signup-content .signup-content-center .register-id-box {
      width: 244px;
      float: left; }
    .signup-content .signup-content-center .register-button {
      margin-top: 5px;
      background-color: #333333;
      font-size: 15px;
      border: 1px solid #555555;
      color: #ffffff;
      cursor: pointer;
      height: 45px;
      line-height: 45px;
      text-align: center;
      width: 31%; }
    .signup-content .signup-content-center .option-button {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #aaa;
      color: #ed1c24;
      cursor: pointer;
      font-size: 16px;
      height: 70px;
      line-height: 28px;
      margin-bottom: 10px;
      padding-top: 10px;
      text-align: center;
      width: 100%; }
    .signup-content .signup-content-center .select-text {
      color: #fff;
      font-size: 13px; }
    .signup-content .signup-content-center .register-button-id-check {
      font-family: NotoSansCJKkr-light;
      width: 96px;
      float: right; }
    .signup-content .signup-content-center .register-button-email-check {
      position: relative;
      width: 96px; }
    .signup-content .signup-content-center .register-password-box {
      position: relative;
      width: 100%;
      margin-top: 5px; }
    .signup-content .signup-content-center .register-name-box {
      display: inline-block;
      position: relative;
      width: 124px;
      text-align: center;
      float: left;
      margin-bottom: 5px; }
    .signup-content .signup-content-center .register-phone-box {
      display: inline-block;
      box-sizing: border-box;
      position: relative;
      text-align: center;
      height: 45px;
      float: right;
      width: 216px;
      margin-bottom: 5px; }
    .signup-content .signup-content-center .register-button-red {
      font-family: NotoSansCJKkr-light;
      margin-top: 10px;
      display: inline-block;
      color: #ffffff;
      background-color: #ca0000;
      font-size: 14px;
      text-align: center;
      line-height: 45px;
      cursor: pointer;
      width: 345px;
      height: 45px; }
    .signup-content .signup-content-center .register-email-table {
      font-size: 16px;
      position: relative;
      width: 100%;
      height: 50px; }
      .signup-content .signup-content-center .register-email-table .left-td {
        height: 50px;
        width: 109px;
        float: left;
        vertical-align: top; }
      .signup-content .signup-content-center .register-email-table .middle-space {
        height: 50px;
        width: 21px;
        vertical-align: center;
        text-align: center;
        font-family: NotoSansCJKkr;
        font-size: 13px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #333333; }
      .signup-content .signup-content-center .register-email-table .right-td {
        height: 50px;
        width: 112px;
        vertical-align: top; }
      .signup-content .signup-content-center .register-email-table .right-td-2 {
        height: 50px;
        width: 119px;
        vertical-align: top; }
      .signup-content .signup-content-center .register-email-table .last-td {
        height: 50px;
        width: auto;
        vertical-align: top; }
    .signup-content .signup-content-center .register-email-id-box {
      display: inline-block;
      top: 0;
      width: 109px; }
    .signup-content .signup-content-center .register-email-suffix-input-box {
      display: inline-block;
      width: 109px;
      height: 45px; }
    .signup-content .signup-content-center .register-phone-table {
      height: 45px;
      margin-top: 5px;
      width: 114px; }
      .signup-content .signup-content-center .register-phone-table .table-td {
        padding-right: 5px;
        width: 33%; }
    .signup-content .signup-content-center .register-checkbox-group {
      color: #444444;
      font-size: 14px;
      margin-top: 5px;
      margin-bottom: 15px;
      position: relative; }
      .signup-content .signup-content-center .register-checkbox-group .show-button {
        cursor: pointer;
        margin-left: 10px;
        border: 1px solid #e5e5e5;
        color: #969696;
        cursor: pointer;
        height: 28px;
        line-height: 28px;
        text-align: center;
        width: 80px; }
      .signup-content .signup-content-center .register-checkbox-group .check-bottom-1 {
        margin-bottom: 5px; }
      .signup-content .signup-content-center .register-checkbox-group .check-bottom-2 {
        margin-bottom: 10px; }
      .signup-content .signup-content-center .register-checkbox-group .checkbox-table-tr {
        height: 30px; }
    .signup-content .signup-content-center .register-group-normal {
      position: relative;
      width: 345px;
      height: 50px;
      border-bottom: 0px;
      border-top: solid 1px #e5e5e5;
      border-left: solid 1px #e5e5e5;
      border-right: solid 1px #e5e5e5;
      background-color: #ffffff;
      vertical-align: center; }
      .signup-content .signup-content-center .register-group-normal .register-group-text {
        display: inline-block;
        height: 12px;
        width: 265px;
        padding-top: 10px;
        font-family: NotoSansCJKkr;
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #333333;
        text-align: left;
        vertical-align: center; }
      .signup-content .signup-content-center .register-group-normal .register-group-smalltext {
        display: inline-block;
        margin-top: 20px;
        height: 12px;
        width: 265px;
        font-family: NotoSansCJKkr-light;
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #333333;
        text-align: left;
        vertical-align: center; }
      .signup-content .signup-content-center .register-group-normal .register-checks {
        display: inline-block;
        height: 50px;
        float: right;
        margin-right: 15px; }
    .signup-content .signup-content-center .register-group-long {
      position: relative;
      width: 345px;
      height: 190px;
      border-bottom: 0px;
      border-top: solid 1px #e5e5e5;
      border-left: solid 1px #e5e5e5;
      border-right: solid 1px #e5e5e5;
      background-color: #ffffff;
      vertical-align: center; }
      .signup-content .signup-content-center .register-group-long .register-group-smalltext {
        display: inline-block;
        margin-top: 20px;
        height: 12px;
        width: 265px;
        font-family: NotoSansCJKkr-light;
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #333333;
        text-align: left;
        vertical-align: center; }
      .signup-content .signup-content-center .register-group-long .register-checks {
        display: inline-block;
        height: 50px;
        float: right;
        margin-right: 15px; }
      .signup-content .signup-content-center .register-group-long .register-group-scroll {
        margin-top: 10px;
        margin-left: 14px;
        width: 316px;
        height: 120px;
        border: solid 1px #e5e5e5;
        background-color: #f2f2f2;
        font-weight: 300;
        overflow-y: auto;
        text-align: left; }
    .signup-content .signup-content-center .register-group-long-last {
      position: relative;
      width: 345px;
      height: 190px;
      border-bottom: solid 1px #e5e5e5;
      border-top: solid 1px #e5e5e5;
      border-left: solid 1px #e5e5e5;
      border-right: solid 1px #e5e5e5;
      background-color: #ffffff;
      vertical-align: center; }
      .signup-content .signup-content-center .register-group-long-last .register-group-smalltext {
        display: inline-block;
        margin-top: 20px;
        height: 12px;
        width: 265px;
        font-family: NotoSansCJKkr-light;
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: normal;
        color: #333333;
        text-align: left;
        vertical-align: center; }
      .signup-content .signup-content-center .register-group-long-last .register-checks {
        display: inline-block;
        height: 50px;
        float: right;
        margin-right: 15px; }
      .signup-content .signup-content-center .register-group-long-last .register-group-scroll {
        margin-top: 10px;
        margin-left: 14px;
        width: 316px;
        height: 120px;
        border: solid 1px #e5e5e5;
        background-color: #f2f2f2;
        font-weight: 300;
        overflow-y: auto;
        text-align: left; }
    .signup-content .signup-content-center .register-line {
      border-bottom: 1px solid #e5e5e5;
      height: 10px;
      margin-bottom: 10px;
      width: 100%; }
    .signup-content .signup-content-center .register-msg-box-close {
      display: none; }
    .signup-content .signup-content-center .register-msg-box {
      width: 340px;
      height: 15px;
      font-family: NotoSansCJKkr;
      font-size: 15px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      color: #333333;
      text-align: left;
      float: left;
      margin-top: 2px;
      margin-bottom: 5px; }
    .signup-content .signup-content-center .register-msg-small {
      width: 345px;
      height: 12px;
      font-family: NotoSansCJKkr-light;
      font-size: 12px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: left;
      color: #333333;
      margin-top: 2px; }
    .signup-content .signup-content-center .register-birth-check {
      height: auto;
      margin-top: 10px;
      position: relative;
      width: 100%; }
    .signup-content .signup-content-center .register-birth-text {
      display: inline-block;
      width: 50px;
      color: #333333;
      font-size: 14px;
      float: left;
      height: 45px;
      line-height: 45px;
      vertical-align: center; }
    .signup-content .signup-content-center .register-birth-box {
      display: inline-block;
      width: 25%;
      color: #969696;
      font-size: 13px;
      height: 30px;
      margin-left: 2px; }
    .signup-content .signup-content-center .register-select-sex {
      position: relative;
      color: #444444;
      font-size: 14px;
      margin-top: 15px;
      margin-bottom: 20px; }
      .signup-content .signup-content-center .register-select-sex .text {
        display: inline-block;
        font-size: 14px;
        width: 55px; }
      .signup-content .signup-content-center .register-select-sex input[type='radio'] {
        color: #777777;
        zoom: 2; }
      .signup-content .signup-content-center .register-select-sex input[type='radio']:last-child {
        margin-left: 25px; }
    .signup-content .signup-content-center .signup-submit-button {
      background-color: #ca0000;
      font-size: 15px;
      margin-top: 20px;
      border: 1px solid #ca0000;
      color: #ffffff;
      cursor: pointer;
      height: 50px;
      line-height: 50px;
      text-align: center;
      width: 100%; }
    .signup-content .signup-content-center .title-id {
      display: inline-block;
      height: 15px;
      font-family: NotoSansCJKkr;
      font-size: 15px;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: normal;
      font-weight: 500;
      color: #333333;
      margin-top: 10px;
      margin-bottom: 5px;
      float: left;
      min-width: 340px;
      text-align: left; }
      .signup-content .signup-content-center .title-id .title-id-desc {
        min-width: 200px;
        text-align: left;
        margin-left: 4px;
        display: inline-block;
        font-family: NotoSansCJKkr;
        font-size: 13px;
        color: #ca0000;
        font-weight: 300; }

.signup-result-content {
  height: auto;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
  width: 100%; }
  .signup-result-content .result-msg {
    color: #080808;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%; }

.register-select-sports {
  color: #969696;
  font-size: 14px;
  height: 150px;
  position: relative;
  width: 100%;
  z-index: 100; }
  .register-select-sports .text {
    width: 100%;
    color: #333333;
    font-size: 14px; }
  .register-select-sports table {
    width: 100%; }
  .register-select-sports .td-1 {
    width: 65%;
    vertical-align: top; }
  .register-select-sports .register-checkbox-sports-group {
    color: #777;
    float: left;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    margin: 5px 0 20px 0;
    position: relative;
    width: 100%; }
    .register-select-sports .register-checkbox-sports-group input[type='checkbox'] {
      zoom: 2; }
    .register-select-sports .register-checkbox-sports-group .view-button {
      font-size: 12px;
      margin-left: 4px;
      border: 1px solid #d8d8d8;
      color: #969696;
      cursor: pointer;
      height: 24px;
      line-height: 24px;
      text-align: center;
      width: 60px; }
    .register-select-sports .register-checkbox-sports-group .etc-box {
      display: inline-block;
      border: 1px solid #e5e5e5;
      color: #777;
      font-size: 16px;
      font-weight: 300;
      margin: 0px;
      padding-left: 5px;
      width: 100px; }
    .register-select-sports .register-checkbox-sports-group .sports-group-left {
      display: inline-block;
      width: 170px;
      vertical-align: top;
      height: 150px;
      float: left;
      text-align: left; }
    .register-select-sports .register-checkbox-sports-group .sports-group-right {
      display: inline-block;
      width: 170px;
      vertical-align: top;
      height: 150px;
      float: right;
      text-align: left; }

.idpass-inquiry-extra {
  height: auto;
  position: relative;
  width: 100%; }
  .idpass-inquiry-extra .title-box {
    height: 82px;
    vertical-align: center;
    font-family: HelveticaNeue;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 82px;
    letter-spacing: normal;
    text-align: center;
    color: #333333; }

.idpass-inquiry-content {
  transition: left 250ms ease-out;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 101;
  background-color: #fff;
  top: 0;
  padding-left: 20px;
  padding-right: 20px; }
  .idpass-inquiry-content button {
    border-top: 1px solid #080808;
    border-bottom: 1px solid #080808;
    border-left: 0;
    border-right: 0;
    font-size: 18px;
    font-weight: bold;
    width: 50%;
    height: 50px;
    cursor: pointer;
    outline: none; }
  .idpass-inquiry-content .white {
    background: #fff;
    font-family: HelveticaNeue;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
  .idpass-inquiry-content .black {
    background: #080808;
    font-family: HelveticaNeue;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff; }
  .idpass-inquiry-content .idPassInquiry-button-block {
    font-size: 15px;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%; }
    .idpass-inquiry-content .idPassInquiry-button-block .id-button-valid {
      border: 1px solid #000000;
      border-bottom: 1px solid #ffffff;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      width: 49%; }
    .idpass-inquiry-content .idPassInquiry-button-block .id-button {
      border: 1px solid #c6c6c6;
      border-bottom: 1px solid #000000;
      border-right-style: none;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      width: 49%; }
    .idpass-inquiry-content .idPassInquiry-button-block .password-button-valid {
      border: 2px solid #000000;
      border-bottom-style: none;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      width: 50%; }
    .idpass-inquiry-content .idPassInquiry-button-block .password-button {
      border: 1px solid #c6c6c6;
      border-bottom: 1px solid #000000;
      border-left-style: none;
      display: inline-block;
      height: 40px;
      line-height: 40px;
      width: 50%; }
  .idpass-inquiry-content .idPassInquiry-id-box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #969696;
    color: #777777;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
    width: 100%; }
  .idpass-inquiry-content .idPassInquiry-next-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #000000;
    color: #ffffff;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
    width: 150px; }
  .idpass-inquiry-content .idPassInquiry-text {
    position: relative;
    color: #333333;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height: 72px;
    margin-top: 32px; }
  .idpass-inquiry-content .id-inquiry-result {
    position: relative;
    color: #333;
    font-size: 20px;
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin-top: 75px;
    margin-bottom: 15px; }
  .idpass-inquiry-content .idPassInquiry-text-bold {
    color: #000000;
    font-weight: bold; }
  .idpass-inquiry-content .id-inquiry-result-msg {
    position: relative;
    color: #333;
    font-size: 14px;
    width: 100%;
    height: 7px;
    margin-bottom: 75px;
    margin-top: 30px; }
    .idpass-inquiry-content .id-inquiry-result-msg a {
      color: #333; }
  .idpass-inquiry-content .password-reset-text {
    border-bottom: 1px solid #e5e5e5;
    color: #969696;
    font-size: 10px;
    height: 75px;
    line-height: 75px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%; }
  .idpass-inquiry-content .password-make-text {
    color: #969696;
    font-size: 9px;
    height: 20px;
    line-height: 20px;
    position: relative;
    width: 100%; }
  .idpass-inquiry-content .login-button {
    background-color: #333;
    font-size: 15px;
    margin-bottom: 50px;
    border: 1px solid #333;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%; }
  .idpass-inquiry-content .idPassInquiry-normal-box {
    height: 45px;
    line-height: 45px;
    border: solid 1px #e5e5e5;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 5px; }
  .idpass-inquiry-content .idpass-inquiry-content-text {
    margin-top: 30px; }
  .idpass-inquiry-content .idPassInquiry-next-submit {
    margin-top: 146px;
    margin-bottom: 15px;
    background-color: #000000;
    height: 50px;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    font-family: AppleSDGothicNeo;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff; }

.cart-content {
  height: auto;
  position: relative;
  width: 100%;
  padding-top: 59px; }
  .cart-content .cart-empty-box {
    height: auto;
    padding: 204px 0 204px 0;
    position: relative;
    width: 100%; }
    .cart-content .cart-empty-box .empty-text-msg {
      color: #080808;
      font-size: 15px;
      height: auto;
      margin-bottom: 30px;
      position: relative;
      text-align: center;
      width: 100%; }
  .cart-content .cart-product-select-block {
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    position: relative;
    width: 100%; }
    .cart-content .cart-product-select-block .cart-item-delete {
      position: absolute;
      right: 26px;
      top: 15px;
      font-size: 13px;
      line-height: 1.69;
      text-align: right;
      color: #080808;
      text-decoration-line: underline; }
  .cart-content .cart-product-item-table {
    border-bottom: 1px solid #969696;
    height: auto;
    position: relative;
    width: 100%; }
    .cart-content .cart-product-item-table .table-tr {
      border-bottom: 10px solid #f5f5f5; }
    .cart-content .cart-product-item-table .left-td {
      height: auto;
      padding: 15px 5px 0 15px;
      vertical-align: top;
      width: 40px;
      padding-top: 16px; }
    .cart-content .cart-product-item-table .right-td {
      height: auto;
      padding-right: 15px;
      width: auto;
      padding-bottom: 15px;
      position: relative; }
      .cart-content .cart-product-item-table .right-td .mobile-cart-product-delete-btn {
        position: absolute;
        right: 26px;
        top: 18px;
        font-size: 13px;
        line-height: 1.69;
        text-align: right;
        color: #080808;
        text-decoration-line: underline; }
        .cart-content .cart-product-item-table .right-td .mobile-cart-product-delete-btn.cannot {
          color: #d83832; }
  .cart-content .cart-grey-block {
    background-color: #e5e5e5;
    height: 10px;
    position: relative;
    width: 100%; }
  .cart-content .cart-total-price-table {
    color: #080808;
    font-size: 15px;
    height: auto;
    margin-top: 20px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 20px; }
    .cart-content .cart-total-price-table span {
      font-size: 18px;
      text-align: center;
      color: #080808; }
    .cart-content .cart-total-price-table .left-td {
      height: 30px;
      padding-left: 15px;
      text-align: left;
      vertical-align: middle;
      width: 50%; }
    .cart-content .cart-total-price-table .right-td {
      height: 30px;
      padding-right: 15px;
      text-align: right;
      vertical-align: middle;
      width: 50%; }
    .cart-content .cart-total-price-table .line-tr {
      border-bottom: 1px solid #e5e5e5; }
    .cart-content .cart-total-price-table .total-td-height {
      height: 50px; }
  .cart-content .cart-desc {
    font-size: 13px;
    line-height: 1.62;
    color: #6d6d6d;
    background-color: #f5f5f5;
    padding: 0 15px;
    padding-top: 20px; }
  .cart-content .cart-button-box {
    display: inline-block;
    position: relative;
    padding: 25px 10px 25px 10px;
    text-align: center;
    width: 100%;
    background: #f5f5f5;
    margin-bottom: 17px; }
  .cart-content .cart-go-shop-button {
    display: inline-block;
    font-size: 15px;
    margin-right: 5px;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 31.5%; }
  .cart-content .cart-member-order-button {
    background-color: #ca0000;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 5px;
    border: 1px solid #ca0000;
    color: #ffffff;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 90.5%;
    width: 47%; }
    .cart-content .cart-member-order-button.continue-shopping {
      box-sizing: border-box;
      border: 1px solid #ca0000;
      background-color: white;
      color: #ca0000; }
  .cart-content .cart-guest-order-button {
    background-color: #777;
    display: inline-block;
    font-size: 15px;
    border: 1px solid #777;
    color: #ffffff;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 31.5%; }
  .cart-content .cart-guest-content {
    border-top: 1px solid #969696;
    background-color: #e5e5e5;
    display: inline-block;
    font-size: 12px;
    height: 100px;
    padding: 15px 20px 0 20px;
    position: relative;
    text-align: center;
    width: 100%; }
    .cart-content .cart-guest-content .guest-signup-button {
      background-color: #ffffff;
      font-size: 14px;
      margin: 0 auto;
      margin-top: 15px;
      border: 1px solid #969696;
      color: #969696;
      cursor: pointer;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 90px; }

.cart-myitem h1 {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #080808;
  margin-bottom: 20px; }

.cart-myitem .card {
  width: 49%;
  display: inline-block; }
  .cart-myitem .card .cart-c-img {
    width: 100%; }
  .cart-myitem .card .item-title {
    margin: 14px 15px;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #080808;
    min-height: 28px; }
  .cart-myitem .card .item-desc {
    margin: 0 15px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #6d6d6d;
    min-height: 28px; }
  .cart-myitem .card .item-price {
    margin: 10px 15px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #080808;
    margin-bottom: 35px; }

.reciever-info tr .right-td input.base-input-box.phone-input-box.telNumK {
  width: 98%; }

.reciever-info tr .right-td input.base-input-box.phone-input-box-en.telCode {
  width: 32%;
  text-align: center;
  padding-left: 0; }

.reciever-info tr .right-td input.base-input-box.phone-input-box-en.telNumI {
  width: 65%; }

.reciever-info .info-table tr .right-td.title,
.left-td.title,
.left-td-2.title {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  height: unset; }
  .reciever-info .info-table tr .right-td.title .required-red,
  .left-td.title .required-red,
  .left-td-2.title .required-red {
    color: #ff0000;
    font-size: 20px;
    display: inline-block;
    height: 14px;
    margin-left: 5px; }

.order-content .reciever-info .info-table .right-td .phone-input-box,
.order-content .reciever-info .info-table .right-td .phone-input-box-en {
  height: unset;
  vertical-align: unset; }

.pccc-box .pccc-title {
  color: #080808;
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  padding-top: 2px; }

.pccc-box .pccc-input {
  display: inline-block;
  height: 45px;
  margin-bottom: 6px;
  width: 100%;
  border-radius: 0;
  border: 1px solid #e5e5e5;
  padding-left: 10px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.pccc-box .pccc-desc {
  display: inline-block;
  font-size: 15px;
  width: 100%;
  margin: 5px 0; }

.order-type {
  display: flex;
  margin: 10px 0 20px; }
  .order-type .radio-wrap {
    margin-right: 50px; }
    .order-type .radio-wrap input[type="radio"] {
      position: absolute;
      left: -9999px; }
    .order-type .radio-wrap input[type="radio"] + label {
      position: relative;
      padding: 6px 0 0 40px;
      cursor: pointer;
      font-family: NotoSansCJKkr;
      font-size: 15px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2;
      letter-spacing: normal;
      color: #080808; }
    .order-type .radio-wrap input[type="radio"] + label:before {
      content: '';
      background: #fff;
      border: 1px solid #bbbbbb;
      height: 25px;
      width: 25px;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0; }
    .order-type .radio-wrap input[type="radio"] + label:after {
      content: "";
      background: #bbbbbb;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: 8px;
      opacity: 1; }
    .order-type .radio-wrap input[type="radio"]:checked + label:after {
      width: 13px;
      height: 13px;
      top: 6px;
      left: 6px;
      background: #333333; }

.flex-box.space-around {
  justify-content: space-around; }

.flex-box {
  display: flex; }
  .flex-box .on {
    background: #fff;
    border-bottom: 0; }
  .flex-box .off {
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5; }

.e5 {
  border-top: 1px solid #e5e5e5; }

.e5-r {
  border-left: 1px solid #e5e5e5; }

.addr-box-n {
  cursor: pointer;
  width: 50%;
  text-align: center;
  padding: 12px; }

.test-sub-mesasge {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #6d6d6d; }

#instagram {
  padding-left: 5px; }

#instagram::placeholder {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #bbbbbb; }

.required-sns-check {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 50px;
  position: relative; }
  .required-sns-check p {
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #333333;
    margin: 20px 10px; }
  .required-sns-check .close-button-img {
    width: 25px;
    position: absolute;
    top: 13px;
    right: 10px; }

.order-content {
  color: #080808;
  font-size: 15px;
  height: auto;
  position: relative;
  width: 100%;
  padding-top: 59px; }
  .order-content .td-top-title {
    vertical-align: top; }
  .order-content .radio-button-td {
    width: 115px; }
  .order-content .order-sub-title-box {
    color: #080808;
    font-size: 17px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    padding-top: 2px; }
    .order-content .order-sub-title-box img {
      width: 20px;
      position: absolute;
      right: 10px;
      top: 15px; }
  .order-content .order-customer-info {
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%; }
    .order-content .order-customer-info .info-table .left-td {
      height: 30px;
      width: 90px; }
    .order-content .order-customer-info .info-table .right-td {
      height: 30px;
      width: auto;
      color: #6d6d6d; }
    .order-content .order-customer-info .info-edit-table .left-td {
      height: 50px;
      width: 80px; }
    .order-content .order-customer-info .info-edit-table .right-td {
      height: 50px;
      width: auto; }
    .order-content .order-customer-info .info-edit-table .name-input-box {
      height: 32px;
      width: 100%; }
    .order-content .order-customer-info .info-edit-table .phone-input-box {
      display: inline-block;
      float: right;
      height: 45px;
      margin-left: 5px;
      vertical-align: top;
      width: 82px;
      border-radius: 0;
      font-size: 16px; }
    .order-content .order-customer-info .info-edit-table .email-input-box {
      float: left;
      height: 45px;
      margin-right: 5px;
      vertical-align: top;
      width: 110px; }
  .order-content .reciever-info {
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%;
    border-bottom: 10px solid #f1f1f1; }
    .order-content .reciever-info .info-table .left-td {
      height: 40px;
      width: 80px; }
    .order-content .reciever-info .info-table .right-td {
      font-size: 15px;
      height: 40px;
      width: auto; }
      .order-content .reciever-info .info-table .right-td input[type='radio'] {
        zoom: 2; }
      .order-content .reciever-info .info-table .right-td .name-input-box {
        height: 45px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
      .order-content .reciever-info .info-table .right-td .name-input-box::placeholder {
        font-size: 10px;
        padding: 5px; }
      .order-content .reciever-info .info-table .right-td .phone-input-box-en {
        display: inline-block;
        height: 45px;
        margin-right: 4px;
        vertical-align: top;
        width: 31%; }
      .order-content .reciever-info .info-table .right-td .phone-input-box {
        display: inline-block;
        height: 45px;
        margin-left: 4px;
        vertical-align: top;
        width: 33%;
        border-radius: 0; }
      .order-content .reciever-info .info-table .right-td .first-address-input-box {
        display: inline-block;
        height: 45px;
        margin-bottom: 5px;
        width: 70%;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
      .order-content .reciever-info .info-table .right-td .first-address-input-box::placeholder {
        font-size: 10px;
        padding: 5px; }
      .order-content .reciever-info .info-table .right-td .last-address-input-box {
        display: inline-block;
        height: 45px;
        margin-bottom: 6px;
        width: 100%;
        border-radius: 0; }
      .order-content .reciever-info .info-table .right-td .last-address-input-box::placeholder,
      .order-content .reciever-info .info-table .right-td .phone-input-box-en::placeholder,
      .order-content .reciever-info .info-table .right-td .phone-input-box::placeholder {
        font-size: 10px;
        padding: 5px; }
      .order-content .reciever-info .info-table .right-td .address-button {
        display: inline-block;
        float: right;
        background-color: #333;
        margin-left: 2px;
        border: 1px solid #333;
        color: #fff;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 95px; }
      .order-content .reciever-info .info-table .right-td .text-area {
        width: 100%;
        height: 100px;
        border-radius: 0; }
      .order-content .reciever-info .info-table .right-td .address-msg {
        display: inline-block;
        font-size: 10px; }
  .order-content .payment-info {
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%;
    border-bottom: 10px solid #f1f1f1; }
    .order-content .payment-info .border-bottom-style {
      border-bottom: 1px solid #969696; }
    .order-content .payment-info .sale-off-table {
      height: auto;
      margin-bottom: 10px;
      width: 100%; }
      .order-content .payment-info .sale-off-table .left-td {
        height: 50px;
        width: 90px; }
      .order-content .payment-info .sale-off-table .middle-td {
        height: 50px;
        width: 115px; }
      .order-content .payment-info .sale-off-table .right-td {
        height: 50px;
        width: auto; }
      .order-content .payment-info .sale-off-table .left-td-2 {
        height: 40px;
        width: 90px; }
      .order-content .payment-info .sale-off-table .middle-td-2 {
        height: 40px;
        width: 115px; }
      .order-content .payment-info .sale-off-table .right-td-2 {
        height: 40px;
        width: auto; }
      .order-content .payment-info .sale-off-table .merge-td {
        color: #777777;
        height: 25px;
        font-size: 12px; }
      .order-content .payment-info .sale-off-table .select-coupen-button {
        float: right;
        background: #333;
        margin-left: 10px;
        border: 1px solid #333;
        color: #fff;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 95px; }
      .order-content .payment-info .sale-off-table .mileage-input-box {
        display: inline-block;
        height: 32px;
        width: 90px; }
      .order-content .payment-info .sale-off-table .payment-type-radios {
        font-size: 14px; }
        .order-content .payment-info .sale-off-table .payment-type-radios label {
          padding-left: 32px;
          font-size: 15px; }
    .order-content .payment-info .payment-select-block {
      background-color: #e5e5e5;
      height: auto;
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 15px;
      position: relative;
      width: 100%; }
      .order-content .payment-info .payment-select-block .event-comment {
        background-color: #969696;
        height: 40px;
        line-height: 40px;
        margin-bottom: 5px;
        text-align: center;
        width: 100%; }
      .order-content .payment-info .payment-select-block .card-table {
        height: auto;
        width: 100%; }
        .order-content .payment-info .payment-select-block .card-table .left-td {
          height: 40px;
          width: 90px; }
        .order-content .payment-info .payment-select-block .card-table .right-td {
          width: auto; }
      .order-content .payment-info .payment-select-block .check-cash-recipt-table {
        height: auto;
        position: relative;
        width: 100%; }
        .order-content .payment-info .payment-select-block .check-cash-recipt-table .left-td {
          height: 40px;
          width: 90px; }
        .order-content .payment-info .payment-select-block .check-cash-recipt-table .right-td {
          height: 40px;
          width: auto; }
          .order-content .payment-info .payment-select-block .check-cash-recipt-table .right-td input[type='checkbox'] {
            zoom: 2; }
      .order-content .payment-info .payment-select-block .cash-recipt-info-table {
        border: 1px solid #969696;
        height: auto;
        position: relative;
        width: 100%; }
        .order-content .payment-info .payment-select-block .cash-recipt-info-table .left-td {
          height: 50px;
          padding-left: 10px;
          padding-bottom: 10px;
          width: 90px; }
        .order-content .payment-info .payment-select-block .cash-recipt-info-table .right-td {
          height: 50px;
          padding-right: 10px;
          padding-bottom: 10px;
          width: auto; }
        .order-content .payment-info .payment-select-block .cash-recipt-info-table input[type='radio'] {
          zoom: 2; }
      .order-content .payment-info .payment-select-block .bank-account-table {
        height: auto;
        margin-bottom: 10px;
        position: relative;
        width: 100%; }
        .order-content .payment-info .payment-select-block .bank-account-table .left-td {
          height: 50px;
          width: 90px; }
        .order-content .payment-info .payment-select-block .bank-account-table .right-td {
          height: 50px;
          width: auto; }
    .order-content .payment-info .payment-input-box {
      height: 40px;
      width: 100%; }
  .order-content .payment-summary-block {
    height: auto;
    position: relative;
    width: 100%; }
    .order-content .payment-summary-block .summary-box {
      background-color: #ffffff;
      height: auto;
      padding: 15px;
      width: 100%;
      border-bottom: 10px solid #f1f1f1; }
      .order-content .payment-summary-block .summary-box .exchange-rate-box .exchange-rate, .order-content .payment-summary-block .summary-box .exchange-rate-box .exchange-desc {
        display: inline-block;
        width: 100%;
        padding-top: 5px;
        font-size: 13px; }
      .order-content .payment-summary-block .summary-box .exchange-rate-box .exchange-rate {
        text-align: right; }
      .order-content .payment-summary-block .summary-box .exchange-rate-box .exchange-desc {
        text-align: left; }
    .order-content .payment-summary-block .summary-table {
      height: auto;
      width: 100%; }
      .order-content .payment-summary-block .summary-table .left-td {
        height: 35px;
        width: 200px; }
      .order-content .payment-summary-block .summary-table .right-td {
        height: 35px;
        text-align: right;
        width: auto; }
      .order-content .payment-summary-block .summary-table .small-line {
        height: 22px;
        font-size: 13px; }
    .order-content .payment-summary-block .summary-table-last {
      height: auto;
      position: relative;
      width: 100%; }
      .order-content .payment-summary-block .summary-table-last .left-td {
        height: 40px;
        width: 90px; }
      .order-content .payment-summary-block .summary-table-last .right-td {
        height: 40px;
        text-align: right;
        width: auto; }
      .order-content .payment-summary-block .summary-table-last .left-first-text {
        color: #ca0000; }
      .order-content .payment-summary-block .summary-table-last .left-next-text {
        color: #969696;
        font-size: 13px; }
      .order-content .payment-summary-block .summary-table-last .right-first-text {
        color: #ca0000;
        font-size: 16px;
        width: auto; }
      .order-content .payment-summary-block .summary-table-last .right-next-text {
        color: #969696;
        font-size: 12px;
        width: auto; }
  .order-content .rule-agreement-block {
    height: 60px;
    padding: 15px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5; }
    .order-content .rule-agreement-block .agree-name {
      font-size: 15px;
      font-weight: 500;
      width: 90%; }
    .order-content .rule-agreement-block .agreement-table {
      height: 30px;
      position: relative;
      width: 100%; }
      .order-content .rule-agreement-block .agreement-table img {
        width: 30px;
        height: 30px; }
      .order-content .rule-agreement-block .agreement-table .left-td {
        height: 30px;
        width: 30px; }
        .order-content .rule-agreement-block .agreement-table .left-td input[type='checkbox'] {
          zoom: 2; }
      .order-content .rule-agreement-block .agreement-table .middle-td {
        font-size: 12px;
        height: 30px;
        width: 175px; }
      .order-content .rule-agreement-block .agreement-table .right-td {
        height: 30px;
        text-align: right;
        width: auto; }
  .order-content .agreement-content {
    color: #969696;
    font-size: 10px;
    height: 200px;
    margin-bottom: 20px;
    overflow-y: auto;
    position: relative;
    width: 100%;
    padding: 10px; }
  .order-content .order-button-box {
    height: 80px;
    position: relative;
    width: 100%; }
  .order-content .order-go-shop-button {
    display: inline-block;
    font-size: 15px;
    float: left;
    margin-left: 15px;
    position: relative;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45%; }
  .order-content .order-go-pay-button {
    background-color: #ca0000;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    border: 1px solid #ca0000;
    color: #ffffff;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 15px; }
  .order-content .fold-title {
    padding: 4px 0; }
    .order-content .fold-title .fold-btn.close {
      transform: rotate(180deg); }
  .order-content .fold-content {
    width: 100%; }
    .order-content .fold-content.close {
      height: 0;
      overflow: hidden;
      border-bottom: 10px solid #f1f1f1; }

.order-guide {
  font-size: 11px;
  padding: 10px 15px 10px 15px;
  position: relative;
  width: 100%; }

.guest-announce {
  border-top: 1px solid #e5e5e5;
  background-color: #e5e5e5;
  font-size: 14px;
  height: 110px;
  padding: 15px;
  text-align: center;
  width: 100%; }
  .guest-announce .register-member-button {
    background-color: #ffffff;
    font-size: 12px;
    margin: 0 auto;
    margin-top: 5px;
    position: relative;
    border: 1px solid #969696;
    color: #444444;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 120px; }

.coupon-select-popup {
  height: auto;
  margin: 50px auto;
  padding: 0 15px 0 15px;
  position: relative;
  width: 100%;
  z-index: 1000; }
  .coupon-select-popup .popup-header {
    background-color: #565656;
    height: 35px;
    left: 0px;
    position: relative;
    width: 100%; }
    .coupon-select-popup .popup-header .popup-header-title {
      color: #ffffff;
      font-size: 14px;
      line-height: 35px;
      margin-left: 15px; }
  .coupon-select-popup .popup-body {
    background-color: #fff;
    height: auto;
    position: relative;
    width: 100%; }
  .coupon-select-popup .popup-close-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    right: 7px;
    top: 6px;
    position: absolute; }
  .coupon-select-popup .title-line {
    color: #444444;
    display: inline-block;
    font-size: 16px;
    padding: 15px 0px 15px 15px;
    width: 100%; }
  .coupon-select-popup .product-coupon-popup-content {
    height: auto;
    padding: 0 15px 0 15px;
    width: 100%; }
  .coupon-select-popup .product-coupon-table {
    border-top: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    color: #333;
    font-size: 13px;
    height: auto;
    position: relative;
    width: 100%; }
    .coupon-select-popup .product-coupon-table .first-td {
      background-color: #f5f5f5;
      height: 30px;
      line-height: 30px;
      padding-left: 15px;
      width: 100%; }
    .coupon-select-popup .product-coupon-table .next-td {
      height: auto;
      padding: 5px 15px 5px 15px;
      text-align: center; }
  .coupon-select-popup .popup-warnning-msg {
    color: #ed1c24;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    width: 100%; }
  .coupon-select-popup .popup-footer {
    background-color: #f5f5f5;
    height: 120px;
    padding: 15px;
    position: relative;
    width: 100%; }
    .coupon-select-popup .popup-footer .footer-text-box {
      height: 30px;
      position: relative;
      width: 100%; }
    .coupon-select-popup .popup-footer .left-text {
      color: #080808;
      display: inline-block;
      float: left;
      font-size: 15px;
      font-weight: bold;
      height: 30px;
      position: relative; }
    .coupon-select-popup .popup-footer .right-text {
      color: #ed1c24;
      float: right;
      font-size: 15px;
      height: 30px;
      position: relative; }
    .coupon-select-popup .popup-footer .footer-button-box {
      display: inline-block;
      height: 80px;
      position: relative;
      text-align: center;
      width: 100%; }
    .coupon-select-popup .popup-footer .coupon-popup-cancel-button {
      background-color: #ffffff;
      display: inline-block;
      float: left;
      margin-left: 30px;
      position: relative;
      border: 1px solid #ffffff;
      color: #000000;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 117px; }
    .coupon-select-popup .popup-footer .coupon-popup-select-button {
      background-color: #000000;
      display: inline-block;
      border: 1px solid #000000;
      color: #ffffff;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 117px; }

.done-box {
  padding: 0 !important; }
  .done-box .top {
    font-size: 18px;
    background: #f1f1f1;
    padding: 30px 0; }
  .done-box p {
    font-size: 13px; }

.white-bg-red {
  border: 1px solid #ca0000;
  background: #fff;
  color: #ca0000;
  font-size: 15px;
  font-weight: 500;
  width: 170px;
  height: 60px; }

.red-bg-white {
  border: 1px solid #ca0000;
  background: #ca0000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  width: 170px;
  height: 60px;
  margin-left: 10px; }

.order-result-content {
  color: #080808;
  font-size: 14px;
  height: auto;
  padding: 100px 20px 200px 20px;
  position: relative;
  text-align: center;
  width: 100%; }
  .order-result-content button {
    cursor: pointer; }
  .order-result-content .bg {
    background: #f1f1f1;
    padding: 20px 0px; }
  .order-result-content .sub-title {
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    padding: 20px 10px;
    font-weight: bold; }
    .order-result-content .sub-title img {
      float: right;
      width: 18px;
      height: 11px; }
  .order-result-content .summary-box {
    height: auto;
    width: 100%; }
  .order-result-content .summary-table {
    height: auto;
    width: 100%;
    font-size: 13px; }
    .order-result-content .summary-table .left-td {
      height: 25px;
      text-align: left;
      padding-left: 10px;
      width: 200px; }
    .order-result-content .summary-table .right-td {
      height: 25px;
      text-align: right;
      padding-right: 10px;
      width: auto;
      white-space: nowrap; }
    .order-result-content .summary-table .ft15 {
      font-size: 15px !important;
      font-weight: bold; }
  .order-result-content .bt10 {
    border-bottom: 10px solid #f1f1f1;
    height: 30px;
    width: 100%;
    background: #fff; }
  .order-result-content .summary-table-last {
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
    .order-result-content .summary-table-last .left-td {
      height: 40px;
      text-align: left;
      padding-left: 10px;
      width: 150px; }
    .order-result-content .summary-table-last .right-td {
      height: 40px;
      text-align: right;
      padding-right: 10px;
      width: auto; }
    .order-result-content .summary-table-last .left-first-text {
      color: #ca0000;
      color: #ca0000;
      font-size: 15px;
      font-weight: bold; }
    .order-result-content .summary-table-last .right-first-text {
      color: #ca0000;
      font-size: 15px;
      width: auto;
      font-weight: bold; }
  .order-result-content .fold-title .fold-btn.close {
    transform: rotate(180deg); }
  .order-result-content .fold-content {
    width: 100%;
    border-bottom: 10px solid #f1f1f1; }
    .order-result-content .fold-content.close {
      height: 0;
      overflow: hidden; }
  .order-result-content.re-v-bank-order-done-table .summary-table .left-td {
    padding-left: 17px; }
  .order-result-content.re-v-bank-order-done-table .return-bank-info {
    margin: 0 15px;
    border-top: 1px solid #f5f5f5;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: left; }
    .order-result-content.re-v-bank-order-done-table .return-bank-info .change-account-button {
      text-decoration-line: underline;
      margin-bottom: 6px; }

.order-guide {
  font-size: 12px;
  margin-top: 30px;
  text-align: left;
  width: 100%; }

.order-content-box {
  font-size: 13px;
  background: #fff;
  padding: 15px;
  border-bottom: 10px solid #f1f1f1; }
  .order-content-box .header {
    padding: 12px 0px;
    border-bottom: 1px solid #e5e5e5; }
  .order-content-box .detail {
    text-decoration: underline;
    color: #333;
    position: absolute;
    right: 15px; }
  .order-content-box .item {
    padding: 14px 0px;
    border-bottom: 1px solid #e5e5e5; }
    .order-content-box .item img {
      width: 90px;
      height: 90px; }
    .order-content-box .item .event-shoes {
      height: 30px;
      color: #fff;
      border: 0;
      background: url("//d319d1tzjwpwbb.cloudfront.net/common/icons/shoespouch.svg") no-repeat;
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 12px;
      text-align: center;
      padding-top: 4px;
      width: 100%; }
    .order-content-box .item .event-sac {
      height: 30px;
      color: #fff;
      border: 0;
      background: url("//d319d1tzjwpwbb.cloudfront.net/common/sac/badge.svg") no-repeat;
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 12px;
      text-align: center;
      padding-top: 4px;
      width: 100%; }
    .order-content-box .item .img-box {
      position: relative; }
  .order-content-box .item.last {
    border-bottom: unset;
    margin-bottom: 18px; }
  .order-content-box .shipping-btn {
    width: 100%;
    height: 45px;
    border: solid 1px #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: NotoSansCJKkr;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #6d6d6d; }
  .order-content-box .item-info {
    width: 100%;
    padding-left: 15px; }
    .order-content-box .item-info .title {
      font-size: 15px;
      font-weight: 400;
      width: 170px;
      height: 60px; }
    .order-content-box .item-info .status {
      flex: 1;
      text-align: right; }
    .order-content-box .item-info .stock {
      color: #6d6d6d;
      font-size: 13px; }
  .order-content-box .event-tag {
    bottom: 8px;
    content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
    height: auto;
    position: absolute;
    right: 5px;
    width: 20px;
    z-index: 10; }
  .order-content-box .foot {
    height: 50px;
    margin-top: 5px; }
    .order-content-box .foot a {
      width: 100%;
      text-align: center;
      color: #6d6d6d;
      font-size: 15px;
      font-weight: 500; }
    .order-content-box .foot .item-footer-button {
      border: 1px solid #e5e5e5;
      padding: 12px; }
    .order-content-box .foot .btn-gume {
      height: 45px;
      width: 50%;
      text-align: center;
      color: #6d6d6d;
      font-size: 15px;
      cursor: pointer; }
  .order-content-box .shipping {
    padding: 10px; }
    .order-content-box .shipping a {
      position: absolute;
      color: #6d6d6d;
      right: 15px; }

@keyframes pyment-loading-slide {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

.payment-loading-page {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
  background-color: #f7f7f7;
  animation-name: pyment-loading-slide;
  animation-duration: 0.5s;
  text-align: center;
  background: #fff; }
  .payment-loading-page .notice {
    position: fixed;
    margin: auto;
    width: 315px;
    margin-left: 35px;
    margin-top: 75px; }
    .payment-loading-page .notice .title {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      color: #ca0000; }
    .payment-loading-page .notice .middle {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.38;
      color: #080808;
      display: block; }
    .payment-loading-page .notice .under {
      text-decoration: underline; }
    .payment-loading-page .notice .bottom {
      font-size: 14px;
      line-height: 1.43;
      color: #6d6d6d;
      white-space: pre-line; }

.mypage-content {
  height: auto;
  position: relative;
  width: 100%;
  padding-top: 59px; }
  .mypage-content .my-info-table {
    border: 15px solid #e5e5e5;
    font-size: 15px;
    height: auto;
    position: relative;
    width: 100%; }
    .mypage-content .my-info-table .top-left-td {
      border-bottom: 2px solid #e5e5e5;
      height: 65px;
      padding-left: 15px;
      width: 50%; }
    .mypage-content .my-info-table .top-right-td {
      border-bottom: 2px solid #e5e5e5;
      height: 65px;
      padding-right: 15px;
      text-align: right;
      width: 50%; }
    .mypage-content .my-info-table .bottom-left-td {
      border-right: 2px solid #e5e5e5;
      height: 70px;
      padding-left: 15px;
      width: 50%; }
    .mypage-content .my-info-table .bottom-right-td {
      height: 70px;
      padding-left: 15px;
      width: 50%; }
    .mypage-content .my-info-table .subject-text {
      color: #777;
      display: inline-block;
      font-size: 13px;
      height: 13px;
      line-height: 13px;
      margin-bottom: 10px; }
    .mypage-content .my-info-table .grade-box {
      border: 1px solid #ed1c24;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px;
      color: #ed1c24;
      display: inline-block;
      float: right;
      font-size: 16px;
      font-weight: 700;
      height: 30px;
      line-height: 32px;
      text-align: center;
      width: 50px; }
  .mypage-content .overlay {
    z-index: 1000; }
  .mypage-content .modal-wrapperr.shipment {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    overflow: scroll; }
    .mypage-content .modal-wrapperr.shipment .modal-boxx {
      width: 100%;
      box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
      background-color: #ffffff;
      position: relative;
      margin: 59px auto 0;
      padding: 17px 15px; }
      .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-header {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px; }
        .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-header .title {
          font-family: NotoSansCJKkr;
          font-size: 18px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.67;
          letter-spacing: normal;
          text-align: center;
          color: #080808; }
      .mypage-content .modal-wrapperr.shipment .modal-boxx .close-btn {
        width: 100%;
        height: 45px;
        background-color: #333333;
        font-family: NotoSansCJKkr;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 15px; }
      .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body {
        display: flex;
        justify-content: center;
        flex-direction: column; }
        .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box {
          border-top: 1px solid #e5e5e5;
          border-bottom: 1px solid #e5e5e5;
          padding: 15px 0 0;
          width: 100%;
          display: flex;
          justify-content: space-between;
          flex-direction: column; }
          .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-status {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 40px;
            margin-top: 15px; }
            .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-status .ship-data {
              font-family: NotoSansCJKkr;
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.47;
              letter-spacing: normal;
              color: #080808; }
            .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-status .delivery-racking {
              font-family: NotoSansCJKkr;
              font-size: 15px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.47;
              letter-spacing: normal;
              text-align: right;
              color: #080808;
              border-bottom: 1px solid #000000; }
          .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box {
            display: flex;
            width: 100%;
            justify-content: space-between; }
            .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .shiped-img {
              width: 90px;
              height: 90px;
              display: block; }
            .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info {
              width: 174px;
              margin: 8px 0 8px 16px;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info .product-name {
                font-family: NotoSansCJKkr;
                font-size: 15px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.47;
                letter-spacing: normal;
                color: #080808; }
              .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-color, .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-size, .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info .product-info-top .product-qty {
                font-family: NotoSansCJKkr;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.69;
                letter-spacing: normal;
                color: #6d6d6d; }
            .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info-bottom {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              margin: 8px 0; }
              .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info-bottom .delivery-racking, .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info-bottom .ship-data {
                font-family: NotoSansCJKkr;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.69;
                letter-spacing: normal;
                text-align: right;
                color: #080808; }
              .mypage-content .modal-wrapperr.shipment .modal-boxx .shipment-body .shiped-item-box .product-info-box .product-info-bottom .product-price {
                font-family: NotoSansCJKkr;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.38;
                letter-spacing: normal;
                text-align: right;
                color: #080808; }

.barcode {
  font-family: 'Libre Barcode 128', cursive;
  font-size: 30px;
  cursor: pointer; }

.barcode_text {
  font-family: 'Libre Barcode 128 Text', cursive;
  cursor: pointer;
  font-size: 30px; }

.barcodePop {
  width: 100%;
  background: #fff;
  height: 100%;
  position: relative;
  margin-bottom: -2px; }
  .barcodePop .pop-body {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex; }
  .barcodePop .black {
    height: 100%;
    width: 53px;
    background: #000;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: flex;
    padding-left: 2px; }
  .barcodePop .barcode-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .barcodePop .s-logo {
    width: 50px;
    transform: rotate(270deg); }
  .barcodePop .x-btn {
    width: 27px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    font-size: 25px; }
  .barcodePop .barcodeImg {
    display: inherit;
    font-size: 20vw;
    text-align: center;
    transform: rotate(270deg); }

.payagreement-content {
  height: auto;
  color: #333;
  font-size: 12px;
  background: #f1f1f1;
  padding: 10px;
  width: 100%; }
  .payagreement-content ul {
    margin: 0;
    padding: 0; }
  .payagreement-content li {
    list-style-type: none; }

.policy-content {
  color: #333;
  height: auto;
  position: relative;
  width: 100%;
  padding-top: 59px; }
  .policy-content .title {
    font-size: 14px;
    font-weight: 700;
    height: auto;
    margin: 30px 0 30px;
    text-align: center;
    width: 100%; }
  .policy-content .policy-box {
    font-family: NotoSansCJKkr-light;
    font-size: 12px;
    height: auto;
    position: relative;
    padding: 20px 15px 20px 15px;
    width: 100%; }
    .policy-content .policy-box ul {
      margin: 0;
      padding: 0 0 0 10px; }
    .policy-content .policy-box li {
      list-style-type: none; }
  .policy-content .sub-text {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%; }
  .policy-content .table-select {
    text-align: center;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px; }
    .policy-content .table-select td {
      font-size: 12px;
      border-right: solid 1px #9a9a9a;
      cursor: pointer;
      height: 13px;
      width: 100px;
      color: #999999; }
    .policy-content .table-select .selected {
      color: #333333; }
  .policy-content .prev-link {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px; }
  .policy-content table {
    border: 1px solid #000;
    font-size: 12px;
    margin: 10px 0 10px 0;
    text-align: center;
    width: 100%; }
    .policy-content table .td-1 {
      border: 1px solid #000;
      height: 30px; }
    .policy-content table .td-2 {
      border: 1px solid #000;
      height: 80px; }
  .policy-content .previous-policy {
    font-size: 14px;
    line-height: 20px; }

.offlineshop-list-container {
  height: auto;
  position: relative;
  width: 100%; }
  .offlineshop-list-container .title-banner {
    background-color: #e5e5e5;
    color: #ffffff;
    height: 200px;
    position: relative;
    padding: 20px;
    width: 100%; }
    .offlineshop-list-container .title-banner .title {
      font-size: 40px;
      position: relative;
      width: 100%; }
    .offlineshop-list-container .title-banner .button-text {
      bottom: 20px;
      font-size: 24px;
      position: absolute;
      right: 20px; }
  .offlineshop-list-container .area-select-table {
    border-bottom: 1px solid #e5e5e5;
    color: #969696;
    font-size: 24px;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%; }
    .offlineshop-list-container .area-select-table .left-td {
      border-right: 1px solid #e5e5e5;
      height: 90px;
      width: 50%; }
    .offlineshop-list-container .area-select-table .right-td {
      height: 90px;
      width: 50%; }
  .offlineshop-list-container .shop-address-info-box {
    border-bottom: 1px solid #e5e5e5;
    height: 200px;
    padding: 20px;
    position: relative;
    width: 100%; }
    .offlineshop-list-container .shop-address-info-box .title {
      display: block;
      font-size: 29px;
      height: 70px;
      line-height: 70px;
      width: 100%; }
    .offlineshop-list-container .shop-address-info-box .address-info {
      color: #333;
      display: block;
      font-size: 16px;
      height: 50px;
      width: 100%; }
    .offlineshop-list-container .shop-address-info-box .time-info {
      color: #333;
      display: block;
      font-size: 16px;
      height: 50px;
      line-height: 50px;
      width: 100%; }
    .offlineshop-list-container .shop-address-info-box .phone-icon {
      border: 1px solid #969696;
      bottom: 25px;
      color: #a5a5a5;
      font-size: 20px;
      height: 40px;
      line-height: 40px;
      position: absolute;
      right: 0px;
      text-align: center;
      width: 40px; }

.map-view-container {
  height: auto;
  position: relative;
  width: 100%; }
  .map-view-container .shop-title {
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    width: 100%; }
  .map-view-container .map-viewer {
    height: 400px;
    width: 100%; }
  .map-view-container .map-view-back-button {
    float: left;
    top: 20px;
    left: 15px;
    position: absolute;
    width: 22px; }

.profile-content-n {
  padding: 15px; }
  .profile-content-n .mb20 {
    margin-bottom: 20px; }
  .profile-content-n .checks {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px; }
  .profile-content-n .radios {
    flex: 1;
    margin-bottom: 20px; }
  .profile-content-n .sports {
    flex: 1;
    margin-left: 10px;
    height: 45px;
    border: 1px solid #e5e5e5; }
  .profile-content-n .on {
    background: #333;
    color: #fff; }
  .profile-content-n .off {
    background: #fff;
    color: #333; }
  .profile-content-n .subtitle {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px; }
  .profile-content-n .postal-button {
    background: #333;
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
    border: 0; }
  .profile-content-n .password-change-button {
    background: #333;
    color: #fff;
    font-size: 15px;
    width: 100px;
    cursor: pointer;
    border: 0;
    height: 45px;
    margin-bottom: 20px; }
  .profile-content-n .email-input {
    border: 1px solid #e5e5e5;
    padding: 10px;
    height: 45px;
    color: #333;
    font-size: 15px;
    width: 110px; }
  .profile-content-n .dropdown {
    height: 45px;
    margin-left: 10px;
    flex: 1; }
    .profile-content-n .dropdown .Dropdown-placeholder {
      margin: 12px;
      margin-left: -10px; }
    .profile-content-n .dropdown .Dropdown-control {
      height: 45px;
      text-align: center;
      border: 1px solid #e5e5e5; }
    .profile-content-n .dropdown .Dropdown-root {
      background: url("//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg");
      background-repeat: no-repeat;
      background-position-x: 65px;
      background-size: 20px;
      background-position-y: center;
      cursor: pointer; }
    .profile-content-n .dropdown .Dropdown-option:first-child {
      border: 1px solid #e5e5e5;
      padding: 10px;
      background: #fff;
      cursor: pointer; }
    .profile-content-n .dropdown .Dropdown-option {
      border: 1px solid #e5e5e5;
      border-top: 0;
      padding: 10px;
      background: #fff;
      cursor: pointer;
      position: relative;
      z-index: 9999; }

.profile-content {
  font-size: 14px;
  height: auto;
  padding: 0 15px 0 15px;
  width: 100%;
  background: #f1f1f1; }
  .profile-content .title-pass {
    font-size: 15px;
    color: #080808;
    margin-bottom: 10px;
    display: block; }
  .profile-content .profile-box {
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #777;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    height: 60px;
    width: 100%; }
  .profile-content .password-check-content {
    height: auto;
    padding: 20px 0 20px 0;
    position: relative;
    width: 100%; }
  .profile-content .desc-box {
    color: #777;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    position: relative;
    width: 100%; }
  .profile-content .password-table {
    background-color: #f1f1f1;
    font-size: 13px;
    height: auto;
    margin-bottom: 20px;
    width: 100%; }
    .profile-content .password-table .left-td-1 {
      height: 40px;
      padding-left: 15px;
      text-align: left;
      width: 30%; }
    .profile-content .password-table .right-td-1 {
      font-size: 14px;
      height: 40px;
      text-align: left;
      width: 70%; }
    .profile-content .password-table .left-td-2 {
      height: 50px;
      padding-left: 15px;
      text-align: left;
      width: 30%; }
    .profile-content .password-table .right-td-2 {
      height: 50px;
      padding-right: 15px;
      text-align: left;
      width: 70%; }
    .profile-content .password-table input {
      width: 100%; }
  .profile-content .password-button {
    background-color: #333;
    font-size: 20px;
    font-weight: bold;
    margin: 130px auto 0 auto;
    border: 1px solid #333;
    color: #fff;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 100%; }

.profile-select-sports {
  color: #969696;
  font-size: 14px;
  height: 120px;
  position: relative;
  width: 100%;
  z-index: 100; }
  .profile-select-sports .text {
    float: left;
    width: 100%; }
  .profile-select-sports table {
    width: 100%; }
  .profile-select-sports .td-1 {
    width: 50%;
    vertical-align: top; }
  .profile-select-sports .profile-checkbox-sports-group {
    color: #777;
    float: left;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    margin: 15px 0 0 0;
    position: relative;
    width: 100%; }
    .profile-select-sports .profile-checkbox-sports-group input[type='checkbox'] {
      zoom: 2; }
    .profile-select-sports .profile-checkbox-sports-group .view-button {
      font-size: 12px;
      margin-left: 4px;
      border: 1px solid #d8d8d8;
      color: #969696;
      cursor: pointer;
      height: 24px;
      line-height: 24px;
      text-align: center;
      width: 60px; }
    .profile-select-sports .profile-checkbox-sports-group .etc-box {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #e5e5e5;
      color: #777;
      font-size: 16px;
      font-weight: 300;
      height: 25px;
      margin-top: 5px;
      padding: 0px;
      padding-left: 5px;
      position: relative;
      width: 120px; }

.profile-edit-title {
  background-color: #dedfe0;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  width: 100%; }

.profile-edit-content {
  height: auto;
  position: relative;
  margin-bottom: 10px;
  width: 100%; }
  .profile-edit-content .profile-edit-table {
    height: auto;
    position: relative;
    width: 100%; }
    .profile-edit-content .profile-edit-table .left-td-1 {
      height: 40px;
      padding-bottom: 5px;
      text-align: left;
      width: 27%;
      vertical-align: bottom; }
    .profile-edit-content .profile-edit-table .right-td-1 {
      height: 40px;
      padding-bottom: 5px;
      text-align: left;
      width: 73%;
      vertical-align: bottom; }
    .profile-edit-content .profile-edit-table .left-td-2 {
      border-bottom: 1px solid #dedfe0;
      height: 40px;
      padding-top: 5px;
      text-align: left;
      width: 27%;
      vertical-align: top; }
    .profile-edit-content .profile-edit-table .right-td-2 {
      border-bottom: 1px solid #dedfe0;
      height: 40px;
      padding-top: 5px;
      text-align: left;
      vertical-align: top;
      width: 73%; }
    .profile-edit-content .profile-edit-table .left-td-3 {
      border-bottom: 1px solid #dedfe0;
      height: 55px;
      text-align: left;
      width: 27%; }
    .profile-edit-content .profile-edit-table .right-td-3 {
      border-bottom: 1px solid #dedfe0;
      height: 45px;
      text-align: left;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-3 .password-change-button {
        background-color: #eff0f1;
        float: left;
        font-size: 13px;
        border: 1px solid #bebfc1;
        color: #333;
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 60px; }
      .profile-edit-content .profile-edit-table .right-td-3 .pass-desc-box {
        color: #777;
        float: left;
        font-size: 11px;
        height: 35px;
        line-height: 14px;
        margin-left: 10px;
        width: 130px; }
    .profile-edit-content .profile-edit-table .left-td-4 {
      border-bottom: 1px solid #dedfe0;
      height: auto;
      width: 27%;
      padding-top: 15px;
      vertical-align: top; }
    .profile-edit-content .profile-edit-table .right-td-4 {
      border-bottom: 1px solid #dedfe0;
      height: auto;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-4 .input-email-table {
        height: auto;
        margin-top: 5px;
        width: 100%; }
      .profile-edit-content .profile-edit-table .right-td-4 .table-td {
        height: 40px;
        width: 100%; }
      .profile-edit-content .profile-edit-table .right-td-4 .email-input {
        width: 92px; }
      .profile-edit-content .profile-edit-table .right-td-4 .checkbox-text {
        color: #333;
        font-size: 13px; }
    .profile-edit-content .profile-edit-table .left-td-5 {
      border-bottom: 1px solid #dedfe0;
      height: auto;
      width: 27%;
      padding-top: 20px;
      vertical-align: top; }
    .profile-edit-content .profile-edit-table .right-td-5 {
      border-bottom: 1px solid #dedfe0;
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-5 .phone-input {
        margin-left: 2px;
        width: 69px; }
      .profile-edit-content .profile-edit-table .right-td-5 .sms-checkbox-text {
        color: #333;
        font-size: 13px;
        margin-top: 15px; }
    .profile-edit-content .profile-edit-table .left-td-6 {
      border-bottom: 1px solid #dedfe0;
      height: 50px;
      width: 27%; }
    .profile-edit-content .profile-edit-table .right-td-6 {
      border-bottom: 1px solid #dedfe0;
      height: 20px;
      padding-top: 5px;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-6 .phone-input {
        margin-left: 2px;
        width: 69px; }
    .profile-edit-content .profile-edit-table .left-td-7 {
      height: 50px;
      width: 27%; }
    .profile-edit-content .profile-edit-table .right-td-7 {
      height: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-7 .radio {
        display: inline-block;
        float: 1eft;
        width: 100px; }
    .profile-edit-content .profile-edit-table .left-td-8 {
      border-bottom: 1px solid #dedfe0;
      height: 20px;
      width: 27%; }
    .profile-edit-content .profile-edit-table .right-td-8 {
      border-bottom: 1px solid #dedfe0;
      height: auto;
      padding-bottom: 10px;
      width: 73%; }
      .profile-edit-content .profile-edit-table .right-td-8 .postal-box {
        float: left;
        margin: 10px 0 5px 0;
        width: 50%; }
      .profile-edit-content .profile-edit-table .right-td-8 .postal-button {
        background-color: #eff0f1;
        float: right;
        font-size: 13px;
        margin: 10px 0 0 0;
        width: 100px;
        border: 1px solid #bebfc1;
        color: #333;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        text-align: center;
        width: 60px; }
      .profile-edit-content .profile-edit-table .right-td-8 .address-box {
        float: left;
        font-size: 14px;
        margin: 5px 0 5px 0;
        width: 100%; }
    .profile-edit-content .profile-edit-table .sex-checkbox-text {
      color: #333;
      font-size: 13px;
      margin-top: 15px; }

.facebook-login-table {
  border-bottom: 1px solid #dedfe0;
  font-size: 13px;
  height: auto;
  width: 100%; }
  .facebook-login-table .td-1 {
    height: 50px;
    position: relative;
    vertical-align: middle;
    width: 30px; }
    .facebook-login-table .td-1 img {
      margin-left: 15px;
      width: 30px; }
  .facebook-login-table .td-2 {
    height: 45px;
    padding-left: 20px;
    padding-right: 15px;
    vertical-align: middle; }
  .facebook-login-table .black-label {
    color: #000000;
    width: auto; }
  .facebook-login-table .fb-connect-button {
    font-size: 13px;
    float: right;
    vertical-align: middle;
    border: 1px solid #969696;
    color: #969696;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 60px; }

.profile-edit-button {
  background-color: #000;
  font-size: 16px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #000;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 150px; }

.td-name-1 {
  width: 80px; }

.td-name {
  vertical-align: bottom; }

.integrate-button {
  background-color: #000;
  font-size: 16px;
  margin: 0 3px 10px 3px;
  border: 1px solid #000;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 90px; }

.integrate-disable-button {
  background-color: #aaa;
  font-size: 16px;
  margin: 0 3px 10px 3px;
  border: 1px solid #aaa;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 90px;
  cursor: pointer; }

.member-withdraw-button {
  background-color: #6c6c6c;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%; }

.password-change-popup {
  color: #969696;
  font-size: 14px;
  height: auto;
  margin: 50px auto;
  padding: 0 15px 0 15px;
  position: relative;
  width: 100%;
  z-index: 1000; }
  .password-change-popup .popup-header {
    background-color: #565656;
    height: 35px;
    left: 0px;
    position: relative;
    width: 100%; }
    .password-change-popup .popup-header .popup-header-title {
      color: #ffffff;
      font-size: 14px;
      line-height: 35px;
      margin-left: 15px; }
  .password-change-popup .popup-body {
    background-color: #fff;
    height: auto;
    position: relative;
    width: 100%; }
  .password-change-popup .popup-close-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    right: 7px;
    top: 6px;
    position: absolute; }
  .password-change-popup input[type='password'] {
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 35px;
    width: 100%; }
  .password-change-popup .password-table {
    height: auto;
    position: relative;
    width: 100%; }
    .password-change-popup .password-table .tr-1 {
      height: 40px; }
    .password-change-popup .password-table .td-1 {
      padding-left: 15px;
      width: 40%; }
    .password-change-popup .password-table .td-2 {
      padding-right: 15px; }
  .password-change-popup .popup-button-box {
    border-top: 1px solid #e5e5e5;
    height: 60px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    position: relative;
    width: 100%; }
  .password-change-popup .popup-change-button {
    background-color: #000000;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100px; }
  .password-change-popup .popup-cancel-button {
    display: inline-block;
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100px; }
  .password-change-popup .error-msg {
    color: #ed1c24;
    font-size: 13px;
    padding: 5px 0 5px 20px; }

.withdraw-content {
  height: auto;
  padding: 15px;
  width: 100%; }
  .withdraw-content .withdraw-title-comment {
    color: #969696;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    width: 100%; }
  .withdraw-content .short-line {
    border-top: 2px solid #777;
    height: 1px;
    position: relative;
    margin: 20px 0 20px 0;
    width: 50px; }
  .withdraw-content .question_text {
    color: #333333;
    font-size: 15px;
    height: auto;
    line-height: 20px;
    position: relative;
    width: 100%; }
  .withdraw-content .select-answer-box {
    color: #aeaeae;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    position: relative;
    width: auto; }
    .withdraw-content .select-answer-box input[type='text'] {
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #aeaeae;
      height: 30px;
      margin-left: 10px;
      width: 225px; }
    .withdraw-content .select-answer-box ul {
      margin: 0;
      padding: 0; }
    .withdraw-content .select-answer-box li {
      height: 30px;
      line-height: 30px;
      list-style-type: none; }
  .withdraw-content .text-area-box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #aeaeae;
    height: 170px;
    width: 100%; }

.withdraw-announce-box {
  border-bottom: 1px solid #d5d5d5;
  background-color: #f5f5f5;
  color: #333;
  height: auto;
  padding: 15px;
  position: relative;
  margin: 25px 0 0 0;
  width: 100%; }
  .withdraw-announce-box ul {
    margin: 5px 0 0 0;
    padding: 0; }
  .withdraw-announce-box li {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    list-style-type: none; }

.withdraw-agreement-box {
  background-color: #f5f5f5;
  color: #555;
  font-size: 12px;
  height: auto;
  padding: 15px;
  position: relative;
  width: 100%; }
  .withdraw-agreement-box .announce-text {
    font-size: 12px; }

.check-account-password-outter-box {
  background-color: #d5d5d5;
  padding: 15px;
  width: 100%; }

.check-account-password-box {
  background-color: #fff;
  border: 2px solid #acacac;
  color: #333;
  font-size: 14px;
  padding: 15px 15px 0 15px; }
  .check-account-password-box .account-info-table {
    height: 20px;
    width: 100%; }
    .check-account-password-box .account-info-table .left-td-1 {
      height: 30px;
      width: 60px; }
    .check-account-password-box .account-info-table .right-td-1 {
      height: 30px;
      width: auto; }
    .check-account-password-box .account-info-table .left-td-2 {
      border-bottom: 1px solid #aeaeae;
      height: 30px;
      width: 60px; }
    .check-account-password-box .account-info-table .right-td-2 {
      border-bottom: 1px solid #aeaeae;
      height: 30px;
      width: auto; }
    .check-account-password-box .account-info-table .left-td-3 {
      height: 50px;
      width: 60px; }
    .check-account-password-box .account-info-table .right-td-3 {
      height: 50px;
      width: auto; }
      .check-account-password-box .account-info-table .right-td-3 input[type='text'] {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #aeaeae;
        height: 30px;
        width: 140px; }
      .check-account-password-box .account-info-table .right-td-3 .ok-button {
        background-color: #e5e5e5;
        display: inline-block;
        float: right;
        margin-left: 5px;
        border: 1px solid #969696;
        color: #000000;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 50px; }

.withdraw-submit-button {
  background-color: #000000;
  margin: 20px auto 20px auto;
  border: 1px solid #000000;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 120px; }

.orderlist-content {
  font-size: 14px;
  height: auto;
  padding: 0 15px 0 15px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5; }
  .orderlist-content .li-selected {
    background-color: #f1f1f1; }
  .orderlist-content .li-normal {
    background-color: #fff; }
  .orderlist-content .filter-box {
    display: flex; }
    .orderlist-content .filter-box .sub {
      margin-top: 24px;
      font-size: 13px;
      color: #6d6d6d; }
    .orderlist-content .filter-box ul {
      margin: 0;
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 0;
      height: 32px;
      position: relative;
      margin-left: 23px; }
    .orderlist-content .filter-box li {
      border: 1px solid #e5e5e5;
      border-right: 0;
      cursor: pointer;
      float: left;
      height: 35px;
      line-height: 35px;
      list-style-type: none;
      text-align: center;
      width: 65px; }
    .orderlist-content .filter-box li:last-child {
      border-right: 1px solid #e5e5e5; }

.order-list-box-empty {
  background-color: #c1c1c1;
  color: #777;
  height: 200px;
  line-height: 200px;
  text-align: center;
  width: 100%; }

.order-list-box {
  height: auto;
  position: relative;
  width: 100%; }

.order-list-announce-img {
  height: auto;
  position: relative;
  width: 100%; }

.order-announce-title {
  color: #333;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin: 15px 0 10px 15px;
  width: auto; }

.order-announce-title-next {
  border-bottom: 1px solid #aeaeae;
  color: #333;
  font-size: 14px;
  height: 45px;
  line-height: 14px;
  padding: 20px 0 10px 0;
  width: 100%; }

.order-announce-text {
  color: #333;
  font-size: 12px;
  padding: 15px 15px 0 15px;
  width: 100%; }
  .order-announce-text ul {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
  .order-announce-text li {
    height: auto;
    list-style-type: circle;
    line-height: 15px;
    margin-bottom: 10px; }

.detail-button {
  font-size: 13px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #aeaeae;
  color: #777;
  cursor: pointer;
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 80px; }

.orderlist-item-content {
  height: auto;
  margin-bottom: 15px;
  position: relative;
  width: 100%; }
  .orderlist-item-content .item-header {
    background-color: #f0f0f0;
    height: 45px;
    padding: 10px 15px 10px 15px;
    width: 100%; }
    .orderlist-item-content .item-header .item-header-table {
      height: 100%;
      width: 100%; }
      .orderlist-item-content .item-header .item-header-table .left-td {
        font-size: 11px;
        line-height: 14px;
        text-align: left;
        width: 40%; }
      .orderlist-item-content .item-header .item-header-table .right-td {
        font-size: 14px;
        text-align: right;
        width: 60%; }
  .orderlist-item-content .item-detail {
    border: 1px solid #eeeff0;
    background-color: #fff;
    height: auto;
    padding: 10px 15px 10px 15px;
    position: relative;
    width: 100%; }
    .orderlist-item-content .item-detail .product-up-table {
      height: 65px;
      width: 100%; }
      .orderlist-item-content .item-detail .product-up-table .left-td {
        height: 65px;
        width: 65px; }
        .orderlist-item-content .item-detail .product-up-table .left-td .img-box {
          background-color: #eee;
          height: 65px;
          position: relative;
          width: 65px; }
          .orderlist-item-content .item-detail .product-up-table .left-td .img-box img {
            height: auto;
            position: relative;
            width: 100%; }
          .orderlist-item-content .item-detail .product-up-table .left-td .img-box .event-tag {
            bottom: 5px;
            content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
            height: auto;
            position: absolute;
            right: 5px;
            width: 30px;
            z-index: 100; }
      .orderlist-item-content .item-detail .product-up-table .right-td {
        font-size: 14px;
        height: 65px;
        padding-left: 10px;
        width: auto; }
    .orderlist-item-content .item-detail .detail-info-box {
      background-color: #f0f0f0;
      color: #555;
      height: 45px;
      margin-top: 5px;
      padding: 8px 10px 8px 10px; }
      .orderlist-item-content .item-detail .detail-info-box .detail-info-table {
        height: 100%;
        width: 100%; }
        .orderlist-item-content .item-detail .detail-info-box .detail-info-table .left-td {
          font-size: 12px;
          line-height: 15px;
          text-align: left;
          width: 30%; }
        .orderlist-item-content .item-detail .detail-info-box .detail-info-table .right-td {
          font-size: 14px;
          line-height: 29px;
          text-align: right;
          width: 70%; }
    .orderlist-item-content .item-detail .review-button {
      margin: 0 auto;
      margin-top: 10px;
      border: 1px solid #ed1c24;
      color: #ed1c24;
      cursor: pointer;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 100px; }
  .orderlist-item-content .item-footer {
    border-top: 2px solid #acacac;
    background-color: #fff;
    height: auto;
    position: relative;
    padding: 0 15px 0 15px;
    width: 100%; }
    .orderlist-item-content .item-footer .shipment-info {
      color: #000;
      font-size: 12px;
      margin: 5px 0; }
    .orderlist-item-content .item-footer .state-td {
      padding-right: 15px; }
    .orderlist-item-content .item-footer .footer-top-table {
      color: #555;
      height: auto;
      position: relative;
      width: 100%; }
      .orderlist-item-content .item-footer .footer-top-table .left-td-1 {
        font-size: 13px;
        height: 50px;
        text-align: left;
        width: 65%; }
        .orderlist-item-content .item-footer .footer-top-table .left-td-1 .date-text {
          color: #777; }
      .orderlist-item-content .item-footer .footer-top-table .right-td-1 {
        height: 50px;
        text-align: right;
        width: 35%; }
        .orderlist-item-content .item-footer .footer-top-table .right-td-1 .detail-order-button {
          border: 1px solid #c0c0c0;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          border-radius: 15px;
          color: #777;
          cursor: pointer;
          font-size: 13px;
          float: right;
          height: 30px;
          line-height: 30px;
          text-align: center;
          position: relative;
          width: 100px; }
        .orderlist-item-content .item-footer .footer-top-table .right-td-1 .detail-order-button-2 {
          border: 1px solid #c0c0c0;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          border-radius: 15px;
          color: #777;
          cursor: pointer;
          font-size: 13px;
          float: right;
          height: 30px;
          line-height: 30px;
          text-align: center;
          position: relative;
          width: 80px; }
    .orderlist-item-content .item-footer .item-footer-button-box {
      border-top: 1px solid #c0c0c0;
      height: 55px;
      position: relative;
      text-align: center;
      width: 100%; }
      .orderlist-item-content .item-footer .item-footer-button-box .item-footer-button {
        display: inline-block;
        margin: 10px 2px 0 2px;
        border: 1px solid #c0c0c0;
        color: #333;
        cursor: pointer;
        height: 33px;
        line-height: 33px;
        text-align: center;
        width: 100px; }

.re-order-list-box .re-more-box {
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #f1f1f1;
  text-align: center; }
  .re-order-list-box .re-more-box .btn-more {
    width: 160px;
    height: 45px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    font-size: 16px;
    text-align: center;
    color: #6d6d6d; }

.ft13 {
  font-size: 13px; }

.order-detail-info {
  height: auto;
  position: relative;
  width: 100%; }
  .order-detail-info .seperation-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    position: relative;
    padding-left: 15px;
    width: 100%; }
  .order-detail-info .payment-sub-title {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    position: relative;
    width: 100%; }
  .order-detail-info .payment-sub-title2 {
    color: #333;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    position: relative;
    width: 100%; }
  .order-detail-info .customer-detail-info {
    height: auto;
    padding: 0 15px 0 15px;
    position: relative;
    width: 100%;
    border-bottom: 10px solid #f1f1f1; }
    .order-detail-info .customer-detail-info .info-table {
      color: #080808;
      font-size: 15px;
      margin-bottom: 10px;
      width: 100%; }
      .order-detail-info .customer-detail-info .info-table .grey {
        color: #6d6d6d; }
      .order-detail-info .customer-detail-info .info-table .red {
        color: #ca0000;
        font-weight: bold; }
      .order-detail-info .customer-detail-info .info-table .td-1-plus {
        height: auto;
        font-size: 17px;
        font-weight: bold;
        padding: 20px 0px;
        width: 85px;
        vertical-align: top; }
      .order-detail-info .customer-detail-info .info-table .td-1 {
        height: auto;
        padding: 5px 0 5px 0;
        width: 100px;
        vertical-align: top; }
      .order-detail-info .customer-detail-info .info-table .td-2 {
        height: auto;
        padding: 5px 0 5px 0;
        width: auto;
        text-align: right; }
        .order-detail-info .customer-detail-info .info-table .td-2 img {
          width: 25px; }
    .order-detail-info .customer-detail-info .edit-button {
      background-color: #eff0f0;
      margin: 0 auto;
      margin-bottom: 10px;
      border: 1px solid #aeaeae;
      color: #333;
      cursor: pointer;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 60px; }
  .order-detail-info .payment-type-info {
    height: auto;
    padding: 0 15px 0 15px;
    position: relative;
    width: 100%; }
    .order-detail-info .payment-type-info .payment-type-table {
      color: #555;
      font-size: 14px;
      height: 55px;
      position: relative;
      width: 100%; }
      .order-detail-info .payment-type-info .payment-type-table .left-td {
        height: 55px;
        line-height: 55px;
        text-align: left;
        width: 50%; }
      .order-detail-info .payment-type-info .payment-type-table .right-td {
        height: 55px;
        line-height: 55px;
        text-align: right;
        width: 50%; }
  .order-detail-info .payment-detail-info {
    background-color: #fff;
    color: #080808;
    font-size: 14px;
    height: auto;
    padding: 8px 15px 8px 15px;
    position: relative;
    width: 100%; }
    .order-detail-info .payment-detail-info .data-table {
      height: auto;
      width: 100%; }
      .order-detail-info .payment-detail-info .data-table .left-td {
        height: 30px;
        text-align: left;
        width: 50%; }
      .order-detail-info .payment-detail-info .data-table .right-td {
        height: 30px;
        text-align: right;
        width: 50%; }
    .order-detail-info .payment-detail-info .summary-info {
      border-top: 1px solid #e0e0e0;
      height: auto;
      padding-top: 8px;
      position: relative;
      width: 100%; }
  .order-detail-info .receip-button-box {
    color: #555;
    font-size: 14px;
    height: 60px;
    padding: 15px;
    width: 100%; }
    .order-detail-info .receip-button-box .receip-button {
      background-color: #f5f5f5;
      float: left;
      margin-right: 10px;
      border: 1px solid #aeaeae;
      color: #555;
      cursor: pointer;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 90px; }
  .order-detail-info .item-footer-button-box {
    position: relative;
    text-align: center;
    width: 100%;
    background: #f1f1f1;
    height: 70px; }
    .order-detail-info .item-footer-button-box .item-footer-button {
      display: inline-block;
      margin: 10px 2px 0 2px;
      border: 1px solid #f1f1f1;
      color: #333;
      cursor: pointer;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 100px; }
  .order-detail-info .refund-info {
    color: #555;
    font-size: 14px;
    height: auto;
    padding: 8px 15px 8px 15px;
    position: relative;
    width: 100%; }
    .order-detail-info .refund-info .refund-date-table {
      height: auto;
      width: 100%; }
      .order-detail-info .refund-info .refund-date-table .left-td {
        height: 30px;
        text-align: left;
        width: 35%; }
      .order-detail-info .refund-info .refund-date-table .right-td {
        height: 30px;
        text-align: left;
        width: 65%; }
    .order-detail-info .refund-info .refund-table {
      height: auto;
      width: 100%; }
      .order-detail-info .refund-info .refund-table .bold-title {
        color: #080808;
        font-weight: bold; }
      .order-detail-info .refund-info .refund-table .small-text {
        color: #969696;
        font-size: 10px; }
      .order-detail-info .refund-info .refund-table .left-td {
        height: 30px;
        text-align: left;
        width: 50%; }
      .order-detail-info .refund-info .refund-table .right-td {
        height: 30px;
        text-align: right;
        width: 50%; }
  .order-detail-info .refund-payment-type-info {
    background-color: #fff;
    height: auto;
    padding: 0 15px 0 15px;
    position: relative;
    width: 100%; }
    .order-detail-info .refund-payment-type-info .refund-payment-type-table {
      border-bottom: 1px solid #e1e1e1;
      color: #555;
      font-size: 14px;
      height: 45px;
      position: relative;
      width: 100%; }
      .order-detail-info .refund-payment-type-info .refund-payment-type-table .left-td {
        height: 45px;
        line-height: 45px;
        text-align: left;
        width: 50%; }
      .order-detail-info .refund-payment-type-info .refund-payment-type-table .right-td {
        height: 45px;
        line-height: 45px;
        text-align: right;
        width: 50%; }
  .order-detail-info .summary-refund-info {
    background-color: #fff;
    color: #555;
    font-size: 14px;
    height: auto;
    padding: 8px 15px 8px 15px;
    position: relative;
    width: 100%; }
    .order-detail-info .summary-refund-info .summary-refund-table {
      height: auto;
      width: 100%; }
      .order-detail-info .summary-refund-info .summary-refund-table .left-td {
        height: 30px;
        text-align: left;
        width: 50%; }
      .order-detail-info .summary-refund-info .summary-refund-table .right-td {
        height: 30px;
        text-align: right;
        width: 50%; }
  .order-detail-info .refund-message-box {
    border-top: 1px solid #aeaeae;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 100%; }
  .order-detail-info .refund-button-box {
    font-size: 14px;
    padding: 20px;
    text-align: center;
    width: 100%;
    background: #f1f1f1; }
    .order-detail-info .refund-button-box .cancel-button {
      display: inline-block;
      margin: 0 2px 0 2px;
      border: 1px solid #555;
      color: #555;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 110px; }
    .order-detail-info .refund-button-box .request-button {
      background-color: #000;
      display: inline-block;
      margin: 0 2px 0 2px;
      border: 1px solid #000;
      color: #fff;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 110px; }
  .order-detail-info .return-button-box-1 {
    border-top: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    height: 60px;
    padding: 15px 0 15px 0;
    position: relative;
    width: 100%; }
    .order-detail-info .return-button-box-1 .cancel-ticket-button {
      background-color: #eeeff0;
      font-size: 12px;
      margin: 0 auto;
      border: 1px solid #aeaeae;
      color: #333;
      cursor: pointer;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 75px; }
  .order-detail-info .return-button-box-2 {
    height: 80px;
    padding: 20px 0 20px 0;
    position: relative;
    width: 100%; }
    .order-detail-info .return-button-box-2 .request-button {
      background-color: #000;
      margin: 0 auto;
      border: 1px solid #000;
      color: #fff;
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 110px; }
  .order-detail-info .fold-title .fold-btn.close {
    transform: rotate(180deg); }
  .order-detail-info .fold-content {
    width: 100%; }
    .order-detail-info .fold-content.close {
      display: none; }

.order-cancel-result-content {
  padding-top: 30px;
  padding-bottom: 50vw;
  text-align: center;
  background-color: #f5f5f5; }
  .order-cancel-result-content .title {
    font-size: 19px;
    font-weight: bold;
    line-height: 2.11;
    color: #020202; }
  .order-cancel-result-content .desc {
    font-size: 13px;
    line-height: 1.62;
    text-align: center;
    color: #6d6d6d; }
  .order-cancel-result-content .btn {
    margin: 20px 15px 0 15px;
    padding: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    background-color: #ca0000; }
  .order-cancel-result-content.cancel .btn {
    margin-top: 50px; }
  .order-cancel-result-content .return-flow {
    margin-top: 30px;
    padding: 0 15px;
    background: white; }
    .order-cancel-result-content .return-flow .title-wrap {
      color: #000000;
      font-size: 30px;
      height: 60px;
      line-height: 60px;
      position: relative;
      margin-bottom: 20px; }
      .order-cancel-result-content .return-flow .title-wrap .title {
        transform: translateY(40%);
        width: 210px;
        background: #fff;
        margin: 0 auto;
        z-index: 1;
        position: relative;
        text-align: center;
        font-size: 20px;
        font-weight: bold; }
      .order-cancel-result-content .return-flow .title-wrap hr {
        color: #020202;
        border: 1px solid;
        position: absolute;
        width: 100%;
        top: 35%; }
    .order-cancel-result-content .return-flow .flow {
      padding-bottom: 50px; }
      .order-cancel-result-content .return-flow .flow .item {
        display: inline-block;
        width: 85px;
        height: 85px;
        background-color: #b50000;
        border-radius: 70px;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
        box-sizing: border-box;
        padding: 26px 0; }
      .order-cancel-result-content .return-flow .flow .date {
        display: inline-block;
        width: 40px;
        position: relative; }
        .order-cancel-result-content .return-flow .flow .date .arrow {
          position: absolute;
          content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_right_arrow.svg);
          width: 20px;
          top: -33px;
          left: 10px; }
        .order-cancel-result-content .return-flow .flow .date .d {
          position: absolute;
          font-size: 15px;
          font-weight: 500;
          color: #080808;
          word-break: keep-all;
          top: 25px;
          left: 5px; }

.return-cancel-btn {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 45px;
  font-size: 15px;
  color: #6d6d6d;
  font-weight: 500; }

.return-detail-box {
  position: relative;
  padding: 20px 15px; }
  .return-detail-box h1 {
    text-align: center;
    font-size: 18px; }
  .return-detail-box .tab-on {
    border: 0;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px; }
  .return-detail-box .tab-off {
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
    width: 50%;
    padding: 15px 0px;
    outline: none;
    font-size: 15px; }
  .return-detail-box .rows {
    display: flex;
    margin-top: 16px; }
  .return-detail-box .left-box {
    width: 50%;
    padding-right: 5px; }
    .return-detail-box .left-box select {
      background: #fff; }
  .return-detail-box .return-sub-title {
    display: block;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    margin-bottom: 10px; }
  .return-detail-box .return-input {
    width: 100%;
    height: 45px;
    border: solid 1px #e5e5e5;
    font-size: 15px; }
  .return-detail-box .addr-input {
    width: 78%;
    float: left; }
  .return-detail-box .addr-btn {
    width: 20%;
    float: left; }
  .return-detail-box .return-addr {
    width: 100%;
    height: 45px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 15px;
    margin-left: 5px;
    border: 0; }
  .return-detail-box textarea {
    height: 100px;
    width: 100%;
    border: solid 1px #e5e5e5;
    font-size: 15px; }
  .return-detail-box .hidden-layer:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 60px;
    background-color: white;
    position: absolute;
    top: 75px;
    right: 7px; }
  .return-detail-box .hidden-layer:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 60px;
    background-color: white;
    position: absolute;
    top: 75px;
    left: 7px; }
  .return-detail-box .placeholder-color::placeholder {
    color: #bbbbbb; }
  .return-detail-box .arrow-point:before {
    content: '<';
    display: inline-block;
    position: absolute;
    right: 30px;
    margin-top: 13px;
    transform: rotate(270deg); }

.return-list-content {
  color: #333;
  font-size: 14px;
  height: auto;
  position: relative;
  width: 100%; }
  .return-list-content .list-selected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: bold; }
  .return-list-content .list-none-selected {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf; }
  .return-list-content .cancel-list-button-table {
    height: auto;
    position: relative;
    width: 100%; }
  .return-list-content .cancel-list-button {
    border-right: 1px solid #dfdfdf;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 50%; }
  .return-list-content .refund-list-button {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 50%; }
  .return-list-content .empty-list-box {
    background-color: #c1c1c1;
    color: #646464;
    font-size: 15px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    width: 100%; }
  .return-list-content .account-info-box {
    height: 60px;
    font-size: 13px;
    position: relative;
    padding: 15px;
    width: 100%; }
    .return-list-content .account-info-box .small-text {
      color: #969696;
      font-size: 12px;
      line-height: 15px; }
    .return-list-content .account-info-box .change-account-button {
      display: inline-block;
      font-size: 14px;
      float: right;
      border: 1px solid #aeaeae;
      color: #333;
      cursor: pointer;
      height: 30px;
      line-height: 30px;
      text-align: center;
      width: 70px; }
  .return-list-content .faq-box {
    height: 65px;
    padding-top: 15px;
    position: relative;
    width: 100%; }
    .return-list-content .faq-box .go-faq-button {
      font-size: 14px;
      position: relative;
      margin: auto;
      border: 1px solid #aeaeae;
      color: #777;
      cursor: pointer;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 100px; }
  .return-list-content .re-more-box {
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #f1f1f1;
    text-align: center; }
    .return-list-content .re-more-box .btn-more {
      width: 160px;
      height: 45px;
      border: solid 1px #e5e5e5;
      background-color: #ffffff;
      font-size: 16px;
      text-align: center;
      color: #6d6d6d; }

.bank-account-change-popup {
  color: #777;
  font-size: 14px;
  height: auto;
  margin: 50px auto;
  padding: 0 15px 0 15px;
  position: relative;
  width: 100%;
  z-index: 1000; }
  .bank-account-change-popup .popup-header {
    background-color: #565656;
    height: 35px;
    left: 0px;
    position: relative;
    width: 100%; }
    .bank-account-change-popup .popup-header .popup-header-title {
      color: #ffffff;
      font-size: 14px;
      line-height: 35px;
      margin-left: 15px; }
  .bank-account-change-popup .popup-body {
    background-color: #fff;
    height: auto;
    position: relative;
    width: 100%; }
  .bank-account-change-popup .popup-close-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    right: 7px;
    top: 6px;
    position: absolute; }
  .bank-account-change-popup .bank-account-popup-body {
    height: auto;
    width: 100%; }
    .bank-account-change-popup .bank-account-popup-body .account-popup-table {
      height: auto;
      width: 100%; }
      .bank-account-change-popup .bank-account-popup-body .account-popup-table .left-td {
        border-bottom: 1px solid #aeaeae;
        height: 50px;
        padding-left: 15px;
        width: 25%; }
      .bank-account-change-popup .bank-account-popup-body .account-popup-table .right-td {
        border-bottom: 1px solid #aeaeae;
        height: 50px;
        padding-right: 15px;
        width: 75%; }
        .bank-account-change-popup .bank-account-popup-body .account-popup-table .right-td input[type="text"] {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          border: 1px solid #aeaeae;
          height: 30px;
          padding-left: 10px;
          width: 100%; }
      .bank-account-change-popup .bank-account-popup-body .account-popup-table .colspan-td {
        padding: 15px 0 15px 15px;
        width: 100%; }
  .bank-account-change-popup .popup-button-box {
    height: 60px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    position: relative;
    width: 100%; }
  .bank-account-change-popup .popup-change-button {
    background-color: #000000;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100px; }
  .bank-account-change-popup .popup-cancel-button {
    display: inline-block;
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100px; }
  .bank-account-change-popup .popup-notice-box {
    background-color: #e5e5e5;
    color: #777;
    font-size: 10px;
    height: auto;
    line-height: 15px;
    padding: 10px 15px 10px 15px;
    width: 100%; }

.return-product-content {
  border-bottom: 1px solid #aeaeae;
  color: #555;
  font-size: 14px;
  height: auto;
  padding: 10px 15px 10px 15px;
  position: relative;
  width: 100%; }
  .return-product-content .reason-table {
    height: auto;
    position: relative;
    width: 100%; }
    .return-product-content .reason-table .left-td {
      height: auto;
      padding-top: 5px;
      width: 85px;
      vertical-align: top; }
    .return-product-content .reason-table .right-td {
      height: auto;
      width: auto; }
      .return-product-content .reason-table .right-td .text-area {
        border: 1px solid #aeaeae;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: inline-block;
        float: right;
        height: 150px;
        margin-top: 10px;
        width: 100%; }
  .return-product-content .sending-select-table {
    height: auto;
    margin: 5px 0 5px 0;
    position: relative;
    width: 100%; }
    .return-product-content .sending-select-table .left-td {
      height: auto;
      line-height: 18px;
      width: 85px;
      vertical-align: top; }
    .return-product-content .sending-select-table .right-td {
      height: auto;
      width: auto; }
  .return-product-content .customer-info-table {
    height: auto;
    margin: 5px 0 5px 0;
    position: relative;
    width: 100%; }
    .return-product-content .customer-info-table .left-td {
      height: auto;
      width: 85px;
      vertical-align: top; }
    .return-product-content .customer-info-table .right-td {
      height: auto;
      width: auto; }
      .return-product-content .customer-info-table .right-td .addr-button {
        background-color: #000;
        float: left;
        margin-top: 10px;
        border: 1px solid #000;
        color: #fff;
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        text-align: center;
        width: 70px; }

.return-product-content-no-border {
  border-bottom: 0px; }

.delivery-select-table {
  font-size: 14px;
  height: auto;
  margin: 5px 0 5px 0;
  position: relative;
  width: 100%; }
  .delivery-select-table .left-td {
    height: 30px;
    line-height: 30px;
    width: 85px; }
  .delivery-select-table .right-td {
    height: 30px;
    width: auto; }
    .delivery-select-table .right-td .delivery-no-table {
      float: right;
      height: 30px;
      margin-top: 5px;
      width: 100%; }
      .delivery-select-table .right-td .delivery-no-table .left-td {
        height: 30px;
        width: auto; }
        .delivery-select-table .right-td .delivery-no-table .left-td input[type="text"] {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          border: 1px solid #aeaeae;
          height: 30px;
          width: 100%; }
      .delivery-select-table .right-td .delivery-no-table .right-td {
        height: 30px;
        width: 65px; }
        .delivery-select-table .right-td .delivery-no-table .right-td .check-button {
          background-color: #eff0f0;
          margin-left: 5px;
          border: 1px solid #aeaeae;
          color: #333;
          cursor: pointer;
          height: 30px;
          line-height: 30px;
          text-align: center;
          width: 60px; }

.return-sub-title-box {
  background-color: #e5e5e5;
  color: #080808;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  position: relative;
  width: 100%; }

.return-payment-info {
  color: #555;
  font-size: 14px;
  height: auto;
  padding: 8px 15px 8px 15px;
  position: relative;
  width: 100%; }
  .return-payment-info .payment-table {
    height: auto;
    width: 100%; }
    .return-payment-info .payment-table .left-td {
      height: 30px;
      text-align: left;
      width: 50%; }
    .return-payment-info .payment-table .right-td {
      height: 30px;
      text-align: right;
      width: 50%; }

.summary-return-payment-info {
  background-color: #f5f5f5;
  color: #555;
  font-size: 14px;
  height: auto;
  padding: 8px 15px 8px 15px;
  position: relative;
  width: 100%; }
  .summary-return-payment-info .summary-payment-table {
    height: auto;
    width: 100%; }
    .summary-return-payment-info .summary-payment-table .account-info {
      color: #777;
      font-size: 12px;
      line-height: 25px; }
    .summary-return-payment-info .summary-payment-table .left-td {
      height: 30px;
      text-align: left;
      width: 50%; }
    .summary-return-payment-info .summary-payment-table .right-td {
      height: 30px;
      text-align: right;
      width: 50%; }
    .summary-return-payment-info .summary-payment-table .td-40px {
      height: 50px; }
    .summary-return-payment-info .summary-payment-table .td-border-bottom {
      border-bottom: 1px solid #aeaeae; }

.refund-price-box {
  padding: 18px 15px;
  font-size: 16px;
  line-height: 23px;
  text-align: center; }

.return-product-button-box {
  text-align: center;
  width: 100%;
  background: #f1f1f1;
  padding: 20px; }
  .return-product-button-box .cancel-button {
    display: inline-block;
    border: 1px solid #757575;
    color: #333;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 110px; }
  .return-product-button-box .submit-button {
    background-color: #000;
    display: inline-block;
    margin: 0 3px 0 3px;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 110px; }

.return-result-message {
  color: #777;
  font-size: 10px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%; }

.myactivity-list-content {
  color: #333;
  font-size: 14px;
  height: auto;
  position: relative;
  width: 100%; }
  .myactivity-list-content .list-selected {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: bold; }
  .myactivity-list-content .list-none-selected {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf; }
  .myactivity-list-content .activity-list-button-table {
    height: auto;
    position: relative;
    width: 100%; }
  .myactivity-list-content .review-list-button {
    border-right: 1px solid #dfdfdf;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 50%; }
  .myactivity-list-content .empty-list-button {
    border-bottom: 1px solid #dfdfdf;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 50%; }
  .myactivity-list-content .review-select-box {
    color: #333;
    font-size: 15px;
    height: auto;
    position: relative;
    padding: 10px 15px 10px 15px;
    position: relative;
    width: 100%; }
    .myactivity-list-content .review-select-box .button-box {
      height: 40px;
      position: relative;
      width: 100%; }
      .myactivity-list-content .review-select-box .button-box .button-selected {
        color: #ed1c24; }
      .myactivity-list-content .review-select-box .button-box .left-button {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: 1px solid #c1c1c1;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: relative;
        width: 50%; }
      .myactivity-list-content .review-select-box .button-box .right-button {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border: 1px solid #c1c1c1;
        border-left: 0px;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: relative;
        width: 50%; }
  .myactivity-list-content .empty-list-box {
    background-color: #c1c1c1;
    color: #646464;
    font-size: 15px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    width: 100%; }
  .myactivity-list-content .review-list-box {
    border-top: 1px solid #dedede;
    height: auto;
    padding: 15px 15px 5px 15px;
    position: relative;
    width: 100%; }
  .myactivity-list-content .review-item-table {
    border: 1px solid #dedede;
    height: auto;
    margin-bottom: 10px;
    width: 100%; }
    .myactivity-list-content .review-item-table .top-td {
      border-bottom: 1px solid #dedede; }
    .myactivity-list-content .review-item-table .bottom-td {
      padding: 10px 15px 10px 15px;
      position: relative; }
      .myactivity-list-content .review-item-table .bottom-td .text-box {
        color: #777;
        font-size: 12px;
        float: left;
        line-height: 35px; }
        .myactivity-list-content .review-item-table .bottom-td .text-box .date-text {
          font-size: 13px;
          font-weight: bold; }
      .myactivity-list-content .review-item-table .bottom-td .review_title {
        color: #080808;
        font-size: 13px;
        line-height: 20px;
        position: relative;
        width: 100%; }
      .myactivity-list-content .review-item-table .bottom-td .review-date {
        color: #777;
        font-size: 11px;
        line-height: 11px;
        position: relative;
        width: 100%; }
      .myactivity-list-content .review-item-table .bottom-td .review-open-button {
        right: 15px;
        position: absolute;
        top: 22px;
        width: 21px; }
      .myactivity-list-content .review-item-table .bottom-td .review-button {
        font-size: 13px;
        float: right;
        border: 1px solid #ed1c24;
        color: #ed1c24;
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 90px; }
    .myactivity-list-content .review-item-table .review-td {
      padding: 0 15px 0 15px; }
      .myactivity-list-content .review-item-table .review-td .review-star-box {
        height: 15px;
        position: relative;
        width: 100%; }
      .myactivity-list-content .review-item-table .review-td .review-product-info {
        color: #080808;
        font-size: 13px; }
      .myactivity-list-content .review-item-table .review-td .review-text {
        color: #444;
        font-size: 12px;
        height: auto;
        line-height: 18px;
        padding: 5px 0;
        width: 100%; }
      .myactivity-list-content .review-item-table .review-td .review-button-box {
        padding: 10px 0 10px 0;
        text-align: center;
        position: relative;
        width: 100%; }
      .myactivity-list-content .review-item-table .review-td .review-button {
        background-color: #f3f3f3;
        display: inline-block;
        font-size: 16px;
        margin: 0 3px 0 3px;
        border: 1px solid #ccc;
        color: #080808;
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 60px; }
  .myactivity-list-content .review-item-detail {
    background-color: #fff;
    height: auto;
    padding: 10px 15px 10px 15px;
    position: relative;
    width: 100%; }
    .myactivity-list-content .review-item-detail .review-product-up-table {
      height: 65px;
      width: 100%; }
      .myactivity-list-content .review-item-detail .review-product-up-table .left-td {
        height: 65px;
        width: 65px; }
        .myactivity-list-content .review-item-detail .review-product-up-table .left-td .img-box {
          background-color: #eee;
          height: 65px;
          width: 65px; }
      .myactivity-list-content .review-item-detail .review-product-up-table .right-td {
        font-size: 14px;
        height: 65px;
        padding-left: 10px;
        width: auto; }
    .myactivity-list-content .review-item-detail .review-product-detail-info-box {
      background-color: #f0f0f0;
      color: #555;
      height: 45px;
      margin-top: 5px;
      padding: 8px 10px 8px 10px; }
      .myactivity-list-content .review-item-detail .review-product-detail-info-box .detail-info-table {
        height: 100%;
        width: 100%; }
        .myactivity-list-content .review-item-detail .review-product-detail-info-box .detail-info-table .left-td {
          font-size: 12px;
          line-height: 15px;
          text-align: left;
          width: 30%; }
        .myactivity-list-content .review-item-detail .review-product-detail-info-box .detail-info-table .right-td {
          font-size: 14px;
          line-height: 29px;
          text-align: right;
          width: 70%; }
    .myactivity-list-content .review-item-detail .review-button {
      margin: 0 auto;
      margin-top: 10px;
      border: 1px solid #ed1c24;
      color: #ed1c24;
      cursor: pointer;
      height: 33px;
      line-height: 33px;
      text-align: center;
      width: 100px; }

.coupon-item-table-n td, .coupon-item-table-n th {
  border: 1px solid #e5e5e5;
  background: #fff;
  white-space: pre-line;
  width: 25%;
  text-align: center;
  font-size: 13px;
  padding: 17px;
  min-width: 86px; }

.mybenefit-content {
  color: #333;
  font-size: 14px;
  height: auto;
  position: relative;
  width: 100%; }
  .mybenefit-content .list-selected {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf;
    color: #ed1c24; }
  .mybenefit-content .list-none-selected {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dfdfdf; }
  .mybenefit-content .benefit-list-button-table {
    border-collapse: collapse;
    height: auto;
    position: relative;
    width: 100%; }
  .mybenefit-content .benefit-button {
    height: 45px;
    line-height: 45px;
    text-align: center; }
  .mybenefit-content .benefit-button-last {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 33.3%; }
  .mybenefit-content .coupon-list-content .coupon-list-title {
    padding: 15px 0 15px 15px;
    font-size: 15px;
    line-height: 20px;
    width: 100%; }
  .mybenefit-content .coupon-list-content .mileage-desc {
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    position: relative;
    text-align: left;
    width: 100%; }
  .mybenefit-content .coupon-list-content .refresh-button {
    background-color: #e5e5e5;
    margin-left: 15px;
    position: relative;
    border: 1px solid #969696;
    color: #000000;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 84px; }
  .mybenefit-content .coupon-list-content .empty-list-box {
    background-color: #c1c1c1;
    color: #646464;
    font-size: 15px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    width: 100%; }
  .mybenefit-content .coupon-list-content .button-box {
    padding: 15px 10px;
    width: 100%;
    background: #f1f1f1; }
    .mybenefit-content .coupon-list-content .button-box .register-button {
      background-color: #ca0000;
      font-size: 20px;
      margin: 0 auto;
      border: 1px solid #ca0000;
      color: #fff;
      cursor: pointer;
      height: 60px;
      line-height: 60px;
      text-align: center;
      width: 100%; }
  .mybenefit-content .coupon-list-content .coupon-item-list-box {
    background-color: #f1f1f1;
    padding: 15px 15px 5px 15px;
    height: auto;
    min-height: 120px;
    width: 100%; }
    .mybenefit-content .coupon-list-content .coupon-item-list-box p {
      white-space: pre-line;
      color: #6d6d6d;
      font-size: 13px; }
  .mybenefit-content .coupon-list-content .coupon-item-table {
    height: auto;
    margin: 0 0 10px 0;
    width: 100%; }
    .mybenefit-content .coupon-list-content .coupon-item-table .left-td {
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      -moz-border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      background-color: #343434;
      color: #fff;
      height: 85px;
      text-align: center;
      width: 90px; }
    .mybenefit-content .coupon-list-content .coupon-item-table .right-td {
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-top-right-radius: 5px;
      -moz-border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: #fff;
      height: 85px;
      width: auto; }
      .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table {
        height: 85px;
        width: 100%; }
        .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .first-td {
          color: #333;
          font-size: 14px;
          line-height: 14px;
          height: 55px;
          padding: 15px 10px 15px 10px;
          width: 100%; }
          .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .first-td .coupon-state {
            border-left: 2px solid #dfdfdf;
            color: #ed1c24;
            float: right;
            font-size: 14px;
            line-height: 29px;
            padding: 0 0 0 8px;
            margin: 3px 0 3px 0;
            width: 60px; }
          .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .first-td .coupon-text-table {
            float: left;
            height: auto;
            width: 65%; }
            .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .first-td .coupon-text-table .coupon-title {
              float: left;
              height: auto;
              min-height: 15px;
              width: 100%; }
            .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .first-td .coupon-text-table .coupon-date {
              color: #777;
              float: left;
              font-size: 11px;
              line-height: 16px;
              width: 100%; }
        .mybenefit-content .coupon-list-content .coupon-item-table .right-td .coupon-info-table .second-td {
          background-color: #f0f0f0;
          -webkit-border-bottom-right-radius: 5px;
          -moz-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
          color: #777;
          font-size: 12px;
          line-height: 12px;
          padding: 9px 0 9px 10px;
          width: 100%; }
  .mybenefit-content .coupon-list-content .mileage-item-list-box {
    background-color: #f1f1f1;
    padding: 15px 15px 5px 15px;
    height: auto;
    min-height: 120px;
    width: 100%; }
    .mybenefit-content .coupon-list-content .mileage-item-list-box .pre-mile {
      width: 100%;
      text-align: center; }
      .mybenefit-content .coupon-list-content .mileage-item-list-box .pre-mile .title {
        background: #080808;
        color: #fff; }
      .mybenefit-content .coupon-list-content .mileage-item-list-box .pre-mile td {
        width: 50%;
        height: 50px;
        border: 1px solid #e5e5e5;
        background: #fff;
        font-size: 13px;
        color: #6d6d6d; }
    .mybenefit-content .coupon-list-content .mileage-item-list-box p {
      color: #6d6d6d;
      font-size: 13px;
      white-space: pre-line; }
  .mybenefit-content .coupon-list-content .mileage-item-table {
    height: auto;
    margin: 0 0 10px 0;
    width: 100%;
    border: 1px solid #e5e5e5; }
    .mybenefit-content .coupon-list-content .mileage-item-table .first-td {
      background-color: #f0f0f0;
      border-bottom: 1px solid #aeaeae;
      color: #333;
      height: 30px;
      padding: 0 0 0 15px;
      width: 100%; }
    .mybenefit-content .coupon-list-content .mileage-item-table .second-td {
      background-color: #fff;
      height: 60px;
      padding: 15px;
      width: 100%; }
      .mybenefit-content .coupon-list-content .mileage-item-table .second-td .mileage-point {
        border-left: 2px solid #dfdfdf;
        color: #ed1c24;
        float: right;
        font-size: 14px;
        line-height: 24px;
        padding: 0 0 0 8px;
        margin: 3px 0 3px 0;
        width: 70px; }
      .mybenefit-content .coupon-list-content .mileage-item-table .second-td .mileage-text-table {
        float: left;
        height: auto;
        width: 115px; }
        .mybenefit-content .coupon-list-content .mileage-item-table .second-td .mileage-text-table .title {
          float: left;
          line-height: 18px;
          width: 115px; }
        .mybenefit-content .coupon-list-content .mileage-item-table .second-td .mileage-text-table .date {
          color: #777;
          float: left;
          font-size: 11px;
          line-height: 12px;
          width: 115px; }
  .mybenefit-content .coupon-list-content .mileage-history {
    background-color: #f1f1f1; }
    .mybenefit-content .coupon-list-content .mileage-history .title {
      margin: 0;
      padding: 15px;
      font-size: 15px;
      font-weight: bold;
      color: #080808; }
    .mybenefit-content .coupon-list-content .mileage-history .mileage-tab {
      background-color: #e5e5e5; }
      .mybenefit-content .coupon-list-content .mileage-history .mileage-tab .tab-item {
        display: inline-block;
        width: 50%;
        padding: 14px 0;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #6d6d6d; }
        .mybenefit-content .coupon-list-content .mileage-history .mileage-tab .tab-item.active {
          background-color: white;
          color: #080808; }
    .mybenefit-content .coupon-list-content .mileage-history .mileage-contents {
      padding: 17px 15px; }
      .mybenefit-content .coupon-list-content .mileage-history .mileage-contents .mileage-content {
        background-color: white;
        border: 1px solid #e5e5e5;
        font-size: 15px;
        color: #6d6d6d; }
        .mybenefit-content .coupon-list-content .mileage-history .mileage-contents .mileage-content .content-item {
          padding: 15px;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          width: 35%; }
          .mybenefit-content .coupon-list-content .mileage-history .mileage-contents .mileage-content .content-item.left {
            width: 65%;
            border-right: 1px solid #e5e5e5;
            text-align: left; }

.register-coupon-popup {
  color: #969696;
  font-size: 14px;
  height: auto;
  margin: 50px auto;
  padding: 0 15px 0 15px;
  position: relative;
  width: 100%;
  z-index: 1000; }
  .register-coupon-popup .popup-header {
    background-color: #565656;
    height: 35px;
    left: 0px;
    position: relative;
    width: 100%; }
    .register-coupon-popup .popup-header .popup-header-title {
      color: #ffffff;
      font-size: 14px;
      line-height: 35px;
      margin-left: 15px; }
  .register-coupon-popup .popup-body {
    background-color: #fff;
    height: auto;
    position: relative;
    width: 100%; }
  .register-coupon-popup .popup-close-button {
    color: #ffffff;
    cursor: pointer;
    font-size: 17px;
    right: 7px;
    top: 6px;
    position: absolute; }
  .register-coupon-popup .register-coupon-popup-body {
    height: auto;
    padding: 10px 15px 0 10px;
    width: 100%; }
  .register-coupon-popup .coupon-code-box {
    height: auto;
    position: relative;
    text-align: left;
    width: 100%; }
  .register-coupon-popup .input-box {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    position: relative;
    width: 25%; }
    .register-coupon-popup .input-box .register-input {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #aeaeae;
      color: #080808;
      display: inline-block;
      font-size: 15px;
      height: 45px;
      line-height: 45px;
      position: relative;
      width: 90%; }
  .register-coupon-popup .popup-error-msg {
    color: #ed1c24;
    font-size: 12px;
    line-height: 30px;
    width: 100%; }
  .register-coupon-popup .popup-button-box {
    border-top: 1px solid #aeaeae;
    margin: 0px auto;
    padding: 12px 0 12px 0;
    text-align: center;
    position: relative;
    width: 100%; }
  .register-coupon-popup .popup-register-button {
    background-color: #000000;
    position: relative;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 100%; }
  .register-coupon-popup .popup-notice-box {
    background-color: #e5e5e5;
    color: #777;
    font-size: 10px;
    height: auto;
    line-height: 15px;
    padding: 10px 15px 10px 15px;
    position: relative;
    width: 100%; }
    .register-coupon-popup .popup-notice-box ul {
      margin: 0;
      padding: 0 0 0 15px;
      position: relative; }
    .register-coupon-popup .popup-notice-box li {
      list-style-type: circle; }

.mygrade-content {
  color: #333;
  height: auto;
  position: relative;
  width: 100%; }
  .mygrade-content .ann-text {
    font-size: 15px;
    height: auto;
    line-height: 20px;
    padding: 30px 0;
    position: relative;
    text-align: center;
    width: 100%; }
  .mygrade-content .ann-text-line {
    text-decoration: underline; }
  .mygrade-content .already-text {
    font-size: 16px;
    font-weight: 700;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%; }
  .mygrade-content .btn-member-ship {
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    height: 50px;
    line-height: 25px;
    margin: 0 auto 10px auto;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 11; }
  .mygrade-content .mygrade-outter-box {
    border-bottom: 1px solid #aeaeae;
    height: auto;
    position: relative;
    padding: 15px 15px 20px 15px;
    width: 100%; }
    .mygrade-content .mygrade-outter-box .mygrade-inner-box {
      border: 1px solid #aeaeae;
      font-size: 15px;
      height: auto;
      padding: 25px 0 0 0;
      text-align: center;
      width: 100%; }
      .mygrade-content .mygrade-outter-box .mygrade-inner-box li {
        margin-bottom: 10px; }
      .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table-outter-box {
        padding: 0 10px 0 10px; }
      .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table {
        border-top: 1px solid #868686;
        border-bottom: 1px solid #aeaeae;
        height: auto;
        margin: 25px 0;
        width: 100%; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .left-td {
          background-color: #eaeaea;
          border-right: 1px solid #aeaeae;
          border-bottom: 1px solid #aeaeae;
          color: #777;
          height: 30px;
          text-align: center;
          width: 50%; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .right-td {
          background-color: #eaeaea;
          border-bottom: 1px solid #aeaeae;
          color: #777;
          height: 30px;
          text-align: center;
          width: 50%; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .big-text {
          color: #333;
          font-size: 15px; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .small-text {
          color: #555;
          font-size: 12px; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .second-left-td {
          border-right: 1px solid #aeaeae;
          height: 65px;
          width: 50%; }
        .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-table .second-right-td {
          height: 65px;
          width: 50%; }
      .mygrade-content .mygrade-outter-box .mygrade-inner-box .show-order-list-button {
        font-size: 14px;
        margin: 25px auto 25px auto;
        border: 1px solid #aeaeae;
        color: #333;
        cursor: pointer;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 140px; }
      .mygrade-content .mygrade-outter-box .mygrade-inner-box .mygrade-bottom-box {
        background-color: #f5f5f5;
        color: #555;
        font-size: 14px;
        height: 80px;
        line-height: 20px;
        padding: 20px 0 20px 0;
        text-align: center;
        width: 100%; }
  .mygrade-content .grade-benefit-box {
    background-color: #dfdfdf;
    color: #777;
    font-size: 12px;
    height: auto;
    line-height: 16px;
    padding: 15px;
    width: 100%; }
    .mygrade-content .grade-benefit-box .title {
      color: #333;
      font-weight: bold;
      font-size: 15px; }

.account-grade-wrap {
  background-color: #f5f5f5;
  padding: 0 10px; }
  .account-grade-wrap * {
    font-family: 'DINNextLTPro', 'Noto Sans KR', sans-serif; }
  .account-grade-wrap .content {
    padding-top: 10px; }
    .account-grade-wrap .content .title {
      font-size: 15px; }
  .account-grade-wrap .criterion .tg {
    border-collapse: collapse;
    border-spacing: 0; }
  .account-grade-wrap .criterion .tg td {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 30px 0px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #e5e5e5;
    line-height: 22px; }
  .account-grade-wrap .criterion .tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #e5e5e5;
    background-color: #fafafa; }
  .account-grade-wrap .criterion .tg .tg-s6z2 {
    text-align: center; }
  .account-grade-wrap .criterion .tg .tg-uys7 {
    text-align: center; }
  .account-grade-wrap .criterion .row1 {
    width: 80px; }
  .account-grade-wrap .criterion .row2 {
    width: 370px; }
  .account-grade-wrap .criterion .row3 {
    width: 240px; }
  .account-grade-wrap .criterion .col {
    height: 80px; }
  .account-grade-wrap .criterion .tg .black {
    color: #ffffff;
    background: linear-gradient(127deg, #1f1f1f, #858585); }
  .account-grade-wrap .criterion .tg .red {
    color: #ffffff;
    background-color: #aa0000; }
  .account-grade-wrap .benefit .tg {
    border-collapse: collapse;
    border-spacing: 0; }
  .account-grade-wrap .benefit .tg td {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 0px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #e5e5e5; }
  .account-grade-wrap .benefit .tg th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #e5e5e5;
    background-color: #fafafa; }
  .account-grade-wrap .benefit .tg .tg-s6z2 {
    text-align: center; }
  .account-grade-wrap .benefit .tg .tg-uys7 {
    text-align: center; }
  .account-grade-wrap .benefit .row1 {
    width: 100px; }
  .account-grade-wrap .benefit .row2 {
    width: 240px; }
  .account-grade-wrap .benefit .row3 {
    width: 200px; }
  .account-grade-wrap .benefit .col {
    height: 80px; }
  .account-grade-wrap .benefit .w80 {
    width: 80px; }
  .account-grade-wrap .benefit .tg .black {
    background-color: #353535;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55); }
  .account-grade-wrap .benefit .tg .red {
    background-color: #aa0000;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55); }
  .account-grade-wrap .benefit .check:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    border: solid 3px #353535;
    border-radius: 15px; }
  .account-grade-wrap .desc {
    padding: 20px 10px;
    font-size: 13px;
    line-height: 1.38;
    color: #080808; }

.event-container {
  height: auto;
  position: relative;
  width: 100%; }
  .event-container .event-message-box {
    border: 1px solid #e5e5e5;
    color: #777;
    font-size: 16px;
    position: relative;
    padding: 15px;
    margin: 15px;
    width: auto; }
  .event-container .main-event-banner {
    height: auto;
    margin-bottom: 25px;
    position: relative;
    width: 100%; }
  .event-container ul {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
  .event-container li {
    list-style-type: none; }
  .event-container .event-item {
    height: auto;
    margin-bottom: 25px;
    position: relative;
    width: 100%; }
    .event-container .event-item img {
      display: block;
      height: auto;
      position: relative;
      width: 100%; }
    .event-container .event-item .event-desc {
      background-color: #f2f2f2;
      color: #333;
      height: auto;
      padding: 25px;
      position: relative;
      width: 100%; }
      .event-container .event-item .event-desc p {
        margin: 0 0 15px 0;
        padding: 0; }
      .event-container .event-item .event-desc .button {
        background-color: #444;
        margin-bottom: 0px;
        position: relative;
        border: 1px solid #444;
        color: #fff;
        cursor: pointer;
        height: 55px;
        line-height: 55px;
        text-align: center;
        width: 100%; }

.event-detail-container {
  height: auto;
  position: relative;
  width: 100%; }
  .event-detail-container img {
    height: auto;
    position: relative;
    width: 100%; }
  .event-detail-container .detail-title {
    font-size: 20px;
    height: auto;
    margin: 20px 0 20px 0;
    position: relative;
    text-align: center;
    width: 100%; }
  .event-detail-container .detail-short-desc {
    font-size: 15px;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%; }
  .event-detail-container .event-detail-desc-content {
    height: auto;
    margin: 15px 0;
    position: relative;
    padding: 0 15px 0 15px;
    width: 100%; }
  .event-detail-container .detail-desc-box {
    border: 1px solid #f0f0f0;
    font-size: 15px;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .event-detail-container .submit-button {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 25px;
    color: #fff;
    background-color: #e62e25;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    margin: 15px auto;
    text-align: center;
    width: 170px; }

.today_delivery {
  width: 100%;
  background: #f7f7f7;
  padding: 35px 0; }
  .today_delivery img {
    width: 100%;
    margin-top: 30px; }
  .today_delivery .td-body {
    width: 320px;
    margin: 0 auto;
    color: #080808; }
    .today_delivery .td-body h1 {
      margin: 10px auto;
      text-align: center;
      font-size: 22px; }
    .today_delivery .td-body .sub-title {
      display: block;
      text-align: center;
      font-size: 14px; }
    .today_delivery .td-body .fee-title {
      font-size: 14px;
      display: block;
      font-weight: bold;
      margin-bottom: 15px; }
    .today_delivery .td-body .fee-text {
      display: block;
      font-size: 13px; }
    .today_delivery .td-body button {
      width: 100%;
      height: 50px;
      border: 1px solid #ca0000;
      color: #ca0000;
      border-radius: 0;
      background: #fff;
      font-size: 15px;
      margin-top: 30px;
      cursor: pointer;
      outline: none; }
    .today_delivery .td-body table {
      width: 100%;
      margin: 30px 0; }
      .today_delivery .td-body table th {
        width: 50%;
        font-size: 15px; }
      .today_delivery .td-body table td {
        font-size: 13px; }
      .today_delivery .td-body table td, .today_delivery .td-body table th {
        height: 50px;
        text-align: center;
        font-weight: bold;
        background: #fff;
        border: 1px solid #e8e8e8; }
      .today_delivery .td-body table .red {
        color: #ca0000; }

.q-todaydelivery {
  color: #ca0000;
  float: right;
  font-size: 15px; }

.search-new {
  width: 100%;
  text-align: center;
  padding: 45px 10%; }
  .search-new .x-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px; }
  .search-new .search-title {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.86;
    letter-spacing: normal;
    text-align: center;
    color: #080808; }
  .search-new .keyword {
    margin: auto;
    width: 300px; }
    .search-new .keyword a {
      text-decoration: underline;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.86;
      letter-spacing: normal;
      text-align: center;
      color: #080808;
      margin: 0 9px; }
  .search-new .searchbox {
    text-align: left;
    margin-top: 25px; }
    .search-new .searchbox form {
      width: 100%; }
    .search-new .searchbox input {
      width: 73%;
      height: 40px;
      border: solid 1px #080808;
      background-color: #ffffff;
      font-size: 16px;
      line-height: 40px;
      text-indent: 4px;
      padding: 5px; }
    .search-new .searchbox input::placeholder {
      font-size: 12px;
      text-indent: 4px;
      color: #aeaeae; }
    .search-new .searchbox button {
      width: 75px;
      margin-left: 5px;
      color: #fff;
      background: #080808;
      border: 0;
      font-size: 16px;
      height: 40px;
      top: 0;
      right: 5px;
      padding: 0; }

.search-container {
  height: auto;
  position: relative;
  width: 100%; }
  .search-container .search-result-comment {
    font-size: 14px;
    height: auto;
    margin: 15px 0 15px 0;
    text-align: center;
    width: 100%; }
  .search-container .category-content .category-item-small {
    width: 50%; }
    .search-container .category-content .category-item-small .left {
      width: 98%; }
    .search-container .category-content .category-item-small .right {
      width: 98%;
      float: right; }
  .search-container .category-content .category-item {
    display: inline-block;
    height: auto;
    position: relative;
    vertical-align: top; }
    .search-container .category-content .category-item .img-box {
      height: auto;
      position: relative;
      width: 100%; }
    .search-container .category-content .category-item .event-tag {
      bottom: 8px;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/free_return_2.svg);
      height: auto;
      position: absolute;
      right: 8px;
      width: 40px;
      z-index: 10; }
    .search-container .category-content .category-item .img-wrap {
      width: 100%; }
    .search-container .category-content .category-item img {
      height: 100%;
      width: 100%; }
    .search-container .category-content .category-item .item-title {
      color: #080808;
      font-size: 13px;
      font-weight: 700;
      height: 29px;
      min-height: 20px;
      margin-top: 11px;
      text-align: left;
      width: 85%;
      word-break: keep-all;
      word-wrap: break-word;
      margin-left: 15px; }
    .search-container .category-content .category-item .item-desc {
      color: #6d6d6d;
      font-size: 12px;
      height: 30px;
      line-height: 14px;
      min-height: 12px;
      width: 85%;
      margin-left: 15px;
      margin-top: 10px !important;
      margin-bottom: 2px; }
    .search-container .category-content .category-item .price-table {
      height: auto;
      position: relative;
      width: 100%; }
    .search-container .category-content .category-item .item-price {
      font-size: 13px;
      height: 25px;
      line-height: 25px;
      text-align: center; }
    .search-container .category-content .category-item .item-price-normal {
      color: #6d6d6d;
      font-size: 13px;
      font-weight: 500;
      height: 25px;
      line-height: 35px;
      text-align: left;
      width: 85%;
      margin: 0 auto;
      margin-bottom: 35px;
      margin-left: 15px; }
    .search-container .category-content .category-item .item-price-color-red {
      color: #ed1c24; }
    .search-container .category-content .category-item .item-price-real {
      color: #aeaeae;
      display: block;
      font-size: 11px;
      height: 25px;
      text-align: center;
      text-decoration: line-through; }

.training-center-menu {
  font-size: 13px;
  height: 42px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%; }
  .training-center-menu .menu-item-list {
    height: 42px;
    line-height: 42px;
    position: relative;
    width: 420px; }
  .training-center-menu .menu-item {
    color: #080808;
    fonti-size: 16px;
    float: left;
    height: 43px;
    line-height: 43px;
    margin: 0 12px 0 12px;
    width: auto; }
  .training-center-menu .selected {
    color: #ed1c24; }

.training-content {
  height: auto;
  position: relative;
  width: 100%; }
  .training-content .training-guide-title {
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0 10px;
    text-align: center;
    width: 100%; }
  .training-content .training-guide-text {
    color: #080808;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    margin-bottom: 18px;
    width: 100%; }
  .training-content .training-guide {
    padding: 0 15px 0 15px;
    width: 100%; }
    .training-content .training-guide .training-guide-box {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      height: auto;
      padding: 15px 0 15px 15px;
      margin-bottom: 5px;
      width: 100%; }
      .training-content .training-guide .training-guide-box table {
        font-size: 14px;
        line-height: 17px;
        height: auto;
        width: 100%; }
        .training-content .training-guide .training-guide-box table .td-left {
          height: auto;
          padding-bottom: 5px;
          width: 100px; }
        .training-content .training-guide .training-guide-box table .td-vertical {
          vertical-align: top; }
        .training-content .training-guide .training-guide-box table .td-right {
          padding-bottom: 5px; }
  .training-content .training-office-list {
    height: auto;
    margin-bottom: 20px;
    padding: 0 15px 0 15px;
    width: 100%; }
    .training-content .training-office-list img {
      height: auto;
      width: 100%; }
  .training-content .training-guide-info {
    color: #656565;
    font-size: 13px;
    height: auto;
    margin-bottom: 10px;
    padding: 0 15px 0 15px;
    width: 100%; }
  .training-content .training-center-content {
    height: auto;
    position: relative;
    width: 100%; }
    .training-content .training-center-content .training-center-main-banner {
      height: auto;
      position: relative;
      width: 100%; }
      .training-content .training-center-content .training-center-main-banner img {
        height: auto;
        position: relative;
        width: 100%;
        vertical-align: top; }
      .training-content .training-center-content .training-center-main-banner .btn-box {
        bottom: 130px;
        height: auto;
        left: 0px;
        position: absolute;
        width: 100%; }
      .training-content .training-center-content .training-center-main-banner .btn-submit {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        border: 1px solid #fff;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        left: 0;
        margin: 49px auto -33px;
        position: relative;
        right: 0;
        text-align: center;
        width: 149px;
        z-index: 11; }
    .training-content .training-center-content .training-center-title {
      font-size: 23px;
      font-weight: 800;
      margin: 16px 0 0px;
      text-align: center;
      width: 100%; }
    .training-content .training-center-content .training-center-subtitle {
      color: #777;
      font-size: 14px;
      font-weight: 300;
      line-height: 20px;
      margin-bottom: 18px;
      padding: 8px 15px;
      text-align: center;
      width: 100%; }
    .training-content .training-center-content .training-center-guide {
      position: relative;
      padding: 0 15px 0 15px;
      width: 100%; }
      .training-content .training-center-content .training-center-guide .training-center-guide-box {
        border: 1px solid #dfdfdf;
        font-size: 13px;
        height: auto;
        padding: 15px 15px 15px 15px;
        width: 100%; }
        .training-content .training-center-content .training-center-guide .training-center-guide-box table {
          width: 100%; }
          .training-content .training-center-content .training-center-guide .training-center-guide-box table img {
            width: 95%; }
          .training-content .training-center-content .training-center-guide .training-center-guide-box table .td-1 {
            padding-right: 5px;
            padding-bottom: 15px;
            text-align: right;
            width: 50%; }
          .training-content .training-center-content .training-center-guide .training-center-guide-box table .td-2 {
            padding-left: 5px;
            padding-bottom: 15px;
            text-align: left;
            width: 50%; }
        .training-content .training-center-content .training-center-guide .training-center-guide-box .title {
          font-size: 14px;
          font-weight: 700;
          height: 22px;
          line-height: 22px;
          text-align: center;
          width: 100%; }
        .training-content .training-center-content .training-center-guide .training-center-guide-box .content {
          height: auto;
          font-size: 13px;
          line-height: 18px;
          margin-bottom: 14px;
          text-align: center;
          width: 100%; }
        .training-content .training-center-content .training-center-guide .training-center-guide-box .notice {
          color: #999;
          font-size: 12px;
          font-weight: 300;
          line-height: 16px;
          width: 100%; }
      .training-content .training-center-content .training-center-guide .class-item-list {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%; }
        .training-content .training-center-content .training-center-guide .class-item-list ul {
          height: auto;
          display: inline-block;
          margin: 0;
          padding: 0;
          position: relative;
          width: 100%; }
        .training-content .training-center-content .training-center-guide .class-item-list li {
          float: left;
          height: auto;
          list-style-type: none;
          margin: 0 2% 3px 0;
          width: 49%; }
        .training-content .training-center-content .training-center-guide .class-item-list li:nth-child(2n) {
          margin-right: 0; }
      .training-content .training-center-content .training-center-guide .class-item {
        height: auto;
        position: relative;
        width: 100%; }
        .training-content .training-center-content .training-center-guide .class-item .title {
          color: #fff;
          font-size: 20px;
          font-weight: 500;
          left: 16px;
          top: 16px;
          position: absolute;
          z-index: 1; }
        .training-content .training-center-content .training-center-guide .class-item .day-text {
          bottom: 38px;
          color: #f5f5f5;
          height: 30px;
          font-size: 12px;
          left: 16px;
          position: absolute;
          width: auto;
          z-index: 1; }
        .training-content .training-center-content .training-center-guide .class-item .time-text-1 {
          bottom: 24px;
          color: #e5e5e5;
          height: 24px;
          font-size: 12px;
          left: 16px;
          position: absolute;
          width: 100px;
          z-index: 1; }
        .training-content .training-center-content .training-center-guide .class-item .time-text-2 {
          bottom: 13px;
          color: #e5e5e5;
          height: 20px;
          font-size: 12px;
          left: 16px;
          position: absolute;
          width: 100px;
          z-index: 1; }
        .training-content .training-center-content .training-center-guide .class-item .arrow-btn {
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translate(0, -50%);
          width: 12px;
          z-index: 1; }
        .training-content .training-center-content .training-center-guide .class-item img {
          width: 100%;
          z-index: 0; }
    .training-content .training-center-content .banner-canvas-item {
      height: auto;
      position: relative;
      width: 100%; }
      .training-content .training-center-content .banner-canvas-item img {
        height: auto;
        position: relative;
        width: 100%;
        vertical-align: bottom; }
      .training-content .training-center-content .banner-canvas-item .title {
        color: #fff;
        font-size: 25px;
        position: absolute;
        top: 40%;
        text-align: center;
        width: 100%;
        z-index: 1; }
      .training-content .training-center-content .banner-canvas-item table {
        height: auto;
        margin-top: 40px;
        position: relative;
        width: 100%; }
        .training-content .training-center-content .banner-canvas-item table td {
          width: 50%; }
      .training-content .training-center-content .banner-canvas-item .btn-submit {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        background-color: #ed1c24;
        cursor: pointer;
        color: #fff;
        float: left;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        margin: 0 5px 0 5px;
        position: relative;
        text-align: center;
        width: 76%; }
      .training-content .training-center-content .banner-canvas-item .btn-submit-product {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        background-color: #000;
        cursor: pointer;
        color: #fff;
        float: right;
        font-size: 14px;
        height: 46px;
        line-height: 46px;
        position: relative;
        margin: 0 5px 0 5px;
        text-align: center;
        width: 76%;
        z-index: 11; }
    .training-content .training-center-content .training-detail {
      margin-bottom: 50px;
      position: relative;
      text-align: center;
      width: 100%; }
      .training-content .training-center-content .training-detail img {
        width: 100%; }
      .training-content .training-center-content .training-detail .schedule-box {
        padding: 25px 15px 0 15px;
        width: 100%; }
        .training-content .training-center-content .training-detail .schedule-box .title {
          font-size: 20px;
          font-weight: bold;
          height: 50px;
          line-height: 50px;
          width: 100%; }
    .training-content .training-center-content .training-detail-title {
      font-size: 18px;
      font-weight: 700;
      height: 17px;
      line-height: 17px;
      margin: 13px 0 7px;
      position: relative;
      text-align: center;
      width: 100%; }
    .training-content .training-center-content .training-detail-trainer-record {
      border-top: 1px solid #e5e5e5;
      color: #444;
      font-size: 12px;
      font-weight: 300;
      height: auto;
      line-height: 22px;
      margin: 15px 15px 0 15px;
      padding: 10px 0 10px 0;
      position: relative;
      text-align: center;
      width: auto; }
    .training-content .training-center-content .trainer-profile {
      border-radius: 50%;
      margin: 25px auto 0 auto;
      width: 55%; }
    .training-content .training-center-content .training-course {
      height: auto;
      position: relative;
      padding: 0 15px 15px 15px;
      width: 100%; }
    .training-content .training-center-content .training-course-table {
      border-collapse: collapse;
      height: auto;
      margin: 0 auto;
      text-align: center;
      width: 100%; }
      .training-content .training-center-content .training-course-table .td-right {
        border-top: 1px solid #e5e5e5;
        color: #080808;
        font-size: 14px;
        font-weight: 300;
        height: auto;
        line-height: 22px;
        padding: 10px 0 10px 0;
        width: auto; }
        .training-content .training-center-content .training-course-table .td-right .title {
          font-size: 14px;
          font-weight: 700;
          height: auto;
          line-height: 32px;
          width: 100%; }
        .training-content .training-center-content .training-course-table .td-right .subject {
          font-size: 12px;
          font-weight: 300;
          height: auto;
          line-height: 20px;
          width: 100%; }
        .training-content .training-center-content .training-course-table .td-right .bold {
          font-weight: 500; }
        .training-content .training-center-content .training-course-table .td-right .red-font {
          color: #ed1c24;
          font-size: 14px;
          font-weight: 500; }
  .training-content .iframe-content {
    height: 1500px;
    margin: 0 auto;
    position: relative;
    width: 100%; }

.training-review-title {
  font-size: 18px;
  font-weight: 700;
  height: 18px;
  line-height: 25px;
  margin: 0 0 15px 0;
  position: relative;
  text-align: center;
  width: 100%; }

.training-review-item-container {
  height: auto;
  width: 100%; }
  .training-review-item-container .training-review-img {
    position: relative;
    width: 100%; }
  .training-review-item-container .training-review-desc {
    color: #777;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    padding: 15px 15px 0;
    text-align: left;
    height: auto;
    width: 100%; }

.corefit-content {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .corefit-content .corefit-detail {
    color: #333;
    height: auto;
    text-align: center;
    padding: 20px 15px 0 15px;
    position: relative;
    width: 100%; }
    .corefit-content .corefit-detail .main-title {
      color: #000;
      font-size: 23px;
      font-weight: 800;
      line-height: 28px;
      margin-bottom: 5px;
      position: relative; }
    .corefit-content .corefit-detail .main-description {
      color: #777;
      font-size: 14px;
      font-weight: 300;
      line-height: 20px;
      margin-bottom: 20px;
      position: relative; }
    .corefit-content .corefit-detail .main-box {
      border: 1px solid #e3e3e3;
      height: auto;
      margin-bottom: 20px;
      padding: 15px;
      position: relative;
      text-align: center;
      width: 100%; }
      .corefit-content .corefit-detail .main-box .main-box-title {
        color: #080808;
        font-size: 14px;
        font-weight: 700;
        height: 22px;
        line-height: 22px;
        text-align: center;
        width: 100%; }
      .corefit-content .corefit-detail .main-box .main-box-content {
        color: #080808;
        height: auto;
        font-size: 13px;
        margin-bottom: 14px;
        text-align: center;
        width: 100%; }
      .corefit-content .corefit-detail .main-box .select-lesson {
        cursor: pointer;
        position: relative;
        width: 100%; }
        .corefit-content .corefit-detail .main-box .select-lesson img {
          width: 100%;
          z-index: 0; }
        .corefit-content .corefit-detail .main-box .select-lesson .arrow-btn {
          right: 15px;
          top: 45px;
          position: absolute;
          width: 11px;
          z-index: 1; }
      .corefit-content .corefit-detail .main-box .main-box-desc {
        color: #999;
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        margin: 10px 0 20px 0;
        text-align: left;
        width: 100%; }
      .corefit-content .corefit-detail .main-box .main-box-button {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background-color: #000;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        margin: 0 auto;
        text-align: center;
        width: 166px; }
  .corefit-content .select-lesson-list {
    height: auto;
    margin-top: 10px;
    position: relative;
    width: 100%; }
    .corefit-content .select-lesson-list ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .corefit-content .select-lesson-list li {
      float: left;
      height: auto;
      list-style-type: none;
      margin: 0 2% 3px 0;
      width: 49%; }
    .corefit-content .select-lesson-list li:nth-child(2n) {
      margin-right: 0; }
  .corefit-content .class-item {
    height: auto;
    position: relative;
    width: 100%; }
    .corefit-content .class-item .title {
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      left: 16px;
      top: 16px;
      position: absolute;
      z-index: 1; }
    .corefit-content .class-item .day-text {
      bottom: 18px;
      color: #f5f5f5;
      height: 38px;
      font-size: 12px;
      left: 16px;
      position: absolute;
      width: auto;
      z-index: 1; }
    .corefit-content .class-item .time-text-1 {
      bottom: 10px;
      color: #e5e5e5;
      height: 27px;
      font-size: 12px;
      left: 16px;
      position: absolute;
      text-align: left;
      width: 100px;
      z-index: 1; }
    .corefit-content .class-item .arrow-btn {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translate(0, -50%);
      width: 12px;
      z-index: 1; }
    .corefit-content .class-item img {
      width: 100%;
      z-index: 0; }
  .corefit-content .lesson-detail-img {
    height: auto;
    margin-bottom: 10px;
    position: relative;
    width: 100%; }
    .corefit-content .lesson-detail-img img {
      width: 100%;
      z-index: 0; }
    .corefit-content .lesson-detail-img .lesson-button {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      background-color: #e1464e;
      color: #fff;
      font-size: 14px;
      height: 45px;
      line-height: 45px;
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      text-align: center;
      width: 166px;
      z-index: 1; }
    .corefit-content .lesson-detail-img .lesson-button-position-1 {
      bottom: 30px;
      left: 0;
      right: 0; }
    .corefit-content .lesson-detail-img .lesson-button-position-2 {
      bottom: 30px;
      left: 0;
      right: 0; }
    .corefit-content .lesson-detail-img .lesson-button-position-3 {
      bottom: 30px;
      left: 0;
      right: 0; }
    .corefit-content .lesson-detail-img .lesson-button-position-4 {
      bottom: 35px;
      left: 0;
      right: 0; }
    .corefit-content .lesson-detail-img .lesson-button-position-5 {
      bottom: 35px;
      left: 0;
      right: 0; }
    .corefit-content .lesson-detail-img .movie-button {
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      border: 1px solid #000;
      background-color: #fbfbfb;
      bottom: 90px;
      color: #000;
      font-size: 14px;
      height: 45px;
      line-height: 45px;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      right: 0;
      position: absolute;
      text-align: center;
      width: 166px;
      z-index: 1; }

.store-content {
  color: #333;
  height: auto;
  font-size: 14px;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .store-content .title-img {
    height: auto;
    position: relative;
    width: 100%; }
  .store-content .store-filter-line {
    margin: 0;
    text-align: center;
    width: 100%; }
    .store-content .store-filter-line .store-filter {
      background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
      background-repeat: no-repeat;
      background-position: 90% 50%;
      background-size: 20px auto;
      border-top: 0px;
      border-right: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
      border-left: 0;
      border-radius: 0;
      background-color: #fff;
      color: #777;
      display: inline-block;
      font-size: 18px;
      height: 60px;
      padding-left: 20px;
      width: 50%; }
    .store-content .store-filter-line .store-filter-right {
      border-right: 0; }
  .store-content .shop-address-info-box {
    border-bottom: 1px solid #e5e5e5;
    height: 150px;
    padding: 20px;
    position: relative;
    width: 100%; }
    .store-content .shop-address-info-box .title-div {
      display: block;
      height: 32px;
      position: relative;
      width: 100%; }
      .store-content .shop-address-info-box .title-div .title {
        float: left;
        font-size: 24px;
        height: 32px;
        line-height: 32px;
        width: auto; }
      .store-content .shop-address-info-box .title-div .shop-type {
        float: left;
        height: 32px;
        line-height: 18px;
        padding: 14px 10px 0;
        width: auto; }
    .store-content .shop-address-info-box .detail-info {
      color: #333;
      float: left;
      font-size: 13px;
      width: 80%; }
    .store-content .shop-address-info-box .map-icon {
      float: right;
      margin: 12px 0;
      width: 30px; }
    .store-content .shop-address-info-box .time-info {
      color: #333;
      display: block;
      font-size: 16px;
      height: 50px;
      line-height: 50px;
      width: 100%; }
    .store-content .shop-address-info-box .phone {
      color: #080808;
      float: left;
      height: 30px;
      width: 100%; }
  .store-content .map-viewer {
    border: 1px solid #000000;
    height: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 980px;
    z-index: 100; }
  .store-content .close-button {
    border: 1px solid #000000;
    background-color: #ffffff;
    color: #777777;
    cursor: pointer;
    font-size: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    width: 40px;
    z-index: 101; }
  .store-content .disable-map-viewer {
    display: none; }

.event-coupon-content {
  height: auto;
  position: relative;
  width: 100%; }
  .event-coupon-content .event-main-banner {
    height: 1100px;
    position: relative;
    text-align: center;
    width: 100%; }
    .event-coupon-content .event-main-banner img {
      height: auto;
      width: 100%; }
    .event-coupon-content .event-main-banner .btn-submit {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #000;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      height: 50px;
      line-height: 50px;
      margin: 10px auto;
      position: relative;
      text-align: center;
      width: 160px;
      z-index: 11; }
    .event-coupon-content .event-main-banner .btn-signup {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #ed1c24;
      background-color: #ed1c24;
      cursor: pointer;
      color: #fff;
      font-size: 16px;
      font-weight: 300;
      height: 50px;
      line-height: 50px;
      margin: 30px auto;
      position: relative;
      text-align: center;
      width: 160px;
      z-index: 11; }

.custom-page-section {
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

.modularbag-content {
  height: auto;
  position: relative;
  width: 100%; }
  .modularbag-content .menu-selected {
    color: #ed1c24; }
  .modularbag-content .modularbag-menu {
    border-top: 1px solid #e5e5e5;
    height: 50px;
    line-height: 50px;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%; }
    .modularbag-content .modularbag-menu .menu-item-list {
      height: 50px;
      line-height: 50px;
      position: relative;
      padding-left: 10px;
      width: auto;
      white-space: nowrap; }
    .modularbag-content .modularbag-menu .menu-item {
      height: 50px;
      font-size: 15px;
      font-weight: 500;
      line-height: 50px;
      list-style-type: none;
      text-align: center;
      padding: 0 15px 0 15px;
      width: auto; }
    .modularbag-content .modularbag-menu .link {
      color: #000; }

.modularbag-product-item {
  height: auto;
  position: relative;
  width: 100%; }
  .modularbag-product-item img {
    height: auto;
    position: relative;
    width: 100%; }
  .modularbag-product-item .desc-box {
    height: auto;
    position: relative;
    padding: 15px;
    margin-bottom: 30px;
    width: 100%; }
    .modularbag-product-item .desc-box table {
      height: auto;
      position: relative;
      width: 100%; }
    .modularbag-product-item .desc-box .td-left {
      height: auto;
      width: 70%;
      vertical-align: top; }
      .modularbag-product-item .desc-box .td-left .product-name {
        font-size: 20px;
        font-weight: 700;
        height: auto;
        line-height: 25px;
        margin-bottom: 5px;
        position: relative;
        text-align: left;
        width: 100%; }
      .modularbag-product-item .desc-box .td-left .product-spec {
        color: #777;
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        width: 100%; }
    .modularbag-product-item .desc-box .td-right {
      height: auto;
      width: 30%;
      vertical-align: top; }
      .modularbag-product-item .desc-box .td-right .btn-shop {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #000;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        float: right;
        height: 60px;
        line-height: 60px;
        text-align: center;
        width: 80px; }
    .modularbag-product-item .desc-box .product-desc {
      color: #777;
      font-size: 14px;
      height: auto;
      line-height: 20px;
      margin-top: 20px;
      width: 100%; }

.modularbag-video {
  height: auto;
  position: relative;
  width: 100%; }
  .modularbag-video .movie-box {
    height: auto;
    position: relative;
    width: 100%; }
    .modularbag-video .movie-box .title {
      font-size: 20px;
      font-weight: 700;
      height: auto;
      line-height: 30px;
      margin: 30px 0 15px 0;
      text-align: center;
      width: 100%; }
    .modularbag-video .movie-box .desc {
      font-size: 14px;
      height: auto;
      line-height: 20px;
      margin-bottom: 100px;
      text-align: center;
      width: 100%; }

.modularbag-lookbook-item {
  height: auto;
  position: relative;
  width: 100%; }
  .modularbag-lookbook-item img {
    height: auto;
    width: 100%; }

.modularbag-designer {
  height: auto;
  position: relative;
  width: 100%; }
  .modularbag-designer img {
    height: auto;
    width: 100%; }
  .modularbag-designer .text-box {
    height: auto;
    padding: 15px 15px 15px 15px;
    position: relative;
    width: 100%; }
    .modularbag-designer .text-box .name {
      color: #777;
      font-size: 13px;
      height: 15px;
      line-height: 15px;
      position: relative;
      width: 100%; }
    .modularbag-designer .text-box .title {
      font-size: 26px;
      font-weight: 700;
      height: auto;
      line-height: 40px;
      position: relative;
      width: 100%; }
    .modularbag-designer .text-box .desc {
      font-size: 14px;
      font-weight: 400;
      height: auto;
      line-height: 22px;
      margin: 10px 0 20px 0;
      position: relative;
      width: 100%; }
  .modularbag-designer .qna-box {
    height: auto;
    padding: 15px 15px 15px 15px;
    position: relative;
    width: 100%; }
    .modularbag-designer .qna-box .question {
      border-top: 2px solid #000;
      font-size: 18px;
      font-weight: 700;
      height: auto;
      line-height: 28px;
      padding: 10px 0 0;
      position: relative;
      width: 100%; }
    .modularbag-designer .qna-box .answer {
      color: #777;
      font-size: 14px;
      height: auto;
      line-height: 22px;
      padding: 10px 0 30px 0;
      position: relative;
      width: 100%; }

.integratepopup {
  height: auto;
  margin: 0 auto;
  padding: 15px;
  position: relative;
  width: 100%; }
  .integratepopup .title {
    color: #080808;
    font-size: 14px;
    font-weight: bold;
    height: 100px;
    margin: 55px 0 0;
    position: relative;
    text-align: center;
    width: 100%; }
  .integratepopup .checkbtn {
    content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/check_gray.svg);
    cursor: pointer;
    float: right;
    height: 25px;
    width: 25px; }
  .integratepopup .checkbtn_checked {
    content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/check_red.svg);
    cursor: pointer;
    float: right;
    height: 25px;
    width: 25px; }
  .integratepopup .rect-1 {
    border: solid 1px #e5e5e5;
    border-bottom: 0;
    height: 62px;
    padding: 20px;
    position: relative;
    width: 100%; }
    .integratepopup .rect-1 .text {
      color: #333;
      float: left;
      font-size: 12px;
      font-weight: 300;
      height: 24px;
      line-height: 1;
      width: 80%; }
  .integratepopup .rect-2 {
    border: solid 1px #e5e5e5;
    border-bottom: 0;
    height: 170px;
    padding: 20px;
    position: relative;
    width: 100%; }
    .integratepopup .rect-2 .text {
      color: #333;
      float: left;
      font-size: 12px;
      font-weight: 300;
      height: 24px;
      line-height: 24px;
      width: 80%; }
    .integratepopup .rect-2 .content {
      background-color: #f2f2f2;
      border: solid 1px #e5e5e5;
      color: #333;
      font-size: 12px;
      height: 90px;
      overflow-y: auto;
      padding: 15px;
      margin-top: 40px;
      width: 100%; }
  .integratepopup .rect-bottom {
    border-bottom: solid 1px #e5e5e5; }
  .integratepopup .button-1 {
    background-color: #d6000a;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    text-align: center;
    width: 100%; }
  .integratepopup .button-2 {
    background-color: #888;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    margin: 10px 0 60px 0;
    text-align: center;
    width: 100%; }

.spyder-video-view {
  position: relative;
  height: 100vh;
  width: 100%;
  background-color: #000; }
  .spyder-video-view .video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.sac-body hr.lh1px {
  height: 1px;
  background: #000;
  border: 0; }

.SacProgram .main-img {
  width: 100%; }

.SacProgram .hr-line {
  width: 100%;
  text-align: center; }
  .SacProgram .hr-line hr {
    height: 1px;
    background-color: #b5b5b5;
    margin: 50px 10%;
    border: 0; }

.SacProgram .centerBox {
  width: 100%;
  text-align: center;
  margin: 75px 0; }
  .SacProgram .centerBox img {
    width: 80%; }
  .SacProgram .centerBox p {
    font-size: 13px; }
  .SacProgram .centerBox .down {
    width: 223px;
    height: 55px;
    border: 0;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold; }

.SacProgram .tab-box {
  width: 100%;
  border: 1px solid #000; }
  .SacProgram .tab-box .btn {
    height: 42px;
    line-height: 42px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-size: 18px;
    font-family: FFDINWebProBold;
    width: 33.3%;
    text-align: center; }
  .SacProgram .tab-box .btn:nth-child(2) {
    border-left: 2px solid #000;
    border-right: 2px solid #000; }
  .SacProgram .tab-box .white {
    background: #fff;
    color: #000; }
  .SacProgram .tab-box .black {
    background: #000;
    color: #fff; }

.SacProgram .greyBox {
  background: #eee;
  padding: 50px 22px; }
  .SacProgram .greyBox .message {
    font-size: 12px;
    margin-top: 20px;
    display: block;
    text-align: center; }
  .SacProgram .greyBox .tleft {
    text-align: left;
    font-size: 14px; }
  .SacProgram .greyBox .grey-img {
    width: 100%;
    margin-bottom: 10px; }
  .SacProgram .greyBox p {
    margin: 25px 0;
    font-size: 15px;
    text-align: center; }
  .SacProgram .greyBox .centerBox {
    margin: 0; }
  .SacProgram .greyBox .down {
    width: 223px;
    height: 55px;
    border: 0;
    background: #e70000;
    color: #fff;
    font-size: 16px;
    font-weight: 700; }
  .SacProgram .greyBox .down:last-child {
    margin-top: 10px; }

.SacProgram .shopLine {
  position: relative;
  width: 100%;
  height: 350px;
  text-align: center;
  font-size: 13px; }
  .SacProgram .shopLine .card {
    width: 50%;
    display: inline-block; }
    .SacProgram .shopLine .card img {
      width: 100%; }
    .SacProgram .shopLine .card span {
      display: block;
      text-align: center; }
    .SacProgram .shopLine .card .name {
      font-size: 14px;
      font-weight: bold; }
    .SacProgram .shopLine .card .price {
      font-size: 13px; }
  .SacProgram .shopLine .name {
    font-weight: bold;
    margin: 10px 0; }
  .SacProgram .shopLine .left {
    position: absolute;
    width: 49%;
    left: 0;
    top: 0; }
    .SacProgram .shopLine .left img {
      width: 100%; }
    .SacProgram .shopLine .left span {
      display: block; }
  .SacProgram .shopLine .right {
    width: 49%;
    position: absolute;
    right: 0;
    top: 0; }
    .SacProgram .shopLine .right img {
      width: 100%; }
    .SacProgram .shopLine .right span {
      display: block; }

.sac-main-body {
  background: #000000; }
  .sac-main-body .sac-video-cont {
    width: 100%; }
  .sac-main-body .sac-main-link {
    padding: 75px 25px 0;
    text-align: center; }
    .sac-main-body .sac-main-link .sac-main-img {
      width: 90%;margin-bottom:75px }
      
  .sac-link-img-flex {
    text-align: center; }
    .sac-link-img-flex .btn-img {
      position: relative;
      cursor: pointer; }
      .sac-link-img-flex .btn-img span {
        font-family: NotoSansCJKkr;
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        position: absolute;
        z-index: 999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 200px; }
      .sac-link-img-flex .btn-img .back {
        width: 100%; }
  .sac-main-body .sac-detail-link {
    padding-top: 75px; }
    .sac-main-body .sac-detail-link .detail-img {
      padding-bottom: 75px; }
      .sac-main-body .sac-detail-link .detail-img img {
        width: 100%; }
      .sac-main-body .sac-detail-link .detail-img .video-cont {
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-top: -11%; }
      .sac-main-body .sac-detail-link .detail-img .detail-box {
        width: 90%;
        margin: 0 auto;
        padding-top: 30px; }
        .sac-main-body .sac-detail-link .detail-img .detail-box p {
          margin: 0; }
        .sac-main-body .sac-detail-link .detail-img .detail-box .title {
          font-family: NotoSansCJKkr;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff; }
          .sac-main-body .sac-detail-link .detail-img .detail-box .title p {
            color:#fff;
            margin: 0;
            height: 27px;
            line-height: 1; }
        .sac-main-body .sac-detail-link .detail-img .detail-box .desc {
          margin-top: 10px;
          margin-bottom: 25px;
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff; }
          .sac-main-body .sac-detail-link .detail-img .detail-box .desc p {
            color:#fff;
            margin: 0;
            height: 19px;
            line-height: 1; }
        .sac-main-body .sac-detail-link .detail-img .detail-box button {
          width: 185px;
          height: 50px;
          background-color: #ffffff;
          border-style: none;
          font-family: NotoSansCJKkr;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000; }
  .sac-main-body .sac-members-title {
    width: 90%;
    margin: 0 auto; }
    .sac-main-body .sac-members-title hr {
        position: relative;
        top: 0;
        left: 0;
      background: #ffffff;
      border: 0;
      height: 2px; }
    .sac-main-body .sac-members-title .title {
        position: relative;
      width: 200px;
      background: #000000;
      padding: 0 25px;
      margin: auto;
      margin-top: -23px;
      padding-bottom: 35px; }
      .sac-main-body .sac-members-title .title img {
        width: 100%; }
  .sac-main-body .sac-members {
    width: 90%;
    margin: 37px auto 0;
    padding-bottom: 75px;
    touch-action: pan-x; }
    .sac-main-body .sac-members .member-card {
      width: 90%;
      margin: 0 auto; }
      .sac-main-body .sac-members .member-card img {
        width: 90%;
        display: block;
        margin: 0 auto; }
      .sac-main-body .sac-members .member-card span {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #ffffff; }
      .sac-main-body .sac-members .member-card .number {
        margin-top: 15px;
        font-family: NotoSansCJKkr;
        font-size: 19px;
        font-weight: bold;
        font-stretch: condensed;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal; }
      .sac-main-body .sac-members .member-card .name {
        margin-top: 10px;
        font-family: NotoSansCJKkr;
        font-size: 14px;
        font-weight: bold;
        font-stretch: condensed; }
    .sac-main-body .sac-members .owl-next img {
      position: absolute;
      right: 0;
      top: 38%;
      width: 25px;
      height: 25px; }
    .sac-main-body .sac-members .owl-prev img {
      position: absolute;
      left: 0;
      top: 38%;
      width: 25px;
      height: 25px; }
  .sac-main-body .sac-button-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 86px; }
    .sac-main-body .sac-button-box button {
      width: 325px;
      height: 60px;
      font-family: NotoSansCJKkr;
      font-size: 15px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      border-style: none;
      margin-bottom: 15px; }
      .sac-main-body .sac-button-box button:nth-child(1) {
        background: #e70000; }
      .sac-main-body .sac-button-box button:nth-child(2) {
        background: #a4a4a4; }
      .sac-main-body .sac-button-box button:nth-child(3) {
        background: #a4a4a4; }        

.sac-body {
  text-align: center; }
  .sac-body .title-img-2020 {
    margin-bottom: 78px;
    width: 90%; }
  .sac-body .carousel-img {
    width: 100%; }
  .sac-body .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page span {
    background: #fff; }
  .sac-body .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page.active span,
  .sac-body .spyder-carousel.indicator-wide-bottom_75
.owl-controls.clickable
.owl-page:hover
span {
    background: #e70000; }
  .sac-body .contents-body {
    padding: 75px 25px; }
  .sac-body .sac-title {
    font-size: 30px;
    text-align: center;
    font-family: DINNextLTProRegular; }
    .sac-body .sac-title b {
      color: #e70000; }
  .sac-body .sac-process-img {
    margin-bottom: 20px; }
  .sac-body .sac-subtitle {
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 70px; }
  .sac-body .sac-sign-black {
    background: #000;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    width: 160px;
    height: 50px;
    border: 0;
    margin-top: 25px;
    margin-bottom: 35px; }
  .sac-body .sac-sign-red {
    margin: 0 auto; }
    .sac-body .sac-sign-red button {
      background: #e70000;
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      width: 80%;
      height: 60px;
      border: 0;
      margin-top: 25px;
      margin-bottom: 35px; }
  .sac-body .flex {
    text-align: center;
    display: block; }
    .sac-body .flex .btn-img {
      width: 32%;
      position: relative;
      display: inline-block;
      cursor: pointer; }
      .sac-body .flex .btn-img span {
        font-family: NotoSansCJKkr;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        position: absolute;
        z-index: 999;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 200px; }
      .sac-body .flex .btn-img .back {
        width: 100%;
        height: 100%; }
      .sac-body .flex .btn-img .arrow {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 25px;
        height: 25px;
        z-index: 999; }
  .sac-body hr {
    background: #000;
    height: 2px; }
  .sac-body .SAC-PROCESS {
    background: #fff;
    width: 200px;
    margin: auto;
    margin-top: -25px;
    font-size: 24px;
    margin-bottom: 35px;
    padding: 0 25px; }
  .sac-body .sac-process-img {
    width: 100%; }
  .sac-body .sac-info-table td {
    font-size: 14px;
    padding-bottom: 14px; }
    .sac-body .sac-info-table td .sub {
      font-size: 12px;
      display: block;
      color: #9d9d9d; }
  .sac-body .sac-info-table td:first-child {
    width: 130px; }
  .sac-body .sac-info-table td:first-child .letter-2 {
    height: 26px;
    background: #000;
    color: #fff;
    width: 45px;
    text-align: center;
    line-height: 26px; }
  .sac-body .sac-info-table td:first-child .letter-3 {
    height: 26px;
    background: #000;
    color: #fff;
    width: 55px;
    text-align: left;
    text-indent: 9px;
    line-height: 26px; }
  .sac-body .sac-info-table td:first-child .letter-5 {
    height: 26px;
    background: #000;
    color: #fff;
    width: 75px;
    text-align: center;
    line-height: 26px; }
  .sac-body .sac-info-table td:first-child .letter-6 {
    height: 26px;
    background: #000;
    color: #fff;
    width: 90px;
    text-align: center;
    line-height: 26px; }
  .sac-body .sac-info-table td:first-child .letter-7 {
    height: 26px;
    background: #000;
    color: #fff;
    width: 110px;
    text-align: center;
    line-height: 26px; }
    .sac-body .sac-info-table td:first-child .letter-8 {
      height: 26px;
      background: #000;
      color: #fff;
      width: 130px;
      text-align: center;
      line-height: 26px; }    

    .sac-body .sac-info-table td .sectest_center .rating_table th,
    .sac-body .sac-info-table td .sectest_center .rating_table td {
      height: 35px;
      border: solid 1px #000000;
      font-size: 14px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: center;
      color: #000000; }
      .sac-body .sac-info-table td .sectest_center .rating_table th {
      padding: 5px 0;
      background: #000;
      color: #fff; }
      .sac-body .sac-info-table td .sectest_center .rating_table td {
      line-height: 2.14;
      font-weight: normal;
      padding: 10px 0;
      border-left: 0;
      border-right: 0; }
  .sac-body .sac-info-table td .sectest_center{text-align:center}
  .sac-body .sac-info-table td .sectest_center .rating_table{margin:0;margin-bottom:0}
  .sac-body .sac-info-table td .sectest_center .rating_table:last-of-type{margin:0 0 80px}
  .sac-body .sac-info-table td .sectest_center .rating_table .bg{background:#E5E5E5}
  .sac-body .sac-info-table td .sectest_center .rating_table thead th{font-size:13px;font-weight:400;height:40px;line-height:40px;letter-spacing:-0.05em}
  .sac-body .sac-info-table td .sectest_center .rating_table tbody th,
  .sac-body .sac-info-table td .sectest_center .rating_table tbody td{height:40px;color:#000;font-size:12px;font-weight:400;line-height:18px;background:none;border-bottom:1px solid #000;border-left:0;letter-spacing:-0.05em}
  .sac-body .sac-info-table td .sectest_center .rating_table tbody tr:first-of-type th,
  .sac-body .sac-info-table td .sectest_center .rating_table tbody tr:first-of-type td{height:80px;border-bottom:2px solid #000;border-top:0}

  .sac-body .sac-info-table td:last-child {
    text-align: left;
    padding-top: 5px;
    padding-left: 15px; }
    .sac-body .sac-info-table td:last-child span {
      font-size: 12px; }
    .sac-body .sac-info-table td:last-child .red {
      font-size: 14px;
      color: #e70000; }
    .sac-body .sac-info-table td:last-child .px10 {
      margin-top: 10px; }
  .sac-body .sac-info-table .td-top {
    vertical-align: top; }
  .sac-body .sac-black-bg {
    background: #000;
    height: 280px;
    color: #fff;
    position: relative; }
    .sac-body .sac-black-bg .card {
      position: absolute;
      margin: 0 50px;
      bottom: 30px; }
      .sac-body .sac-black-bg .card img {
        width: 100%;
        display: block; }
      .sac-body .sac-black-bg .card span {
        display: block; }
  .sac-body .s-img {
    width: 100%;
    margin-bottom: 40px; }
  .sac-body .swiper-slide {
    width: 280px; }
  .sac-body .member-card {
    width: 100%; }
    .sac-body .member-card img {
      width: 70%; }
    .sac-body .member-card span {
      display: block;
      text-align: center;
      font-size: 14px; }
    .sac-body .member-card .number {
      font-weight: bold;
      margin-top: 15px; }
  .sac-body .member-body {
    padding: 0 25px; }
  .sac-body .bene-body {
    background: #000;
    color: #fff;
    padding: 50px 25px;
    margin-bottom: 47px; }
    .sac-body .bene-body img {
      width: 100%; }
    .sac-body .bene-body hr {
      background: #fff; }
    .sac-body .bene-body .SAC-PROCESS {
      background: #000; }
  .sac-body .btn-box {
    padding: 50px 25px; }
    .sac-body .btn-box button {
      width: 325px;
      height: 60px;
      color: #fff;
      border: 0;
      font-size: 15px;
      font-weight: bold;
      margin-bottom: 15px;
      font-family: NotoSansCJKkr; }
    .sac-body .btn-box .red {
      background: #e70000; }
    .sac-body .btn-box .black {
      background: #000; }
  .sac-body .member-body {
    touch-action: pan-x; }
    .sac-body .member-body .owl-next img {
      position: absolute;
      right: 0;
      top: 38%;
      width: 25px;
      height: 25px; }
    .sac-body .member-body .owl-prev img {
      position: absolute;
      left: 0;
      top: 38%;
      width: 25px;
      height: 25px; }

.mdpick-sac {
  width: 100%;
  padding: 55px 0; }
  .mdpick-sac .body .title-img {
    width: 80%;
    margin: auto;
    display: block;
    margin-bottom: 32px; }
  .mdpick-sac .body .banner-img {
    width: 100%; }
  .mdpick-sac .body .title-box {
    width: 90%;
    text-align: center;
    background: #fff;
    margin: auto;
    position: relative;
    height: 180px; }
    .mdpick-sac .body .title-box h1 {
      font-family: DINNextLTProBold;
      font-size: 25px;
      margin-top: 30px;
      margin-bottom: 17px; }
    .mdpick-sac .body .title-box .up {
      background: #fff;
      position: absolute;
      top: -50px;
      width: 100%;
      left: 0; }
    .mdpick-sac .body .title-box p {
      font-size: 14px;
      color: #777;
      text-align: center; }
  .mdpick-sac .body .img-left {
    text-align: left;
    margin-bottom: 40px; }
    .mdpick-sac .body .img-left img {
      width: 80%; }
  .mdpick-sac .body .img-right {
    text-align: right;
    margin-bottom: 40px; }
    .mdpick-sac .body .img-right img {
      width: 80%; }
  .mdpick-sac .body .hr-box {
    padding: 0 10%;
    margin-top: 90px;
    margin-bottom: 100px; }
    .mdpick-sac .body .hr-box hr {
      background: #777;
      height: 2px;
      border: 0; }
  .mdpick-sac .album {
    width: 100%;
    display: flex; }
    .mdpick-sac .album .left {
      width: 49%;
      margin-right: 2%; }
      .mdpick-sac .album .left img {
        width: 100%; }
    .mdpick-sac .album .right {
      width: 49%; }
      .mdpick-sac .album .right img {
        width: 100%; }
  .mdpick-sac .vane {
    margin-top: 0;
    position: relative; }
    .mdpick-sac .vane .vane-4 {
      position: absolute;
      right: 0;
      bottom: 0; }

.testResult {
  width: 100%;
  margin: auto; }
  .testResult .top-img {
    width: 100%; }
  .testResult .sac_profile {
    width: 45px !important;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px; }
  .testResult .btn_picture {
    width: 137px;
    height: 55px;
    border: 0;
    background: #000;
    color: #fff;
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px; }
  .testResult .contents {
    padding: 0 20px;
    margin: 0 auto; }
    .testResult .contents .center {
      text-align: center; }

    /* testResult */
    .testResult .contents .center span{display:block;margin-bottom:10px;font-size:14px;font-weight:700;font-family:'NotoSansCJKkr',sans-serif}
    .testResult .contents .center p{margin-bottom:80px;font-size:14px;line-height:20px;white-space:normal;letter-spacing:-0.05em}
    .testResult .contents .center .rating_tit{margin-bottom:20px;color:#000;font-size:18px;font-weight:700;text-align:center}
    .testResult .contents .rating_table{margin:0;margin-bottom:0}
    .testResult .contents .rating_table:last-of-type{margin:0 0 80px}
    .testResult .contents .rating_table .bg{background:#E5E5E5}
    .testResult .contents .rating_table thead th{font-size:13px;font-weight:400;height:40px;line-height:40px}
    .testResult .contents .rating_table tbody th,
    .testResult .contents .rating_table tbody td{height:40px;color:#000;font-size:12px;font-weight:400;line-height:18px;background:none;border-bottom:1px solid #000;border-left:0}
    .testResult .contents .rating_table tbody tr:first-of-type th,
    .testResult .contents .rating_table tbody tr:first-of-type td{height:80px;border-bottom:2px solid #000;border-top:0}

    .testResult .contents .main-text {
      margin: 50px auto;
      width: 80%;
      margin-bottom: 35px; }
    .testResult .contents {
      text-align: center; }
      .testResult .contents .gender-wrap {
        width: 760px;
        margin: 35px auto 0;
        text-align: left; }
        .testResult .contents .gender-wrap .radio-wrap {
          display: inline-block;
          padding-left: 20px; }
          .testResult .contents .gender-wrap .radio-wrap input {
            position: absolute;
            left: -9999px; }
            .testResult .contents .gender-wrap .radio-wrap input + label {
              font-family: NotoSansCJKkr;
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #000000;
              position: relative;
              padding: 0 0 22px;
              cursor: pointer;
              margin-right: 16px; }
            .testResult .contents .gender-wrap .radio-wrap input + label:before {
              content: "";
              background: #ffffff;
              border: 1px solid #bdc9d6;
              height: 16px;
              width: 16px;
              border-radius: 50%;
              position: absolute;
              top: 1px;
              left: -20px; }
            .testResult .contents .gender-wrap .radio-wrap input + label:after {
              content: "";
              background: #aaaaaa;
              width: 8px;
              height: 8px;
              border-radius: 50%;
              position: absolute;
              top: 5px;
              left: -16px;
              transition: all 0.2s ease-in; }
            .testResult .contents .gender-wrap .radio-wrap input:hover + label:before {
              border: 1px solid #e92300; }
            .testResult .contents .gender-wrap .radio-wrap input:checked + label:before {
              border: 1px solid #dcdcdc; }
            .testResult .contents .gender-wrap .radio-wrap input:checked + label:after {
              background: #e92300; }
      .testResult .contents .more {
        width: 50px;
        margin-bottom: 50px;
        cursor: pointer; }
      .testResult .contents table {
        margin: 20px auto;
        margin-bottom: 80px;
        cursor: default; }
        .testResult .contents table th,
        .testResult .contents table td {
          height: 35px;
          border: solid 1px #000000;
          font-size: 14px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          text-align: center;
          color: #000000; }
        .testResult .contents table th {
          padding: 5px 0;
          background: #000;
          color: #fff; }
        .testResult .contents table td {
          line-height: 2.14;
          font-weight: normal;
          padding: 10px 0;
          border-left: 0;
          border-right: 0; }
          .testResult .contents table td .w-tag {
            color: #8b8b8b;
            font-size: 13px; }
        .testResult .contents table .level-td .arrow {
          margin-bottom: 3px;
          margin-left: 3px;
          width: 7px; }
        .testResult .contents table .level-td img {
          vertical-align: middle;
          width: 25px; }
        .testResult .contents table .level-td .tag {
          margin-left: 10px; }
    .testResult .contents .top-bar {
      width: 100%; }
      .testResult .contents .top-bar .menu-bar {
        display: block;
        table-layout: fixed; }
        .testResult .contents .top-bar .menu-bar table {
          padding: 0;
          margin: 35px auto;
          width: 100%;
          text-align: center;
          max-width: 375px; }
        .testResult .contents .top-bar .menu-bar tr {
          width: 100%; }
        .testResult .contents .top-bar .menu-bar th {
          width: 32%;
          font-family: NotoSansCJKkr;
          font-size: 16px;
          font-weight: 700;
          padding: 10px 0;
          text-align: center;
          display: inline-block;
          border-bottom: 1px solid;
          cursor: pointer; }
        .testResult .contents .top-bar .menu-bar .on {
          color: #e92300;
          border-bottom: 2px solid #e92300; }
      .testResult .contents .top-bar .search-bar {
        display: block; }
        .testResult .contents .top-bar .search-bar input {
          width: 100%;
          height: 40px;
          border: 1px solid #000;
          font-size: 16px;
          text-indent: 10px;
          background: url(//d319d1tzjwpwbb.cloudfront.net/common/sac/Search.svg) no-repeat;
          background-size: 24px;
          background-position-x: 95%;
          background-position-y: 6px;
          outline: none; }
        .testResult .contents .top-bar .search-bar input::placeholder {
          color: #c3c3c3; }


  .testResult_box .top-img {
    width: 100%; }
  .testResult_box .sac_profile {
    width: 45px !important;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px; }
  .testResult_box .btn_picture {
    width: 137px;
    height: 55px;
    border: 0;
    background: #000;
    color: #fff;
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px; }
          .testResult_box .main-text {
            margin: 50px auto;
            width: 80%;
            margin-bottom: 35px; }
          .testResult_box {
            text-align: center; }
            .testResult_box .gender-wrap {
              width: 760px;
              margin: 35px auto 0;
              text-align: left; }
              .testResult_box .gender-wrap .radio-wrap {
                display: inline-block;
                padding-left: 20px; }
                .testResult_box .gender-wrap .radio-wrap input {
                  position: absolute;
                  left: -9999px; }
                  .testResult_box .gender-wrap .radio-wrap input + label {
                    font-family: NotoSansCJKkr;
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #000000;
                    position: relative;
                    padding: 0 0 22px;
                    cursor: pointer;
                    margin-right: 16px; }
                  .testResult_box .gender-wrap .radio-wrap input + label:before {
                    content: "";
                    background: #ffffff;
                    border: 1px solid #bdc9d6;
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    position: absolute;
                    top: 1px;
                    left: -20px; }
                  .testResult_box .gender-wrap .radio-wrap input + label:after {
                    content: "";
                    background: #aaaaaa;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    position: absolute;
                    top: 5px;
                    left: -16px;
                    transition: all 0.2s ease-in; }
                  .testResult_box .gender-wrap .radio-wrap input:hover + label:before {
                    border: 1px solid #e92300; }
                  .testResult_box .gender-wrap .radio-wrap input:checked + label:before {
                    border: 1px solid #dcdcdc; }
                  .testResult_box .gender-wrap .radio-wrap input:checked + label:after {
                    background: #e92300; }
            .testResult_box .more {
              width: 50px;
              margin-bottom: 50px;
              cursor: pointer; }
            .testResult_box table {
              margin: 20px auto;
              margin-bottom: 80px;
              cursor: default; }
              .testResult_box table th,
              .testResult_box table td {
                height: 35px;
                border: solid 1px #000000;
                font-size: 14px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                letter-spacing: normal;
                text-align: center;
                color: #000000; }
              .testResult_box table th {
                padding: 5px 0;
                background: #000;
                color: #fff; }
              .testResult_box table td {
                line-height: 2.14;
                font-weight: normal;
                padding: 10px 0;
                border-left: 0;
                border-right: 0; }
                .testResult_box table td .w-tag {
                  color: #8b8b8b;
                  font-size: 13px; }
              .testResult_box table .level-td .arrow {
                margin-bottom: 3px;
                margin-left: 3px;
                width: 7px; }
              .testResult_box table .level-td img {
                vertical-align: middle;
                width: 25px; }
              .testResult_box table .level-td .tag {
                margin-left: 10px; }
          .testResult_box .top-bar {
            width: 100%; }
            .testResult_box .top-bar .menu-bar {
              display: block;
              table-layout: fixed; }
              .testResult_box .top-bar .menu-bar table {
                padding: 0;
                margin: 35px auto;
                width: 100%;
                text-align: center;
                max-width: 375px; }
              .testResult_box .top-bar .menu-bar tr {
                width: 100%; }
              .testResult_box .top-bar .menu-bar th {
                width: 32%;
                font-family: NotoSansCJKkr;
                font-size: 16px;
                font-weight: 700;
                padding: 10px 0;
                text-align: center;
                display: inline-block;
                border-bottom: 1px solid;
                cursor: pointer; }
              .testResult_box .top-bar .menu-bar .on {
                color: #e92300;
                border-bottom: 2px solid #e92300; }
            .testResult_box .top-bar .search-bar {
              display: block; }
              .testResult_box .top-bar .search-bar input {
                width: 100%;
                height: 40px;
                border: 1px solid #000;
                font-size: 16px;
                text-indent: 10px;
                background: url(//d319d1tzjwpwbb.cloudfront.net/common/sac/Search.svg) no-repeat;
                background-size: 24px;
                background-position-x: 95%;
                background-position-y: 6px;
                outline: none; }
              .testResult_box .top-bar .search-bar input::placeholder {
                color: #c3c3c3; }          

.sac_profile_upload {
  width:100%;
  height:100vh;
  margin:0;
  font-family: NotoSansCJKkr;
  background:#fff;
  position: relative; }
  .sac_profile_upload #file {
    display: none; }
  .sac_profile_upload .body {
    padding:30px 15px;
    background: #fff; }
  .sac_profile_upload h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: left }
    .sac_profile_upload .img{
      position:relative;
      width:172px;
      height:172px;
      display: block;
      text-align: center;
      margin: 50px auto 60px;
      background: #080808;
      border-radius: 100%;
    }
  .sac_profile_upload .camera {
    position: absolute;
    top:50%;
    left:50%;
    margin:-36px 0 0 -45px;
    width: 90px;
    height: 72px; }
  .sac_profile_upload .big_img{
    margin:0;
    transform:translate(-50%,-50%);
    width:100%;
    height:100%;
  }
  .sac_profile_upload .btn-x {
    position: absolute;
    width: 20px;
    right: 15px;
    top: 30px;
    cursor: pointer; }
  .sac_profile_upload .summary {
    font-size: 12px;
    color: #080808;
    display: block;
    text-align: center;
    margin-bottom: 30px; }
  .sac_profile_upload input {
    background:none;
    border:0;
    font-size:16px;
    text-indent:10px;
    height: 48px;
    line-height:47px;
    border-bottom:1px solid #080808;
    margin-bottom:0;
    width: 100%; }
  .sac_profile_upload .btn_up {
    width: 100%;
    background: #080808;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    height: 48px;
    line-height: 48px; }

    #spu.on{
      opacity:1;
      visibility:visible;
    }
.aero-body {
  font-size: 0; }
  .aero-body .w100 {
    width: 100%; }
  .aero-body .aero-box-2 {
    padding: 24px;
    background-color: black;
    width: 100%;
    margin: 0 auto; }
    .aero-body .aero-box-2 .aero-video {
      width: 100%;
      border: 1px solid #f4f4f4; }
  .aero-body .aero-box-3 {
    position: relative; }
    .aero-body .aero-box-3 .aero-button {
      position: absolute;
      bottom: 1%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: NotoSansCJKkr;
      font-size: 16px;
      color: #ffffff;
      width: 80%;
      height: 70px;
      border: 0;
      background-color: #cf2c22; }

.bevans-body {
  font-size: 0; }
  .bevans-body .w100 {
    width: 100%; }
  .bevans-body .svg-box {
    text-align: center;
    margin-bottom: 55px; }
    .bevans-body .svg-box img {
      width: 90%; }
  .bevans-body .bevans-product .life-style {
    display: flex;
    justify-content: space-between; }
    .bevans-body .bevans-product .life-style a {
      width: 49%; }
    .bevans-body .bevans-product .life-style .p .pi {
      margin-left: 15px;
      font-family: NotoSansCJKkr; }
      .bevans-body .bevans-product .life-style .p .pi .title {
        font-size: 12px;
        font-weight: bold;
        color: black;
        line-height: 5px;
        margin-top: 18px; }
        .bevans-body .bevans-product .life-style .p .pi .title.en {
          line-height: 15px; }
      .bevans-body .bevans-product .life-style .p .pi .price {
        font-size: 12px;
        color: #909090;
        line-height: 0; }
  .bevans-body .bevans-product1 {
    margin-bottom: 120px; }
    .bevans-body .bevans-product1 .mt80 {
      margin-top: 80px; }
  .bevans-body .bevans-product2 {
    margin-bottom: 100px; }
    .bevans-body .bevans-product2 .mt80 {
      margin-top: 80px; }

.mdpick-custom-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-custom-content .banner-box {
    padding: 0;
    width: 100%; }
    .mdpick-custom-content .banner-box img {
      width: 100%; }
    .mdpick-custom-content .banner-box .title {
      font-size: 26px;
      font-weight: 700;
      height: 60px;
      line-height: 30px;
      margin: 12px 0 12px 0;
      text-align: center;
      width: 100%; }
    .mdpick-custom-content .banner-box .desc {
      font-size: 15px;
      font-weight: 300;
      height: 60px;
      line-height: 20px;
      text-align: center;
      width: 100%; }
    .mdpick-custom-content .banner-box .btn-submit-product {
      -webkit-border-radius: 38px;
      -moz-border-radius: 38px;
      border-radius: 38px;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 15px;
      font-weight: 300;
      height: 40px;
      line-height: 40px;
      margin: 0 auto;
      position: relative;
      text-align: center;
      width: 120px;
      z-index: 11; }
  .mdpick-custom-content .product-list-box {
    height: auto;
    margin: 0 15px 15px 15px;
    width: auto;
    position: relative; }
    .mdpick-custom-content .product-list-box .product-box {
      background-color: #F5F6F7;
      height: auto;
      margin-bottom: 15px;
      padding-bottom: 10px;
      position: relative;
      width: 100%; }
      .mdpick-custom-content .product-list-box .product-box img {
        height: auto;
        top: 0;
        width: 100%; }
      .mdpick-custom-content .product-list-box .product-box .product-name {
        font-size: 22px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%; }
      .mdpick-custom-content .product-list-box .product-box .product-price {
        font-size: 15px;
        font-weight: bold;
        height: 14px;
        line-height: 14px;
        text-align: center;
        width: 100%; }
      .mdpick-custom-content .product-list-box .product-box .btn-submit {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        border: 1px solid #333;
        cursor: pointer;
        color: #333;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 20px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 120px;
        z-index: 11; }

.mdpick-rashguard-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-rashguard-content .text-1 {
    font-size: 34px;
    font-weight: 700;
    margin-top: 32px;
    text-align: center;
    width: 100%; }
  .mdpick-rashguard-content .text-2 {
    font-size: 20px;
    font-weight: 350;
    margin-top: 8px;
    text-align: center;
    width: 100%; }
  .mdpick-rashguard-content .text-3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin: 25px 0;
    text-align: center;
    width: 100%; }
  .mdpick-rashguard-content .banner-box {
    background-color: #F5F6F7;
    height: auto;
    width: 100%; }
    .mdpick-rashguard-content .banner-box .banner-img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-rashguard-content .banner-box ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .mdpick-rashguard-content .banner-box li {
      float: left;
      height: auto;
      list-style-type: none;
      width: 50%; }
    .mdpick-rashguard-content .banner-box .product-box {
      background-color: #F5F6F7;
      height: auto;
      margin-bottom: 15px;
      padding-bottom: 10px;
      position: relative;
      width: 100%; }
      .mdpick-rashguard-content .banner-box .product-box img {
        height: auto;
        top: 0;
        width: 100%; }
      .mdpick-rashguard-content .banner-box .product-box .product-name {
        font-size: 14px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%; }
      .mdpick-rashguard-content .banner-box .product-box .product-price {
        font-size: 14px;
        height: 12px;
        line-height: 14px;
        text-align: center;
        width: 100%; }
      .mdpick-rashguard-content .banner-box .product-box .btn-submit {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px;
        border: 1px solid #333;
        cursor: pointer;
        color: #333;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        left: 0;
        margin: 20px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 110px;
        z-index: 11; }

.mdpick-cycle-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-cycle-content .banner-box {
    padding: 0;
    width: 100%; }
    .mdpick-cycle-content .banner-box img {
      width: 100%; }
    .mdpick-cycle-content .banner-box .title {
      font-size: 1.7em;
      font-weight: 700;
      height: auto;
      line-height: 1.2em;
      margin: 18px 0 14px 0;
      text-align: center;
      width: 100%; }
    .mdpick-cycle-content .banner-box .desc {
      color: #080808;
      font-size: 1em;
      font-weight: 300;
      height: auto;
      line-height: 1.4em;
      text-align: center;
      width: 100%; }
    .mdpick-cycle-content .banner-box .price {
      font-size: 16px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      text-align: center;
      width: 100%; }
    .mdpick-cycle-content .banner-box .btn-submit-product {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 0.9em;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 20px auto 0 auto;
      position: relative;
      text-align: center;
      width: 80px;
      z-index: 11; }
  .mdpick-cycle-content .left-padding {
    padding-left: 1px; }
  .mdpick-cycle-content .right-padding {
    padding-right: 1px; }
  .mdpick-cycle-content .category-list-box {
    height: auto;
    margin: 40px auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-cycle-content .category-list-box table {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .category-list-box table td {
        width: 50%; }
    .mdpick-cycle-content .category-list-box .category-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .category-list-box .category-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-cycle-content .category-list-box .category-box .category-name {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        height: 50px;
        line-height: 30px;
        text-align: center;
        position: relative;
        width: 100%; }
  .mdpick-cycle-content .clothes-title {
    font-size: 26px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 100%; }
  .mdpick-cycle-content .clothes-desc {
    color: #757575;
    font-size: 15px;
    font-weight: 300;
    height: auto;
    line-height: 22px;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 100%; }
  .mdpick-cycle-content .clothes-price {
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    width: 100%; }
  .mdpick-cycle-content .clothes-submit-product {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 50px auto;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 11; }
  .mdpick-cycle-content .clothes-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-cycle-content .clothes-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .clothes-list-box table td {
        width: 50%; }
    .mdpick-cycle-content .clothes-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .clothes-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-cycle-content .clothes-list-box .product-box .product-name {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        line-height: 18px;
        margin-top: 8px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-cycle-content .clothes-list-box .product-box .product-price {
        color: #000;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-cycle-content .clothes-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }
  .mdpick-cycle-content .pants-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-cycle-content .pants-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .pants-list-box table td {
        width: 33.3%; }
    .mdpick-cycle-content .pants-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-cycle-content .pants-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-cycle-content .pants-list-box .product-box .product-name {
        font-size: 16px;
        font-weight: bold;
        height: 50px;
        line-height: 57px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-cycle-content .pants-list-box .product-box .product-price {
        font-size: 14px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-cycle-content .pants-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }

.mdpick-training-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-training-content .movie {
    height: auto;
    position: relative;
    margin: 20px 0;
    width: auto; }
  .mdpick-training-content .main-title {
    font-size: 30px;
    font-weight: 700;
    height: auto;
    line-height: 34px;
    margin: 25px 0 15px 0;
    text-align: center;
    width: 100%; }
  .mdpick-training-content .main-desc {
    font-size: 16px;
    font-weight: 300;
    height: 70px;
    line-height: 22px;
    text-align: center;
    width: 100%; }
    .mdpick-training-content .main-desc .bold {
      font-weight: 500; }
  .mdpick-training-content .section-name {
    color: #ed1c24;
    font-size: 25px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 40px 0 6px;
    text-align: center;
    width: 100%; }
  .mdpick-training-content .banner-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-training-content .banner-box img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-training-content .banner-box .title {
      font-size: 1.7em;
      font-weight: 700;
      height: auto;
      line-height: 1.2em;
      margin: 18px 0 14px 0;
      text-align: center;
      width: 100%; }
    .mdpick-training-content .banner-box .desc {
      color: #080808;
      font-size: 1em;
      font-weight: 300;
      height: auto;
      line-height: 1.4em;
      text-align: center;
      width: 100%; }
    .mdpick-training-content .banner-box .price {
      font-size: 16px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      text-align: center;
      width: 100%; }
    .mdpick-training-content .banner-box .btn-submit-product {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 0.9em;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 20px auto 0 auto;
      position: relative;
      text-align: center;
      width: 80px;
      z-index: 11; }
  .mdpick-training-content .left-padding {
    padding-left: 1px; }
  .mdpick-training-content .right-padding {
    padding-right: 1px; }
  .mdpick-training-content .category-list-box {
    height: auto;
    margin: 40px auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-training-content .category-list-box table {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .category-list-box table td {
        width: 50%; }
    .mdpick-training-content .category-list-box .category-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .category-list-box .category-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-training-content .category-list-box .category-box .category-name {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        height: 50px;
        line-height: 30px;
        text-align: center;
        position: relative;
        width: 100%; }
  .mdpick-training-content .clothes-title {
    font-size: 26px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 100%; }
  .mdpick-training-content .clothes-desc {
    color: #757575;
    font-size: 15px;
    font-weight: 300;
    height: auto;
    line-height: 22px;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 100%; }
    .mdpick-training-content .clothes-desc .bold {
      font-weight: 500; }
  .mdpick-training-content .clothes-price {
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    width: 100%; }
  .mdpick-training-content .clothes-submit-product {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 50px auto;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 11; }
  .mdpick-training-content .clothes-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-training-content .clothes-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .clothes-list-box table td {
        width: 50%; }
    .mdpick-training-content .clothes-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .clothes-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-training-content .clothes-list-box .product-box .product-name {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        line-height: 18px;
        margin-top: 8px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-training-content .clothes-list-box .product-box .product-price {
        color: #000;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-training-content .clothes-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }
  .mdpick-training-content .pants-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-training-content .pants-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .pants-list-box table td {
        width: 33.3%; }
    .mdpick-training-content .pants-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-training-content .pants-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-training-content .pants-list-box .product-box .product-name {
        font-size: 16px;
        font-weight: bold;
        height: 50px;
        line-height: 57px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-training-content .pants-list-box .product-box .product-price {
        font-size: 14px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-training-content .pants-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }

.mdpick-sidearm-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-sidearm-content .font-red {
    color: #cc0015; }
  .mdpick-sidearm-content .bold {
    font-weight: 700; }
  .mdpick-sidearm-content .btn-shop {
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    border: 2px solid #cc001a;
    background-color: #fff;
    cursor: pointer;
    color: #cc001a;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 30px auto 35px;
    position: relative;
    text-align: center;
    width: 100px;
    z-index: 11; }
  .mdpick-sidearm-content .movie {
    height: auto;
    margin: 10px auto;
    width: 100%; }
  .mdpick-sidearm-content .main-title {
    font-size: 30px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    margin: 30px 0 50px 0;
    text-align: center;
    width: 100%; }
  .mdpick-sidearm-content .main-desc {
    font-size: 15px;
    font-weight: 300;
    height: 50px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%; }
    .mdpick-sidearm-content .main-desc .bold {
      font-weight: 700; }
  .mdpick-sidearm-content .section-name {
    color: #cc0015;
    font-size: 30px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    margin: 20px 0 0px;
    text-align: center;
    width: 100%; }
  .mdpick-sidearm-content .section-desc {
    color: #080808;
    font-size: 15px;
    font-weight: 300;
    height: auto;
    line-height: auto;
    margin: 0 auto 30px auto;
    text-align: center;
    width: auto; }
  .mdpick-sidearm-content .section-banner {
    margin: 0 auto 80px auto;
    position: relative; }
  .mdpick-sidearm-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .mdpick-sidearm-content .banner-box img {
      display: block;
      height: auto;
      position: relative;
      width: 100%; }
  .mdpick-sidearm-content .img-box {
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .mdpick-sidearm-content .img-box img {
      display: block;
      margin: 0;
      max-width: 100%;
      padding: 0;
      width: 100%; }
  .mdpick-sidearm-content .border-line {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 15px 10px;
    position: relative;
    width: auto; }
  .mdpick-sidearm-content .sidearm-list-box {
    height: auto;
    width: 100%;
    position: relative; }
    .mdpick-sidearm-content .sidearm-list-box .img-top {
      padding-top: 15px; }
    .mdpick-sidearm-content .sidearm-list-box img {
      display: block;
      height: auto;
      padding: 0 15px 0 15px;
      width: 100%; }
    .mdpick-sidearm-content .sidearm-list-box .product-name {
      font-size: 22px;
      font-weight: bold;
      height: 50px;
      line-height: 57px;
      text-align: left;
      padding: 0 15px 0 15px;
      position: relative;
      width: 100%; }
    .mdpick-sidearm-content .sidearm-list-box .product-desc {
      color: #666;
      font-size: 14px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      margin-bottom: 30px;
      text-align: left;
      padding: 0 15px;
      position: relative;
      width: 100%; }

.mdpick-thindown-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-thindown-content .font-red {
    color: #f41700; }
  .mdpick-thindown-content .character-img {
    height: auto;
    margin-top: 30px;
    position: relative;
    width: 100%; }
  .mdpick-thindown-content .banner-box {
    padding: 0;
    width: 100%; }
    .mdpick-thindown-content .banner-box img {
      width: 100%; }
    .mdpick-thindown-content .banner-box .title {
      font-size: 1.7em;
      font-weight: 700;
      height: auto;
      line-height: 1.2em;
      margin: 18px 0 14px 0;
      text-align: center;
      width: 100%; }
    .mdpick-thindown-content .banner-box .desc {
      color: #080808;
      font-size: 1em;
      font-weight: 300;
      height: auto;
      line-height: 1.4em;
      text-align: center;
      width: 100%; }
    .mdpick-thindown-content .banner-box .price {
      font-size: 16px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      text-align: center;
      width: 100%; }
    .mdpick-thindown-content .banner-box .btn-submit-product {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 0.9em;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 20px auto 0 auto;
      position: relative;
      text-align: center;
      width: 80px;
      z-index: 11; }
  .mdpick-thindown-content .left-padding {
    padding-left: 1px; }
  .mdpick-thindown-content .right-padding {
    padding-right: 1px; }
  .mdpick-thindown-content .category-list-box {
    height: auto;
    margin: 40px auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-thindown-content .category-list-box table {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .category-list-box table td {
        width: 50%; }
    .mdpick-thindown-content .category-list-box .category-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .category-list-box .category-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-thindown-content .category-list-box .category-box .category-name {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        height: 50px;
        line-height: 30px;
        text-align: center;
        position: relative;
        width: 100%; }
  .mdpick-thindown-content .clothes-title {
    font-size: 1.8em;
    font-weight: 700;
    height: auto;
    line-height: 1.2em;
    margin: 19px 0 14px;
    text-align: center;
    width: 100%; }
  .mdpick-thindown-content .clothes-desc {
    color: #080808;
    font-size: 1em;
    font-weight: 300;
    height: auto;
    line-height: 1.4em;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 100%; }
  .mdpick-thindown-content .clothes-price {
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    width: 100%; }
  .mdpick-thindown-content .clothes-submit-product {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 50px auto;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 11; }
  .mdpick-thindown-content .middle-title {
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 100%; }
  .mdpick-thindown-content .clothes-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-thindown-content .clothes-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .clothes-list-box table td {
        width: 50%; }
    .mdpick-thindown-content .clothes-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .clothes-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-thindown-content .clothes-list-box .product-box .product-name {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        height: 30px;
        line-height: 18px;
        margin-top: 8px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-thindown-content .clothes-list-box .product-box .product-price {
        color: #000;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-thindown-content .clothes-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }
  .mdpick-thindown-content .pants-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-thindown-content .pants-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .pants-list-box table td {
        width: 33.3%; }
    .mdpick-thindown-content .pants-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-thindown-content .pants-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-thindown-content .pants-list-box .product-box .product-name {
        font-size: 16px;
        font-weight: bold;
        height: 50px;
        line-height: 57px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-thindown-content .pants-list-box .product-box .product-price {
        font-size: 14px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-thindown-content .pants-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }

.mdpick-athletic-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-athletic-content .font-red {
    color: #f41700; }
  .mdpick-athletic-content .movie {
    height: auto;
    margin: 0 0 24px 0;
    padding: 0 15px 0 15px;
    position: relative;
    width: auto; }
  .mdpick-athletic-content .main-title {
    font-size: 1.3em;
    font-weight: 700;
    height: 48px;
    line-height: 24px;
    margin: 30px auto 13px;
    position: relative;
    text-align: center;
    width: 100%; }
  .mdpick-athletic-content .main-desc {
    font-size: 14px;
    height: 60px;
    line-height: 18px;
    text-align: center;
    position: relative;
    width: 100%; }
  .mdpick-athletic-content .banner-box {
    padding: 0;
    width: 100%; }
    .mdpick-athletic-content .banner-box img {
      display: block;
      width: 100%; }
    .mdpick-athletic-content .banner-box .title {
      font-size: 1.7em;
      font-weight: 700;
      height: auto;
      line-height: 1.2em;
      margin: 18px 0 14px 0;
      text-align: center;
      width: 100%; }
    .mdpick-athletic-content .banner-box .desc {
      color: #080808;
      font-size: 1em;
      font-weight: 300;
      height: auto;
      line-height: 1.4em;
      text-align: center;
      width: 100%; }
    .mdpick-athletic-content .banner-box .price {
      font-size: 16px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      text-align: center;
      width: 100%; }
    .mdpick-athletic-content .banner-box .btn-submit-product {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #000;
      cursor: pointer;
      color: #fff;
      font-size: 0.9em;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 20px auto 0 auto;
      position: relative;
      text-align: center;
      width: 80px;
      z-index: 11; }
  .mdpick-athletic-content .left-padding {
    padding-left: 1px; }
  .mdpick-athletic-content .right-padding {
    padding-right: 1px; }
  .mdpick-athletic-content .category-list-box {
    height: auto;
    margin: 0 auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-athletic-content .category-list-box table {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
      .mdpick-athletic-content .category-list-box table td {
        width: 50%; }
    .mdpick-athletic-content .category-list-box .category-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-athletic-content .category-list-box .category-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-athletic-content .category-list-box .category-box .category-name {
        color: #080808;
        font-size: 14px;
        font-weight: 700;
        height: 50px;
        line-height: 30px;
        text-align: center;
        position: relative;
        width: 100%; }
  .mdpick-athletic-content .clothes-title {
    font-size: 1.8em;
    font-weight: 700;
    height: auto;
    line-height: 1.2em;
    margin: 19px 0 14px;
    text-align: center;
    width: 100%; }
  .mdpick-athletic-content .clothes-desc {
    color: #080808;
    font-size: 1em;
    font-weight: 300;
    height: auto;
    line-height: 1.4em;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 100%; }
  .mdpick-athletic-content .clothes-price {
    font-size: 16px;
    font-weight: 300;
    height: auto;
    line-height: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    width: 100%; }
  .mdpick-athletic-content .clothes-submit-product {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 50px auto;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 11; }
  .mdpick-athletic-content .middle-title {
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    margin: 12px 0 0 0;
    text-align: center;
    width: 100%; }
  .mdpick-athletic-content .clothes-list-box {
    height: auto;
    margin-top: 1px;
    width: auto;
    position: relative; }
    .mdpick-athletic-content .clothes-list-box table {
      height: auto;
      position: relative;
      margin-bottom: 20px;
      width: 100%; }
      .mdpick-athletic-content .clothes-list-box table td {
        width: 50%; }
    .mdpick-athletic-content .clothes-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-athletic-content .clothes-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-athletic-content .clothes-list-box .product-box .product-name {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        height: 20px;
        letter-spacing: -0.8px;
        line-height: 18px;
        margin-top: 13px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-athletic-content .clothes-list-box .product-box .product-price {
        color: #000;
        font-size: 14px;
        font-weight: 300;
        height: 20px;
        line-height: 16px;
        margin-top: 7px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-athletic-content .clothes-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        left: 0;
        margin: 18px auto 50px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }
  .mdpick-athletic-content .pants-list-box {
    height: auto;
    width: auto;
    position: relative; }
    .mdpick-athletic-content .pants-list-box table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-athletic-content .pants-list-box table td {
        width: 33.3%; }
    .mdpick-athletic-content .pants-list-box .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-athletic-content .pants-list-box .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-athletic-content .pants-list-box .product-box .product-name {
        font-size: 16px;
        font-weight: bold;
        height: 50px;
        line-height: 57px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-athletic-content .pants-list-box .product-box .product-price {
        font-size: 14px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-athletic-content .pants-list-box .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: 10px auto 45px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }

.mdpick-winter-content {
  height: auto;
  position: relative;
  margin-bottom: 60px;
  width: 100%; }
  .mdpick-winter-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .mdpick-winter-content .banner-box img {
      display: block;
      height: auto;
      position: relative;
      width: 100%; }
  .mdpick-winter-content .img-box {
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .mdpick-winter-content .img-box img {
      display: block;
      margin: 0;
      max-width: 100%;
      padding: 0;
      width: 100%; }
  .mdpick-winter-content .text-style-1 {
    height: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #080808;
    position: relative;
    margin-top: 20px;
    width: 100%; }
  .mdpick-winter-content .text-style-2 {
    height: 20px;
    font-size: 0.6em;
    line-height: 1.2em;
    text-align: center;
    color: #777777;
    position: relative;
    width: 100%; }
  .mdpick-winter-content .shop {
    cursor: pointer;
    margin-top: 8px;
    width: 100%;
    height: 13px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    color: #080808; }
  .mdpick-winter-content .right-padding-item {
    padding-right: 7px; }
  .mdpick-winter-content .left-padding-item {
    padding-left: 8px; }
  .mdpick-winter-content .list-box-1020 {
    height: auto;
    margin: 15px auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-winter-content .list-box-1020 .text-style-1-1 {
      height: 5px;
      font-size: 0.9em;
      font-weight: bold;
      line-height: 1.2em;
      color: #080808;
      text-align: center;
      position: relative;
      width: 100%; }
    .mdpick-winter-content .list-box-1020 .text-style-2-1 {
      width: 100%;
      height: 10px;
      font-size: 0.6em;
      line-height: 2em;
      text-align: center;
      color: #777777; }
    .mdpick-winter-content .list-box-1020 .table-shop {
      cursor: pointer;
      width: 100%;
      height: 13px;
      font-size: 0.8em;
      font-weight: bold;
      text-align: center;
      margin: 15px 0 40px;
      color: #080808; }
    .mdpick-winter-content .list-box-1020 table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-winter-content .list-box-1020 table td {
        width: 50%;
        vertical-align: bottom; }
    .mdpick-winter-content .list-box-1020 .text-style-box {
      height: 409px;
      position: relative; }
    .mdpick-winter-content .list-box-1020 .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-winter-content .list-box-1020 .product-box img {
        height: auto;
        position: relative; }
  .mdpick-winter-content .list-box-1020-2 {
    height: auto;
    margin: 15px auto 40px auto;
    width: 100%;
    position: relative; }
    .mdpick-winter-content .list-box-1020-2 table {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-winter-content .list-box-1020-2 table td {
        width: 50%;
        vertical-align: top; }
    .mdpick-winter-content .list-box-1020-2 .text-style-box {
      height: auto;
      position: relative; }
      .mdpick-winter-content .list-box-1020-2 .text-style-box .text-style-1-1 {
        height: 40px;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 1.2em;
        color: #080808;
        text-align: center;
        position: relative;
        padding-top: 30px;
        width: 100%; }
      .mdpick-winter-content .list-box-1020-2 .text-style-box .text-style-2-1 {
        width: 100%;
        height: 15px;
        font-size: 0.6em;
        line-height: 1.2em;
        text-align: center;
        padding-top: 11px;
        color: #777777; }
      .mdpick-winter-content .list-box-1020-2 .text-style-box .table-shop {
        cursor: pointer;
        width: 100%;
        height: 13px;
        font-size: 0.8em;
        font-weight: bold;
        text-align: center;
        margin: 23px 0 0;
        color: #080808; }
    .mdpick-winter-content .list-box-1020-2 .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-winter-content .list-box-1020-2 .product-box img {
        height: auto;
        position: relative; }
  .mdpick-winter-content .list-box-1250 {
    height: auto;
    margin: 30px auto 40px auto;
    width: 100%;
    position: relative; }

.mdpick-usski-content {
  height: auto;
  position: relative;
  margin-bottom: 80px;
  width: 100%; }
  .mdpick-usski-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .mdpick-usski-content .banner-box img {
      height: auto;
      position: relative;
      width: 100%; }
  .mdpick-usski-content .text-box {
    height: auto;
    margin: 22px 0 18px 0;
    position: relative;
    width: 100%; }
    .mdpick-usski-content .text-box .title {
      color: #080808;
      font-size: 20px;
      font-weight: bold;
      height: 60px;
      line-height: 1.2em;
      position: relative;
      text-align: center;
      width: 100%; }
    .mdpick-usski-content .text-box .desc {
      color: #797c76;
      font-size: 14px;
      height: 100px;
      line-height: 1.43em;
      position: relative;
      text-align: center;
      width: 100%; }
  .mdpick-usski-content .team-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-usski-content .team-box .team-1 {
      box-sizing: border-box;
      height: auto;
      padding: 0 15px 5px 15px;
      position: relative;
      vertical-align: bottom;
      width: 100%; }
    .mdpick-usski-content .team-box .team-2 {
      box-sizing: border-box;
      height: auto;
      float: left;
      margin: 0 0 30px 0;
      padding: 0 2.5px 0 15px;
      position: relative;
      width: 50%; }
    .mdpick-usski-content .team-box .team-3 {
      box-sizing: border-box;
      height: auto;
      float: right;
      margin: 0 0 30px 0;
      padding: 0 15px 0 2.5px;
      position: relative;
      width: 50%; }
  .mdpick-usski-content .nyman-img {
    height: auto;
    position: relative;
    vertical-align: bottom;
    width: 100%; }
  .mdpick-usski-content .product-img {
    height: auto;
    margin: 14px 0 0 0;
    position: relative;
    vertical-align: bottom;
    width: 100%; }
    .mdpick-usski-content .product-img img {
      width: 100%; }
  .mdpick-usski-content .line-display {
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    height: 0px;
    padding: 0 8px 0 8px;
    position: relative;
    width: 100%; }
  .mdpick-usski-content .product-display-title {
    color: #080808;
    font-size: 18px;
    font-weight: 700;
    height: 27px;
    line-height: 27px;
    margin: 11px 0 14px 0;
    position: relative;
    text-align: center;
    width: 100%; }
  .mdpick-usski-content .middle-product-box {
    height: 80px;
    margin: 18px 0;
    position: relative;
    width: 100%; }
    .mdpick-usski-content .middle-product-box .product-name {
      color: #080808;
      font-size: 14px;
      font-weight: bold;
      height: 16px;
      line-height: 1.14em;
      text-align: center;
      position: relative;
      width: 100%; }
    .mdpick-usski-content .middle-product-box .product-price {
      color: #080808;
      font-size: 11px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      position: relative;
      width: 100%; }
    .mdpick-usski-content .middle-product-box .btn-submit {
      color: #000;
      cursor: pointer;
      font-size: 14px;
      font-weight: 700;
      height: 30px;
      line-height: 30px;
      left: 0;
      margin: 0 auto 45px auto;
      position: relative;
      right: 0;
      text-align: center;
      width: 90px; }
  .mdpick-usski-content .product-display {
    height: auto;
    margin: 18px 0;
    position: relative;
    width: 100%; }
    .mdpick-usski-content .product-display ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .mdpick-usski-content .product-display li {
      box-sizing: border-box;
      float: left;
      height: auto;
      list-style-type: none;
      padding: 0 2.5px 0 0;
      width: 50%; }
    .mdpick-usski-content .product-display li:nth-child(2n) {
      padding: 0 0 0 2.5px; }
    .mdpick-usski-content .product-display .product-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-usski-content .product-display .product-box img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%; }
      .mdpick-usski-content .product-display .product-box .product-name {
        color: #080808;
        font-size: 11px;
        font-weight: bold;
        height: 14px;
        line-height: 1.45px;
        margin-top: 11px;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-usski-content .product-display .product-box .product-price {
        color: #080808;
        font-size: 11px;
        font-weight: 300;
        height: 25px;
        line-height: 1.45em;
        text-align: center;
        position: relative;
        width: 100%; }
      .mdpick-usski-content .product-display .product-box .btn-submit {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        height: 20px;
        line-height: 20px;
        left: 0;
        margin: 0 auto 50px auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 90px; }

.winter-cycle-content {
  position: relative;
  width: 100%; }
  .winter-cycle-content .content-img {
    height: auto;
    position: relative;
    top: 0;
    width: 100%; }
  .winter-cycle-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%; }
    .winter-cycle-content .banner-box img {
      box-sizing: border-box;
      height: auto;
      position: relative;
      width: 100%; }
  .winter-cycle-content .product-box {
    box-sizing: border-box;
    height: auto;
    margin-bottom: 50px;
    padding: 0 15px 0 15px;
    position: relative;
    width: 100%; }
    .winter-cycle-content .product-box .name {
      color: #152b5c;
      font-size: 25px;
      font-weight: 700;
      height: 40px;
      line-height: 40px;
      margin-top: 20px;
      text-align: center;
      width: 100%; }
    .winter-cycle-content .product-box .price {
      color: #777;
      font-size: 18px;
      height: 7px;
      line-height: 10px;
      text-align: center;
      width: 100%; }
    .winter-cycle-content .product-box .recommand {
      color: #152b5c;
      font-size: 20px;
      font-weight: 700;
      margin: 33px 0 10px;
      text-align: left;
      width: 100%; }
    .winter-cycle-content .product-box .product-script {
      color: #777;
      font-size: 20px;
      height: auto;
      line-height: 30px;
      margin-bottom: 100px;
      position: relative;
      width: 100%; }
    .winter-cycle-content .product-box .btn-submit {
      -webkit-border-radius: 28px;
      -moz-border-radius: 28px;
      border-radius: 28px;
      border: 2px solid #000;
      cursor: pointer;
      color: #000;
      font-size: 20px;
      font-weight: 700;
      height: 50px;
      line-height: 50px;
      margin: 30px auto 40px auto;
      position: relative;
      text-align: center;
      width: 100px;
      z-index: 11; }

.skisuit-content {
  position: relative;
  width: 100%; }
  .skisuit-content .content-img {
    height: auto;
    position: relative;
    vertical-align: top;
    width: 100%; }
  .skisuit-content .img-section {
    height: auto;
    position: relative;
    width: 100%; }
  .skisuit-content .desc-2 {
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    height: auto;
    position: absolute;
    top: 13%;
    text-align: center;
    width: 100%;
    z-index: 100; }
    .skisuit-content .desc-2 .bold {
      color: #fff;
      font-weight: 600; }
  .skisuit-content .movie {
    height: 190px;
    padding: 0 15px 0 15px;
    position: absolute;
    top: 38%;
    width: 100%; }
  .skisuit-content .player {
    border: 2px solid #ed1c24;
    height: auto;
    position: relative;
    width: 100%; }
  .skisuit-content .desc-9 {
    color: #333;
    font-size: 13px;
    font-weight: 300;
    height: 150px;
    line-height: 18px;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    width: 400px;
    z-index: 100; }
    .skisuit-content .desc-9 .bold {
      color: #000;
      font-weight: 600; }

.mdpick-peterbag-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-peterbag-content img {
    height: auto;
    position: relative;
    top: 0;
    width: 100%;
    vertical-align: top; }
  .mdpick-peterbag-content .video-section {
    color: #000;
    height: auto;
    position: relative;
    top: 0;
    text-align: center;
    width: 100%; }
    .mdpick-peterbag-content .video-section .movie {
      height: 190px;
      padding: 0 15px 0 15px;
      position: absolute;
      top: 38%;
      width: 100%; }
    .mdpick-peterbag-content .video-section .video-desc {
      font-size: 24px;
      font-weight: 800;
      height: auto;
      line-height: 24px;
      position: absolute;
      top: 40px;
      width: 100%; }
    .mdpick-peterbag-content .video-section .video-desc-small {
      font-size: 14px;
      height: auto;
      position: absolute;
      top: 100px;
      width: 100%; }
  .mdpick-peterbag-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .mdpick-peterbag-content .banner-box img {
      height: auto;
      position: relative;
      width: 100%; }
  .mdpick-peterbag-content .text-box {
    height: auto;
    margin: 22px 0 18px 0;
    position: relative;
    width: 100%; }
    .mdpick-peterbag-content .text-box .title {
      color: #080808;
      font-size: 20px;
      font-weight: bold;
      height: 60px;
      line-height: 1.2em;
      position: relative;
      text-align: center;
      width: 100%; }
    .mdpick-peterbag-content .text-box .desc {
      color: #797c76;
      font-size: 14px;
      height: 100px;
      line-height: 1.43em;
      position: relative;
      text-align: center;
      width: 100%; }
  .mdpick-peterbag-content .product-img {
    height: auto;
    margin: 14px 0 0 0;
    position: relative;
    vertical-align: bottom;
    width: 100%; }
    .mdpick-peterbag-content .product-img img {
      width: 100%; }
  .mdpick-peterbag-content .product-section {
    color: #fff;
    height: auto;
    position: relative;
    top: 0;
    width: 100%; }
    .mdpick-peterbag-content .product-section .desc {
      bottom: 70px;
      color: #e5e5e5;
      font-size: 0.9em;
      line-height: 1.4em;
      padding: 0 15px;
      position: absolute;
      width: 100%; }
    .mdpick-peterbag-content .product-section .size {
      bottom: 20px;
      color: #aaa;
      font-size: 13px;
      padding: 0 15px;
      line-height: 18px;
      position: absolute;
      width: 100%; }

.capsule-content {
  height: auto;
  margin: 0 auto 150px auto;
  position: relative;
  width: 100%; }
  .capsule-content .title {
    font-size: 30pt;
    font-weight: 800;
    height: 70px;
    line-height: 39px;
    margin: 38px 0 0 30px;
    position: relative;
    width: auto; }
  .capsule-content .desc {
    color: #777;
    font-size: 14px;
    height: 40px;
    line-height: 22px;
    margin: 25px 0 50px 32px;
    position: relative;
    width: 212px; }
  .capsule-content .product-title {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    margin-top: 20px;
    text-align: center;
    width: 100%; }
  .capsule-content .product-price {
    color: #777;
    font-size: 12px;
    height: auto;
    margin-top: 12px;
    text-align: center;
    width: 100%; }
  .capsule-content .img-box-1 {
    height: auto;
    position: relative;
    width: 100%;
    vertical-align: bottom; }
    .capsule-content .img-box-1 .product-1-img {
      clear: left;
      height: auto;
      margin-right: 5px;
      vertical-align: bottom;
      width: 58%; }
    .capsule-content .img-box-1 .product-2-img {
      bottom: 0;
      height: auto;
      position: absolute;
      right: 0;
      width: 40%; }
  .capsule-content .img-box-2 {
    clear: right;
    height: 800px;
    margin-top: 40px;
    width: 820px; }
  .capsule-content .img-box-3 {
    clear: left;
    height: auto;
    margin-top: 30px;
    width: 72%; }
    .capsule-content .img-box-3 .product-4-img {
      height: auto;
      position: relative;
      width: 100%; }
  .capsule-content .product-5-img {
    height: auto;
    margin-top: 30px;
    position: relative;
    width: 100%; }
  .capsule-content .img-box-5 {
    height: auto;
    margin-top: 30px;
    position: relative;
    width: 100%;
    vertical-align: bottom;
    text-align: right; }
    .capsule-content .img-box-5 .product-6-img {
      bottom: 0;
      height: auto;
      left: 0;
      position: absolute;
      width: 40%; }
    .capsule-content .img-box-5 .product-7-img {
      height: auto;
      width: 58%;
      vertical-align: bottom; }
  .capsule-content .product-8-img {
    height: auto;
    margin-top: 30px;
    position: relative;
    width: 100%; }
  .capsule-content .img-box-6 {
    height: auto;
    position: relative;
    margin-top: 30px;
    text-align: center;
    width: 100%; }
    .capsule-content .img-box-6 .product-9-img {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 72%; }
  .capsule-content .img-box-7 {
    height: auto;
    margin-top: 40px;
    position: relative;
    width: 100%;
    vertical-align: bottom; }
    .capsule-content .img-box-7 .product-10-img {
      clear: left;
      height: auto;
      width: 58%;
      vertical-align: bottom; }
    .capsule-content .img-box-7 .product-11-img {
      bottom: 0;
      height: auto;
      position: absolute;
      right: 0;
      width: 40%; }

.mdpick-compression-content {
  height: auto;
  margin-bottom: 50px;
  position: relative;
  width: 100%; }
  .mdpick-compression-content .full-video {
    height: 101%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 300; }
    .mdpick-compression-content .full-video .close-button-img {
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/banner_x.svg);
      height: 28px;
      position: absolute;
      right: 18px;
      top: 18px;
      width: 28px;
      z-index: 310; }
  .mdpick-compression-content .main-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .main-box img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-compression-content .main-box .title-icon {
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/compression/title_2.svg);
      height: auto;
      left: 50%;
      top: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 250px; }
    .mdpick-compression-content .main-box .play-button {
      bottom: 25%;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
      height: auto;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 100px; }
    .mdpick-compression-content .main-box .main-movie {
      bottom: 40px;
      height: auto;
      left: 50%;
      padding: 15px;
      position: absolute;
      transform: translateX(-50%);
      width: 85%; }
  .mdpick-compression-content .top-movie {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .top-movie img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-compression-content .top-movie .main-title {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      height: auto;
      line-height: 35px;
      letter-spacing: 5px;
      margin-bottom: 50px;
      position: absolute;
      top: 45%;
      text-align: center;
      width: 100%; }
    .mdpick-compression-content .top-movie .play-button {
      bottom: 25%;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
      height: auto;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 100px; }
    .mdpick-compression-content .top-movie .bottom-info-box {
      height: auto;
      padding: 20px 15px 60px 15px;
      position: relative;
      width: 100%; }
      .mdpick-compression-content .top-movie .bottom-info-box .name {
        color: #000;
        font-size: 25px;
        font-weight: 700;
        height: auto;
        line-height: 35px;
        margin-bottom: 20px;
        position: relative;
        width: 100%; }
      .mdpick-compression-content .top-movie .bottom-info-box .desc {
        color: #666;
        font-size: 17px;
        font-weight: 300;
        height: auto;
        line-height: 25px;
        margin-bottom: 30px;
        position: relative;
        width: 100%; }
      .mdpick-compression-content .top-movie .bottom-info-box .price {
        bottom: 0;
        color: #080808;
        font-size: 20px;
        font-weight: 500;
        height: 42px;
        left: 15px;
        line-height: 38px;
        position: absolute;
        width: 150px; }
      .mdpick-compression-content .top-movie .bottom-info-box .button {
        background-color: #080808;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        height: 48px;
        line-height: 48px;
        right: 15px;
        position: absolute;
        text-align: center;
        width: 100px; }
  .mdpick-compression-content .top-movie-bottom-margin {
    margin-bottom: 18%; }
  .mdpick-compression-content .top-desc {
    height: 150px;
    position: relative;
    text-align: center;
    width: 100%; }
    .mdpick-compression-content .top-desc .bold {
      font-weight: 700; }
    .mdpick-compression-content .top-desc .text {
      color: #333;
      height: auto;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
  .mdpick-compression-content .top-image-grid {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .top-image-grid ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .mdpick-compression-content .top-image-grid img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-compression-content .top-image-grid li {
      float: left;
      height: auto;
      list-style-type: none;
      padding-right: 1%;
      position: relative;
      width: 50%; }
      .mdpick-compression-content .top-image-grid li .text {
        font-size: 14px;
        font-weight: 300;
        height: auto;
        line-height: 20px;
        padding: 10px 10px 40px;
        position: relative;
        width: 100%; }
    .mdpick-compression-content .top-image-grid li:nth-child(2n) {
      padding-left: 1%;
      padding-right: 0; }
  .mdpick-compression-content .small-movie {
    height: auto;
    padding: 0 15px;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .small-movie img {
      height: auto;
      width: 100%; }
    .mdpick-compression-content .small-movie .text {
      font-size: 17px;
      height: auto;
      line-height: 25px;
      padding: 25px;
      position: relative;
      text-align: center;
      width: 100%; }
  .mdpick-compression-content .line-div-box {
    height: auto;
    margin-top: 20px;
    padding: 0 15px;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .line-div-box .line {
      background-color: #e5e5e5;
      height: 1px;
      position: relative;
      width: 100%; }
  .mdpick-compression-content .related-product-text {
    font-size: 25px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 20px auto 20px auto;
    text-align: center;
    width: 100%; }
  .mdpick-compression-content .product-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-compression-content .product-box img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-compression-content .product-box .text-box {
      height: auto;
      padding: 20px 20px 100px;
      position: relative;
      width: 100%; }
      .mdpick-compression-content .product-box .text-box .title {
        font-size: 25px;
        font-weight: 700;
        height: auto;
        line-height: 35px;
        margin-bottom: 20px;
        position: relative;
        width: 100%; }
      .mdpick-compression-content .product-box .text-box .price {
        bottom: 40px;
        color: #080808;
        font-size: 20px;
        font-weight: 500;
        height: 42px;
        left: 20px;
        line-height: 38px;
        position: absolute;
        width: 150px; }
      .mdpick-compression-content .product-box .text-box .button {
        background-color: #080808;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        bottom: 40px;
        color: #fff;
        font-size: 16px;
        height: 48px;
        line-height: 48px;
        right: 20px;
        position: absolute;
        text-align: center;
        width: 100px; }
      .mdpick-compression-content .product-box .text-box .desc {
        color: #666;
        font-size: 17px;
        font-weight: 300;
        line-height: 27px;
        margin-bottom: 40px;
        position: relative;
        width: 100%; }

.mdpick-2018woman-content {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .mdpick-2018woman-content .top-info {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 345px; }
    .mdpick-2018woman-content .top-info .product-name-top {
      color: #141414;
      font-size: 12px;
      font-weight: bold;
      height: auto;
      margin: 13px 0 10px 0;
      position: relative;
      text-align: left;
      width: 100%; }
    .mdpick-2018woman-content .top-info .product-price-top {
      color: #666;
      font-size: 10px;
      font-weight: 500;
      height: 26px;
      position: relative;
      width: 100%; }
  .mdpick-2018woman-content img {
    height: auto;
    position: relative;
    width: 100%; }
  .mdpick-2018woman-content .top-product {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .top-product .top-img {
      height: 530px;
      margin: 0 auto;
      position: relative;
      width: 345px; }
    .mdpick-2018woman-content .top-product .text-box {
      height: auto;
      position: relative;
      width: 100%; }
      .mdpick-2018woman-content .top-product .text-box .text {
        content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick_custom/2018woman/title_mobile.svg);
        height: auto;
        margin: 32px auto 20px auto;
        position: relative;
        text-align: center;
        width: 68%; }
      .mdpick-2018woman-content .top-product .text-box .small-text {
        color: #666;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        line-height: 1.44em;
        margin-bottom: 45px;
        position: relative;
        text-align: center;
        width: 100%; }
  .mdpick-2018woman-content .product-name {
    color: #141414;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin: 13px 0 10px 0;
    padding-left: 15px;
    position: relative;
    text-align: left;
    width: 100%; }
  .mdpick-2018woman-content .product-price {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    height: 26px;
    padding-left: 15px;
    position: relative;
    width: 100%; }
  .mdpick-2018woman-content .product-box-2 {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin-top: 40px;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .product-box-2 .left-box {
      float: left;
      height: auto;
      position: relative;
      width: 42%; }
      .mdpick-2018woman-content .product-box-2 .left-box img {
        height: auto;
        position: relative;
        width: 100%; }
    .mdpick-2018woman-content .product-box-2 .right-box {
      float: right;
      height: auto;
      position: relative;
      width: 56%; }
      .mdpick-2018woman-content .product-box-2 .right-box img {
        height: auto;
        position: relative;
        width: 100%; }
  .mdpick-2018woman-content .product-box-3 {
    height: auto;
    margin-top: 40px;
    position: relative;
    width: 100%; }
  .mdpick-2018woman-content .product-box-4 {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    margin: 40px 0;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .product-box-4 .left-box {
      float: left;
      height: auto;
      position: relative;
      width: 56%; }
      .mdpick-2018woman-content .product-box-4 .left-box img {
        height: auto;
        position: relative;
        width: 100%; }
    .mdpick-2018woman-content .product-box-4 .right-box {
      float: right;
      height: auto;
      position: relative;
      width: 42%; }
      .mdpick-2018woman-content .product-box-4 .right-box img {
        height: auto;
        position: relative;
        width: 100%; }
      .mdpick-2018woman-content .product-box-4 .right-box .product-name-4 {
        color: #141414;
        font-size: 12px;
        font-weight: bold;
        height: auto;
        margin: 13px 0 10px 0;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        text-align: left;
        width: 100%; }
  .mdpick-2018woman-content .black-product-area {
    background-color: #161417;
    height: auto;
    padding: 40px 0;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .black-product-area .center-big-text {
      color: #fff;
      font-size: 19px;
      font-weight: 500;
      height: auto;
      line-height: 1.4em;
      margin: 0 0 33px;
      text-align: center;
      position: relative;
      width: 100%; }
    .mdpick-2018woman-content .black-product-area .product-box-5 {
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 345px; }
      .mdpick-2018woman-content .black-product-area .product-box-5 img {
        height: auto;
        position: relative;
        width: 100%; }
      .mdpick-2018woman-content .black-product-area .product-box-5 .box-product-name {
        font-size: 12px;
        font-weight: bold;
        height: 17px;
        margin: 13px 0 10px 0;
        position: relative;
        text-align: left;
        width: 100%; }
      .mdpick-2018woman-content .black-product-area .product-box-5 .box-product-price {
        font-size: 10px;
        font-weight: 500;
        height: 26px;
        position: relative;
        width: 100%; }
    .mdpick-2018woman-content .black-product-area .product-text-color {
      color: #c1c1c1; }
  .mdpick-2018woman-content .product-box-6 {
    box-sizing: border-box;
    height: auto;
    margin: 120px auto;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .product-box-6 .center-box {
      display: inline-block;
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
    .mdpick-2018woman-content .product-box-6 .left-box {
      float: left;
      height: auto;
      position: relative;
      width: 42%; }
      .mdpick-2018woman-content .product-box-6 .left-box img {
        height: auto;
        position: relative;
        width: 100%; }
    .mdpick-2018woman-content .product-box-6 .right-box {
      float: right;
      height: auto;
      position: relative;
      width: 56%; }
      .mdpick-2018woman-content .product-box-6 .right-box img {
        height: auto;
        position: relative;
        width: 100%; }
  .mdpick-2018woman-content .product-box-7 {
    height: auto;
    margin: 120px auto;
    position: relative;
    width: 100%; }
    .mdpick-2018woman-content .product-box-7 .center-box {
      display: inline-block;
      height: auto;
      margin: 0 auto;
      position: relative;
      width: 100%; }
    .mdpick-2018woman-content .product-box-7 .product-img-box {
      float: left;
      height: auto;
      width: 50%; }
      .mdpick-2018woman-content .product-box-7 .product-img-box img {
        height: auto;
        position: relative;
        width: 100%; }

.mdpick-seamless-content {
  height: auto;
  margin-bottom: 50px;
  position: relative;
  width: 100%; }
  .mdpick-seamless-content .full-video {
    height: 101%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 300; }
    .mdpick-seamless-content .full-video .close-button-img {
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/banner_x.svg);
      height: 28px;
      position: absolute;
      right: 18px;
      top: 18px;
      width: 28px;
      z-index: 310; }
  .mdpick-seamless-content .main-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .main-box img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .main-box .title-icon {
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/seamless/seamless_title.svg);
      height: auto;
      left: 50%;
      top: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 250px; }
    .mdpick-seamless-content .main-box .play-button {
      bottom: 25%;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
      height: auto;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 100px; }
    .mdpick-seamless-content .main-box .main-movie {
      bottom: 40px;
      height: auto;
      left: 50%;
      padding: 15px;
      position: absolute;
      transform: translateX(-50%);
      width: 85%; }
  .mdpick-seamless-content .top-movie {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .top-movie img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .top-movie .main-title {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      height: auto;
      line-height: 35px;
      letter-spacing: 5px;
      margin-bottom: 50px;
      position: absolute;
      top: 45%;
      text-align: center;
      width: 100%; }
    .mdpick-seamless-content .top-movie .play-button {
      bottom: 25%;
      content: url(//d319d1tzjwpwbb.cloudfront.net/common/icons/play.svg);
      height: auto;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 100px; }
    .mdpick-seamless-content .top-movie .bottom-info-box {
      height: auto;
      padding: 20px 15px 60px 15px;
      position: relative;
      width: 100%; }
      .mdpick-seamless-content .top-movie .bottom-info-box .name {
        color: #000;
        font-size: 25px;
        font-weight: 700;
        height: auto;
        line-height: 35px;
        margin-bottom: 20px;
        position: relative;
        width: 100%; }
      .mdpick-seamless-content .top-movie .bottom-info-box .desc {
        color: #666;
        font-size: 17px;
        font-weight: 300;
        height: auto;
        line-height: 25px;
        margin-bottom: 30px;
        position: relative;
        width: 100%; }
      .mdpick-seamless-content .top-movie .bottom-info-box .price {
        bottom: 0;
        color: #080808;
        font-size: 20px;
        font-weight: 500;
        height: 42px;
        left: 15px;
        line-height: 38px;
        position: absolute;
        width: 150px; }
      .mdpick-seamless-content .top-movie .bottom-info-box .button {
        background-color: #080808;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        height: 48px;
        line-height: 48px;
        right: 15px;
        position: absolute;
        text-align: center;
        width: 100px; }
  .mdpick-seamless-content .top-movie-bottom-margin {
    margin-bottom: 18%; }
  .mdpick-seamless-content .top-desc {
    height: 185px;
    position: relative;
    text-align: center;
    width: 100%; }
    .mdpick-seamless-content .top-desc .bold {
      font-weight: 700; }
    .mdpick-seamless-content .top-desc .text {
      color: #333;
      height: auto;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
  .mdpick-seamless-content .top-image-grid {
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .top-image-grid ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .top-image-grid img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .top-image-grid li {
      float: left;
      height: auto;
      list-style-type: none;
      padding-right: 1%;
      position: relative;
      width: 50%; }
    .mdpick-seamless-content .top-image-grid li:nth-child(2n) {
      padding-left: 1%;
      padding-right: 0; }
    .mdpick-seamless-content .top-image-grid .text {
      font-size: 14px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      padding: 10px 10px 20px;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .top-image-grid .text-small {
      font-size: 12px;
      font-weight: 300;
      height: auto;
      line-height: 15px;
      padding: 0 10px 30px;
      position: relative;
      text-align: center;
      width: 100%; }
    .mdpick-seamless-content .top-image-grid .text-center {
      text-align: center; }
    .mdpick-seamless-content .top-image-grid .small-movie {
      height: auto;
      padding: 0 20px;
      position: relative;
      width: 100%; }
      .mdpick-seamless-content .top-image-grid .small-movie img {
        height: auto;
        width: 100%; }
  .mdpick-seamless-content .bottom-image-grid {
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .bottom-image-grid ul {
      height: auto;
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .bottom-image-grid img {
      height: auto;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .bottom-image-grid li {
      float: left;
      height: auto;
      list-style-type: none;
      padding-right: 1%;
      position: relative;
      width: 50%; }
    .mdpick-seamless-content .bottom-image-grid li:nth-child(2n) {
      padding-left: 1%;
      padding-right: 0; }
    .mdpick-seamless-content .bottom-image-grid .text {
      font-size: 14px;
      font-weight: 300;
      height: auto;
      line-height: 20px;
      padding: 10px 10px 40px;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .bottom-image-grid .text-center {
      text-align: center; }
    .mdpick-seamless-content .bottom-image-grid .bottom-image {
      height: auto;
      padding: 0 20px;
      position: relative;
      width: 100%; }
      .mdpick-seamless-content .bottom-image-grid .bottom-image img {
        height: auto;
        width: 100%; }
  .mdpick-seamless-content .line-div-box {
    height: auto;
    margin-top: 20px;
    padding: 0 15px;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .line-div-box .line {
      background-color: #e5e5e5;
      height: 1px;
      position: relative;
      width: 100%; }
  .mdpick-seamless-content .related-product-text {
    font-size: 25px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 20px auto 20px auto;
    text-align: center;
    width: 100%; }
  .mdpick-seamless-content .product-box {
    height: auto;
    position: relative;
    width: 100%; }
    .mdpick-seamless-content .product-box img {
      height: auto;
      padding: 0 20px;
      position: relative;
      width: 100%; }
    .mdpick-seamless-content .product-box .title {
      color: #080808;
      font-size: 17px;
      font-weight: 600;
      height: auto;
      line-height: 35px;
      margin-top: 5px;
      margin-bottom: 20px;
      position: relative;
      text-align: center;
      width: 100%; }

.cycle-2018-content {
  height: auto;
  position: relative;
  width: 100%; }
  .cycle-2018-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .cycle-2018-content .banner-box img {
      height: auto;
      position: relative;
      width: 100%; }
  .cycle-2018-content .title {
    bottom: 15%;
    content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick_custom/2018cycle/title_1.svg);
    height: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 70%;
    z-index: 100; }
  .cycle-2018-content .more {
    bottom: 12%;
    content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick_custom/2018cycle/more.svg);
    height: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 18%;
    z-index: 100; }
  .cycle-2018-content .width-80-content {
    font-size: 20px;
    height: auto;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    width: 100%; }
    .cycle-2018-content .width-80-content .line-box-top {
      border-top: 1px solid #ed1c24;
      height: 100px;
      margin-top: 100px;
      width: 100%; }
      .cycle-2018-content .width-80-content .line-box-top .middle-text {
        background-color: #fff;
        color: #080808;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        left: 50%;
        position: absolute;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 78%; }
        .cycle-2018-content .width-80-content .line-box-top .middle-text .red-text {
          font-weight: bold;
          color: #ed1c24; }
      .cycle-2018-content .width-80-content .line-box-top .3line {
        height: 60px; }
      .cycle-2018-content .width-80-content .line-box-top .2line {
        height: 40px; }
    .cycle-2018-content .width-80-content .big-img {
      height: auto;
      margin-bottom: 20px;
      position: relative;
      width: 100%; }
    .cycle-2018-content .width-80-content .small-img-box {
      height: auto;
      margin-bottom: 16px;
      position: relative;
      width: 100%; }
    .cycle-2018-content .width-80-content .small-img {
      height: auto;
      position: relative;
      width: 100%; }
    .cycle-2018-content .width-80-content .product-title {
      color: #080808;
      font-size: 16px;
      font-weight: 700;
      height: 24px;
      margin: 6px auto;
      text-align: center;
      width: 225px; }
    .cycle-2018-content .width-80-content .product-price {
      color: #666;
      font-size: 14px;
      font-weight: 500;
      height: 20px;
      margin: 0 auto 27px auto;
      text-align: center;
      width: 94px; }
    .cycle-2018-content .width-80-content .rectangle-5 {
      border: solid 1px #ed1c24;
      color: #ed1c24;
      font-size: 14px;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 0 auto 70px auto;
      text-align: center;
      width: 100px; }
    .cycle-2018-content .width-80-content img {
      height: auto;
      position: relative;
      width: 100%; }
    .cycle-2018-content .width-80-content .img-table {
      height: auto;
      margin: 0 auto 50px auto;
      position: relative;
      width: 100%; }
      .cycle-2018-content .width-80-content .img-table .bold {
        font-weight: 700; }
      .cycle-2018-content .width-80-content .img-table img {
        box-sizing: border-box;
        display: block;
        height: auto;
        position: relative;
        width: 100%; }
      .cycle-2018-content .width-80-content .img-table .td-left {
        height: auto;
        vertical-align: top;
        position: relative;
        width: 50%; }
        .cycle-2018-content .width-80-content .img-table .td-left .img-1 {
          box-sizing: border-box;
          height: auto;
          padding-right: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-left .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            position: relative;
            width: auto; }
      .cycle-2018-content .width-80-content .img-table .td-right {
        box-sizing: border-box;
        height: auto;
        vertical-align: top;
        width: 50%; }
        .cycle-2018-content .width-80-content .img-table .td-right .img-1 {
          height: auto;
          padding-left: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-right .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            margin-left: 0px;
            position: relative;
            width: auto; }
      .cycle-2018-content .width-80-content .img-table .td-left-2 {
        height: auto;
        vertical-align: top;
        position: relative;
        width: 58%; }
        .cycle-2018-content .width-80-content .img-table .td-left-2 .img-1 {
          box-sizing: border-box;
          height: auto;
          padding-right: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-left-2 .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            position: relative;
            width: auto; }
      .cycle-2018-content .width-80-content .img-table .td-right-2 {
        box-sizing: border-box;
        height: auto;
        vertical-align: top;
        width: 42%; }
        .cycle-2018-content .width-80-content .img-table .td-right-2 .img-1 {
          height: auto;
          padding-left: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-right-2 .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            margin-left: 0;
            position: relative;
            width: auto; }
      .cycle-2018-content .width-80-content .img-table .td-left-3 {
        height: auto;
        vertical-align: top;
        position: relative;
        width: 42%; }
        .cycle-2018-content .width-80-content .img-table .td-left-3 .img-1 {
          box-sizing: border-box;
          height: auto;
          padding-right: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-left-3 .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            margin-left: 0;
            position: relative;
            width: auto; }
      .cycle-2018-content .width-80-content .img-table .td-right-3 {
        box-sizing: border-box;
        height: auto;
        vertical-align: top;
        width: 58%; }
        .cycle-2018-content .width-80-content .img-table .td-right-3 .img-1 {
          height: auto;
          padding-left: 8px;
          position: relative;
          width: 100%; }
          .cycle-2018-content .width-80-content .img-table .td-right-3 .img-1 .desc {
            font-size: 12px;
            font-weight: 300;
            height: auto;
            line-height: 1.5;
            margin-top: 11px;
            margin-left: 8px;
            position: relative;
            width: auto; }
  .cycle-2018-content .line-box-red {
    background-color: #ed1c24;
    height: 1px;
    margin: 50px 0;
    width: 100%; }
  .cycle-2018-content .related-product {
    border-bottom: solid 1px #ed1c24;
    box-sizing: border-box;
    height: auto;
    margin: 0 auto 20px auto;
    position: relative;
    width: 100%; }
  .cycle-2018-content .table-shop {
    height: auto;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%; }
    .cycle-2018-content .table-shop .td-left {
      padding-right: 7px;
      width: 50%; }
    .cycle-2018-content .table-shop .td-right {
      padding-left: 7px;
      width: 50%; }
    .cycle-2018-content .table-shop .text {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.8;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
    .cycle-2018-content .table-shop .underline {
      text-decoration: underline; }
    .cycle-2018-content .table-shop .left-shop-box {
      background-color: #050505;
      height: 90px;
      position: relative;
      width: 100%; }
    .cycle-2018-content .table-shop .right-shop-box {
      background-color: #050505;
      height: 90px;
      position: relative;
      width: 100%; }

.baselayer-content {
  height: auto;
  position: relative;
  width: 100%; }
  .baselayer-content .banner-box {
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .baselayer-content .banner-box img {
      height: auto;
      position: relative;
      width: 100%; }
  .baselayer-content .title {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/title.svg);
    height: auto;
    margin: 20px auto 20px auto;
    position: relative;
    width: 100%; }
  .baselayer-content .line-box-top {
    border-top: 1px solid #ed1c24;
    height: 40px;
    margin-top: 60px;
    width: 100%; }
    .baselayer-content .line-box-top .middle-text {
      background-color: #fff;
      content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/title2.svg);
      font-size: 16px;
      font-weight: 500;
      line-height: 1.4;
      left: 50%;
      padding: 0 10px;
      position: absolute;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 75%; }
      .baselayer-content .line-box-top .middle-text .red-text {
        font-weight: bold;
        color: #ed1c24; }
  .baselayer-content .width-80-content {
    font-size: 20px;
    height: auto;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    width: 100%; }
    .baselayer-content .width-80-content .sub-text {
      color: #777777;
      font-size: 18px;
      font-weight: normal;
      height: 60px;
      line-height: 1.44;
      text-align: center;
      width: 100%; }
    .baselayer-content .width-80-content .big-img {
      height: auto;
      margin-bottom: 30px;
      position: relative;
      width: 100%; }
    .baselayer-content .width-80-content .small-img-box {
      height: auto;
      padding: 25px;
      position: relative;
      width: 100%; }
    .baselayer-content .width-80-content .desc {
      color: #080808;
      font-size: 18px;
      line-height: 1.44;
      margin: 0 auto 20px;
      text-align: center;
      width: 100%; }
    .baselayer-content .width-80-content .small-img {
      height: auto;
      position: relative;
      width: 100%; }
    .baselayer-content .width-80-content .product-title {
      color: #080808;
      font-size: 16px;
      font-weight: 700;
      height: 24px;
      margin: 6px auto;
      text-align: center;
      width: 225px; }
    .baselayer-content .width-80-content .price-info-box {
      height: 50px;
      margin: 70px auto 20px auto;
      width: 60%; }
      .baselayer-content .width-80-content .price-info-box .product-price {
        color: #666;
        font-size: 14px;
        font-weight: 500;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: left;
        width: 100px; }
      .baselayer-content .width-80-content .price-info-box .rectangle-5 {
        border: solid 1px #ed1c24;
        color: #ed1c24;
        float: right;
        font-size: 14px;
        font-weight: 500;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100px; }
    .baselayer-content .width-80-content img {
      height: auto;
      position: relative;
      width: 100%; }
  .baselayer-content .line-box-red {
    background-color: #ed1c24;
    height: 1px;
    margin: 50px 0;
    width: 100%; }
  .baselayer-content .related-product {
    box-sizing: border-box;
    height: auto;
    margin: 40px auto 20px auto;
    position: relative;
    width: 100%; }
    .baselayer-content .related-product .product-price {
      color: #666;
      font-size: 14px;
      font-weight: 500;
      height: 20px;
      margin: 0 auto 27px auto;
      text-align: center;
      width: 94px; }
    .baselayer-content .related-product .rectangle-5 {
      border: solid 1px #ed1c24;
      color: #ed1c24;
      font-size: 14px;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      margin: 0 auto 70px auto;
      text-align: center;
      width: 100px; }
  .baselayer-content .related-product2 {
    border-bottom: solid 1px #ed1c24;
    box-sizing: border-box;
    height: auto;
    margin: 0 auto 20px auto;
    position: relative;
    width: 100%; }
    .baselayer-content .related-product2 img {
      height: auto;
      position: relative;
      width: 100%; }
  .baselayer-content .line-box-top2 {
    border-top: 1px solid #ed1c24;
    height: 100px;
    margin-top: 100px;
    width: 100%; }
    .baselayer-content .line-box-top2 .middle-text {
      background-color: #fff;
      color: #080808;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.4;
      left: 50%;
      position: absolute;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 78%; }
      .baselayer-content .line-box-top2 .middle-text .red-text {
        font-weight: bold;
        color: #ed1c24; }
    .baselayer-content .line-box-top2 .3line {
      height: 60px; }
    .baselayer-content .line-box-top2 .2line {
      height: 40px; }
  .baselayer-content .product-price-2 {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    margin: 0 auto 27px auto;
    text-align: center;
    width: 94px; }
  .baselayer-content .rectangle-5-2 {
    border: solid 1px #ed1c24;
    color: #ed1c24;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 70px auto;
    text-align: center;
    width: 100px; }

.mdpick-running-content {
  height: auto;
  position: relative;
  width: 100%; }
  .mdpick-running-content .bg-img {
    height: auto;
    position: relative;
    vertical-align: bottom;
    width: 100%; }
  .mdpick-running-content .title-box {
    height: auto;
    margin-bottom: 49%;
    position: relative;
    width: 100%; }
    .mdpick-running-content .title-box .main-title {
      content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick_custom/running/title_m.svg);
      left: 50%;
      top: 12.6%;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      position: absolute;
      width: 90%; }
    .mdpick-running-content .title-box .main-desc {
      color: #ffffff;
      height: auto;
      font-size: 13px;
      line-height: 1.38;
      top: 35%;
      position: absolute;
      text-align: center;
      width: 100%; }
    .mdpick-running-content .title-box .img {
      bottom: 0;
      height: auto;
      -webkit-transform: translate(0, 50%);
      -moz-transform: translate(0, 50%);
      transform: translate(0, 50%);
      position: absolute;
      padding: 15px;
      width: 100%; }
      .mdpick-running-content .title-box .img img {
        height: auto;
        position: relative;
        width: 100%; }
  .mdpick-running-content .movie-box {
    background-color: #e2e2e2;
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%; }
    .mdpick-running-content .movie-box .movie {
      height: auto;
      position: relative;
      width: 100%; }
  .mdpick-running-content .product-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    line-height: 20px;
    text-align: left;
    width: 100%; }
  .mdpick-running-content .product-title-fixed {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 20px;
    text-align: left;
    width: 100%; }
  .mdpick-running-content .product-desc {
    color: #080808;
    font-size: 13px;
    height: auto;
    margin-top: 20px;
    line-height: 1.38;
    text-align: left;
    width: 100%; }
  .mdpick-running-content .product-desc-fixed {
    color: #080808;
    font-size: 13px;
    height: 52px;
    margin-top: 15px;
    line-height: 1.38;
    text-align: left;
    width: 100%; }
  .mdpick-running-content .product-price {
    color: #080808;
    font-size: 16px;
    height: 30px;
    margin: 15px 0 0;
    line-height: 1.88;
    text-align: left;
    width: 100%; }
  .mdpick-running-content .product-1-info {
    background-color: #e2e2e2;
    height: auto;
    position: relative;
    padding: 15px 15px 37px 15px;
    width: 100%; }
  .mdpick-running-content .product-box {
    height: auto;
    position: relative;
    width: 100%; }
  .mdpick-running-content .product-2-info {
    bottom: 15px;
    left: 0;
    position: absolute;
    padding: 15px;
    width: 100%; }
  .mdpick-running-content .product-5-box {
    height: auto;
    margin-bottom: 56%;
    position: relative;
    width: 100%; }
    .mdpick-running-content .product-5-box .img {
      bottom: 0;
      height: auto;
      -webkit-transform: translate(0, 50%);
      -moz-transform: translate(0, 50%);
      transform: translate(0, 50%);
      position: absolute;
      padding: 15px;
      width: 100%; }
    .mdpick-running-content .product-5-box .product-5-info {
      bottom: 0;
      height: auto;
      -webkit-transform: translate(0, 108%);
      -moz-transform: translate(0, 108%);
      transform: translate(0, 108%);
      position: absolute;
      width: 100%; }
    .mdpick-running-content .product-5-box .td-left {
      height: auto;
      position: relative;
      text-align: left;
      padding-right: 3px;
      width: 50%; }
    .mdpick-running-content .product-5-box .td-right {
      height: auto;
      position: relative;
      padding-left: 2px;
      text-align: right;
      width: 50%; }
  .mdpick-running-content .center-text {
    color: #ffffff;
    font-size: 25px;
    height: auto;
    line-height: 1.4;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    width: 100%; }
  .mdpick-running-content .product-9-box {
    background-color: #e2e2e2;
    height: auto;
    padding: 15px 15px 37px 15px;
    position: relative;
    width: 100%; }
    .mdpick-running-content .product-9-box img {
      margin-bottom: 30px; }
  .mdpick-running-content .product-info-margin {
    margin-bottom: 70%; }
  .mdpick-running-content .table-box {
    height: auto;
    padding: 15px;
    position: relative;
    width: 100%; }
  .mdpick-running-content .table-shop {
    height: auto;
    margin: 15px 0;
    position: relative;
    text-align: center;
    width: 100%; }
    .mdpick-running-content .table-shop .td-left {
      padding-right: 7px;
      width: 50%; }
    .mdpick-running-content .table-shop .td-right {
      padding-left: 7px;
      width: 50%; }
    .mdpick-running-content .table-shop .text {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.8;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
    .mdpick-running-content .table-shop .left-shop-box {
      background-color: #050505;
      height: 90px;
      position: relative;
      width: 100%; }
    .mdpick-running-content .table-shop .right-shop-box {
      background-color: #050505;
      height: 90px;
      position: relative;
      width: 100%; }

.rashguard-2018-content {
  position: relative;
  width: 100%; }
  .rashguard-2018-content .carousel-section .title-img {
    position: absolute;
    top: 50%;
    left: 7.6%;
    width: 69px;
    transform: translate(0, -50%);
    z-index: 10; }
  .rashguard-2018-content .content-img {
    height: auto;
    position: relative;
    vertical-align: top;
    width: 100%; }
  .rashguard-2018-content .img-section {
    height: auto;
    position: relative;
    width: 100%; }
    .rashguard-2018-content .img-section .section {
      width: 100%;
      position: relative;
      margin-top: 7%; }
      .rashguard-2018-content .img-section .section img {
        width: 43%; }
      .rashguard-2018-content .img-section .section:last-child {
        margin-bottom: 7%; }
    .rashguard-2018-content .img-section .middle {
      top: 0;
      left: 50%;
      transform: translate(-50%); }
    .rashguard-2018-content .img-section .right {
      margin-left: 7%; }
  .rashguard-2018-content .section-2 {
    position: relative;
    display: block; }
    .rashguard-2018-content .section-2 .title-img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 6.8%; }

.mdpick-summer-style-2018-content {
  width: 100%;
  height: auto;
  font-size: 0; }
  .mdpick-summer-style-2018-content .img-box {
    position: relative;
    width: 100%;
    height: auto; }
  .mdpick-summer-style-2018-content .product-img {
    margin-bottom: 19px; }
  .mdpick-summer-style-2018-content .product-name {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 19px 0; }
  .mdpick-summer-style-2018-content .product-color {
    height: 7px;
    margin-bottom: 23px; }
  .mdpick-summer-style-2018-content .product-price {
    font-size: 14px;
    font-weight: 400;
    margin: 0; }
  .mdpick-summer-style-2018-content .section {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-bottom: 80px; }
  .mdpick-summer-style-2018-content .section-1 {
    padding-top: 146px; }
    .mdpick-summer-style-2018-content .section-1 .product-img-title {
      width: 267px;
      position: absolute;
      top: 38px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10; }
    .mdpick-summer-style-2018-content .section-1 .product-img {
      width: 90%; }
    .mdpick-summer-style-2018-content .section-1 .product-color {
      width: 119px; }
  .mdpick-summer-style-2018-content .section-2 .product-wrap {
    width: 48%;
    display: inline-block; }
    .mdpick-summer-style-2018-content .section-2 .product-wrap.left {
      margin-right: 2%; }
    .mdpick-summer-style-2018-content .section-2 .product-wrap.right {
      margin-left: 2%; }
  .mdpick-summer-style-2018-content .section-2 .product-img {
    width: 100%; }
  .mdpick-summer-style-2018-content .section-3 {
    width: 100%;
    margin-bottom: 100px; }
    .mdpick-summer-style-2018-content .section-3 .product-img {
      width: 90%; }
  .mdpick-summer-style-2018-content .section-4 .product-wrap {
    width: 48%;
    display: inline-block; }
    .mdpick-summer-style-2018-content .section-4 .product-wrap.left {
      margin-right: 2%; }
    .mdpick-summer-style-2018-content .section-4 .product-wrap.right {
      margin-left: 2%; }
  .mdpick-summer-style-2018-content .section-4 .product-img {
    width: 100%; }
  .mdpick-summer-style-2018-content .section-5 {
    margin-bottom: 100px; }
    .mdpick-summer-style-2018-content .section-5 .product-wrap {
      width: 50%;
      display: inline-block;
      position: relative; }
    .mdpick-summer-style-2018-content .section-5 .product {
      width: 100%;
      display: inline-block;
      position: relative; }
    .mdpick-summer-style-2018-content .section-5 .product-img {
      width: 100%; }
  .mdpick-summer-style-2018-content .section-6 {
    width: 100%;
    margin-bottom: 150px; }
    .mdpick-summer-style-2018-content .section-6 .product {
      width: 90%;
      display: inline-block; }
    .mdpick-summer-style-2018-content .section-6 .product-img {
      width: 100%; }

.mdpick-19ss-woman-training {
  font-size: 0;
  text-align: center; }
  .mdpick-19ss-woman-training .section {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 100px; }
  .mdpick-19ss-woman-training .img-box {
    width: 100%;
    height: auto;
    position: relative; }
    .mdpick-19ss-woman-training .img-box img {
      width: 100%;
      height: auto; }
  .mdpick-19ss-woman-training .half-and-half-layer .half {
    width: 50%;
    height: auto;
    margin: 0;
    display: inline-block; }
  .mdpick-19ss-woman-training .half-and-half-layer .title {
    font-size: 16px;
    font-weight: bold;
    width: 140px;
    margin: 19px auto 0;
    word-break: keep-all;
    word-wrap: break-word; }
  .mdpick-19ss-woman-training .half-and-half-layer .price {
    margin-top: 19px;
    font-size: 14px;
    font-weight: normal; }
  .mdpick-19ss-woman-training .default-layer .wrap {
    width: calc(100% - 30px);
    margin: 0 15px; }
  .mdpick-19ss-woman-training .default-layer.wide-section .wrap {
    width: 100%;
    margin: 0; }
  .mdpick-19ss-woman-training .default-layer .title {
    font-size: 16px;
    font-weight: bold;
    width: 140px;
    margin: 19px auto 0;
    word-break: keep-all;
    word-wrap: break-word; }
  .mdpick-19ss-woman-training .default-layer .price {
    margin-top: 19px;
    font-size: 14px;
    font-weight: normal; }
  .mdpick-19ss-woman-training .section-1 .r-title {
    position: absolute;
    z-index: 1;
    width: 67%;
    right: 5%;
    bottom: 12%; }
  .mdpick-19ss-woman-training .section-7 {
    margin-bottom: 150px; }
  .mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls .owl-page span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick/19ssWomantraining/indicator_off.jpg);
    height: 2px;
    width: 74px; }
  .mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls .owl-page.active span,
  .mdpick-19ss-woman-training .mdpick-baselayer .owl-theme .owl-controls.clickable .owl-page:hover span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/mobile/images/mdpick/19ssWomantraining/indicator_on.jpg); }

.mdpick-baseball {
  font-size: 0;
  text-align: center; }
  .mdpick-baseball .section {
    width: 100%;
    height: auto;
    position: relative; }
  .mdpick-baseball .img-box {
    width: 100%;
    height: auto;
    position: relative; }
  .mdpick-baseball img {
    width: 100%;
    height: auto; }
  .mdpick-baseball .section-1 .r-title {
    position: absolute;
    z-index: 1;
    width: 67%;
    top: 30px;
    left: 20px; }
  .mdpick-baseball .section-2 {
    background-color: #000;
    font-size: 13px;
    font-weight: bold;
    color: #fff; }
    .mdpick-baseball .section-2 .inner {
      margin: 0 15px;
      padding: 50px 0;
      padding-bottom: 30px; }
    .mdpick-baseball .section-2 .wrap .img {
      width: 100%; }
    .mdpick-baseball .section-2 .wrap .text {
      display: inline-block;
      margin: 25px 0; }
  .mdpick-baseball .section-4 {
    font-size: 15px;
    font-weight: bold;
    color: #000; }
    .mdpick-baseball .section-4 .main-title {
      margin: 30px 0;
      font-size: 16px; }
    .mdpick-baseball .section-4 .title {
      font-size: 18px;
      margin: 5px; }
    .mdpick-baseball .section-4 .text {
      font-size: 12px;
      margin: 5px; }
    .mdpick-baseball .section-4 .price {
      font-size: 18px;
      margin: 5px;
      margin-bottom: 25px; }
    .mdpick-baseball .section-4 .items {
      margin: 0 15px;
      margin-bottom: 40px;
      padding-bottom: 20px;
      border-bottom: 1px solid #E7E7E7; }
      .mdpick-baseball .section-4 .items:last-child {
        border-bottom: 0; }

.clearfix::after {
  clear: both;
  content: '';
  display: table; }

.mdpick-training-2018 {
  font-size: 0;
  text-align: center; }
  .mdpick-training-2018 .section {
    width: 100%;
    height: auto;
    position: relative; }
  .mdpick-training-2018 img {
    width: 100%;
    height: auto; }
  .mdpick-training-2018 p {
    margin: 0; }
  .mdpick-training-2018 .hidden-img {
    visibility: hidden; }
  .mdpick-training-2018 .bar {
    height: 7vw; }
  .mdpick-training-2018 .section-1 .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    cursor: pointer; }
  .mdpick-training-2018 .section-1 .text-wrap {
    position: absolute;
    font-size: 7.4vw;
    left: 5%;
    bottom: 6%;
    color: #fff;
    text-align: left; }
    .mdpick-training-2018 .section-1 .text-wrap .text {
      line-height: 1.2;
      font-style: italic;
      font-weight: bold; }
  .mdpick-training-2018 .section-2 .wrap {
    box-sizing: border-box;
    padding: 15% 5%; }
  .mdpick-training-2018 .section-2 .img-box {
    position: relative; }
  .mdpick-training-2018 .section-2 .text-box {
    width: 100%;
    font-size: 3.5vw;
    margin-top: 13vw; }
    .mdpick-training-2018 .section-2 .text-box .desc {
      font-size: 4.2vw;
      font-weight: bold; }
    .mdpick-training-2018 .section-2 .text-box .br:before {
      display: inline-block;
      content: '';
      margin-top: 10vw; }
    .mdpick-training-2018 .section-2 .text-box .shop-btn {
      display: inline-block;
      width: 32vw;
      line-height: 10vw;
      text-align: center;
      border: 1px solid #ee1d25;
      margin-top: 4vw;
      font-size: 4.5vw;
      font-weight: bold; }
      .mdpick-training-2018 .section-2 .text-box .shop-btn:before {
        content: 'SHOP';
        color: #ee1d25;
        font-weight: bold; }
  .mdpick-training-2018 .section-3 {
    background-color: #000; }
    .mdpick-training-2018 .section-3 .wrap {
      box-sizing: border-box;
      padding: 0 4%;
      padding-top: 4%; }
    .mdpick-training-2018 .section-3 .img-box {
      position: relative;
      display: inline-block;
      width: 50%; }
      .mdpick-training-2018 .section-3 .img-box .center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%; }
    .mdpick-training-2018 .section-3 .text-wrap {
      padding: 5vw; }
      .mdpick-training-2018 .section-3 .text-wrap .text {
        font-size: 3.7vw;
        color: #fff; }
  .mdpick-training-2018 .footer-button-box {
    padding: 10% 4%;
    margin-bottom: 10%; }
    .mdpick-training-2018 .footer-button-box .button {
      font-size: 5vw;
      font-weight: bold;
      color: #fff;
      background-color: #000;
      line-height: 21vw;
      margin: 3vw 0; }

.mdpick-fw-cycle-18 {
  font-size: 0;
  text-align: center; }
  .mdpick-fw-cycle-18 p {
    margin: 0; }
  .mdpick-fw-cycle-18 .img {
    width: 100%; }
  .mdpick-fw-cycle-18 .top-section {
    position: relative; }
    .mdpick-fw-cycle-18 .top-section .text-box {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 8%;
      color: #fff; }
      .mdpick-fw-cycle-18 .top-section .text-box .title {
        font-size: 3.7vw;
        margin-bottom: 1.6vw; }
      .mdpick-fw-cycle-18 .top-section .text-box .desc {
        font-size: 1.3vw;
        font-weight: 200; }
  .mdpick-fw-cycle-18 .bottom-section {
    position: relative; }
    .mdpick-fw-cycle-18 .bottom-section .info-box {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
  .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 {
    position: relative; }
    .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents {
      position: absolute;
      top: 0;
      left: 0;
      width: 88%;
      margin: 18vw 6%; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .contents-title-box {
        margin-bottom: 18vw;
        font-size: 1vw;
        color: #fff; }
        .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .contents-title-box .title {
          margin-bottom: 5vw;
          width: 100%; }
        .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .contents-title-box .desc {
          width: 74vw; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item {
        display: inline-block;
        width: 30.8%;
        margin-right: 3.8%; }
        .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item:last-child {
          margin-right: 0; }
        .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item .desc {
          margin-top: 2.5vw;
          font-size: 1.3vw;
          font-weight: 200;
          color: #fff; }
          .mdpick-fw-cycle-18 .fw-cycle-contents .section-1 .contents .section-grid .items .item .desc span {
            font-size: 1.2vw; }
  .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer {
    position: relative;
    display: inline-block;
    background-color: #000; }
    .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .img-box {
      display: inline-block;
      width: 50%; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .img-box.right {
        float: right; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .img-box.left {
        float: left; }
    .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .text-box {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 50%; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .text-box .desc {
        font-size: 3vw;
        font-weight: 100;
        line-height: 1.5;
        color: #fff; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .text-box.right {
        right: 0; }
      .mdpick-fw-cycle-18 .fw-cycle-contents .half-layer .text-box.left {
        left: 0; }
  .mdpick-fw-cycle-18 .fw-cycle-contents .section-2 .info-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
  .mdpick-fw-cycle-18 .info-box {
    width: 150px;
    color: #fff; }
    .mdpick-fw-cycle-18 .info-box .title {
      font-size: 3vw; }
    .mdpick-fw-cycle-18 .info-box .wrap {
      margin-top: 2vw;
      font-size: 2vw;
      font-weight: 300; }
      .mdpick-fw-cycle-18 .info-box .wrap .price {
        margin-right: 2vw; }
      .mdpick-fw-cycle-18 .info-box .wrap .btn-shop {
        display: inline-block;
        border: 1px solid;
        width: 13vw;
        height: 5.5vw;
        line-height: 5.5vw;
        color: #ec0000; }

.mdpick-fw-utility-bag-18 {
  background-color: #080808; }
  .mdpick-fw-utility-bag-18 .img {
    width: 100%; }
  .mdpick-fw-utility-bag-18 .section {
    position: relative; }
    .mdpick-fw-utility-bag-18 .section p {
      margin: 0; }
    .mdpick-fw-utility-bag-18 .section .big-title-img {
      position: absolute;
      width: 80%;
      top: 6%;
      left: 50%;
      transform: translateX(-50%); }
    .mdpick-fw-utility-bag-18 .section .button-box {
      position: absolute;
      top: 50%;
      left: 10%;
      color: #fff;
      transform: translateY(-100%); }
      .mdpick-fw-utility-bag-18 .section .button-box .title {
        display: block;
        height: 11px;
        margin-bottom: 11px; }
      .mdpick-fw-utility-bag-18 .section .button-box .btn-shop {
        width: 64px; }
  .mdpick-fw-utility-bag-18 .custom-btn-position-0 .button-box {
    top: 45%; }
  .mdpick-fw-utility-bag-18 .custom-btn-position-1 .button-box {
    top: 20%; }
  .mdpick-fw-utility-bag-18 .custom-btn-position-2 .button-box {
    top: 17%; }
  .mdpick-fw-utility-bag-18 .section-rolling {
    margin-top: -190px; }
    .mdpick-fw-utility-bag-18 .section-rolling .img-carousel {
      width: 90%;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      padding-bottom: 50px; }
      .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item {
        width: 20%;
        box-sizing: border-box;
        padding: 10px; }
        .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item p {
          margin: 0; }
        .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .title {
          font-family: 'DINNextLTProRegular';
          font-size: 11px; }
        .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .price {
          font-size: 13px;
          font-weight: bold;
          margin-bottom: 11px; }
        .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .item .btn-shop {
          display: inline-block;
          border: 1px solid;
          width: 61px;
          height: 26px;
          line-height: 26px;
          color: #ec0000;
          font-size: 11px;
          font-weight: 500; }
      .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-prev {
        left: -15px;
        width: 20px;
        height: 20px; }
      .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-next {
        right: -15px;
        width: 20px;
        height: 20px; }
      .mdpick-fw-utility-bag-18 .section-rolling .img-carousel .slick-disabled {
        opacity: 0; }
  .mdpick-fw-utility-bag-18 :focus {
    outline: none !important; }

.mdpick-fw-seamless-18 {
  background-color: #000;
  font-size: 0;
  text-align: center;
  color: #fff; }
  .mdpick-fw-seamless-18 p {
    margin: 0; }
  .mdpick-fw-seamless-18 .img {
    width: 100%; }
  .mdpick-fw-seamless-18 .section-1 {
    position: relative; }
    .mdpick-fw-seamless-18 .section-1 .title-box {
      position: absolute;
      width: 100%;
      top: 10%; }
      .mdpick-fw-seamless-18 .section-1 .title-box .title {
        width: 70%;
        margin-bottom: 4vw; }
      .mdpick-fw-seamless-18 .section-1 .title-box .btn {
        width: 60%; }
  .mdpick-fw-seamless-18 .blue-bg {
    width: 100%;
    height: 93vw;
    background-color: #244867; }
  .mdpick-fw-seamless-18 .section-2 {
    position: relative; }
    .mdpick-fw-seamless-18 .section-2 .video-box {
      position: absolute;
      top: -35%;
      width: 100%; }
      .mdpick-fw-seamless-18 .section-2 .video-box .video {
        width: 90%;
        display: inline-block; }
      .mdpick-fw-seamless-18 .section-2 .video-box .btn-watch {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 64%;
        width: 37%; }
    .mdpick-fw-seamless-18 .section-2 .two-items {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 30%;
      width: 100%; }
      .mdpick-fw-seamless-18 .section-2 .two-items .item {
        position: relative;
        width: 49.5%;
        display: inline-block; }
        .mdpick-fw-seamless-18 .section-2 .two-items .item .info-box {
          position: absolute;
          bottom: 15px;
          color: #000; }
          .mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .title {
            font-size: 16px;
            line-height: 1.4; }
          .mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .price {
            font-size: 12px;
            margin-top: 3px;
            margin-bottom: 11px;
            color: #a7a7a7; }
          .mdpick-fw-seamless-18 .section-2 .two-items .item .info-box .shop-btn {
            width: 30%; }
        .mdpick-fw-seamless-18 .section-2 .two-items .item:first-child {
          margin-right: 1%; }
  .mdpick-fw-seamless-18 .section-content .content-title {
    margin-top: 53vw;
    margin-bottom: 23vw; }
    .mdpick-fw-seamless-18 .section-content .content-title .title-img {
      width: 58%; }
  .mdpick-fw-seamless-18 .section-content .section-3 {
    margin-bottom: 23vw; }
    .mdpick-fw-seamless-18 .section-content .section-3:last-child {
      margin-bottom: 9vw; }
    .mdpick-fw-seamless-18 .section-content .section-3:before {
      content: '\3161';
      font-size: 35px; }
    .mdpick-fw-seamless-18 .section-content .section-3 .info-box {
      margin-top: 4vw;
      margin-bottom: 12vw; }
      .mdpick-fw-seamless-18 .section-content .section-3 .info-box .desc {
        font-size: 18px;
        line-height: 1.5; }
    .mdpick-fw-seamless-18 .section-content .section-3 .bottom-space {
      margin-bottom: 9vw; }
  .mdpick-fw-seamless-18 .section-5 {
    background-color: #244867; }
    .mdpick-fw-seamless-18 .section-5 .title-img {
      width: 63%;
      margin-top: 9vw; }
    .mdpick-fw-seamless-18 .section-5 .shop-btn {
      width: 17%;
      margin-top: 3vw; }
    .mdpick-fw-seamless-18 .section-5 .img-content {
      width: 90%;
      margin: 3vw auto;
      margin-bottom: 5vw; }
  .mdpick-fw-seamless-18 .black-line {
    position: relative; }
    .mdpick-fw-seamless-18 .black-line .line {
      position: absolute;
      content: '';
      width: 100%;
      height: 1px;
      background-color: #000; }
  .mdpick-fw-seamless-18.en .section-2 .two-items .item .info-box .title {
    font-size: 15px; }
  .mdpick-fw-seamless-18.en .section-content .section-3 .info-box .desc {
    line-height: 1.3; }

.mdpick-fw-higth-performance-18 {
  background-color: #000;
  font-size: 0;
  text-align: center;
  color: #fff; }
  .mdpick-fw-higth-performance-18 p {
    margin: 0; }
  .mdpick-fw-higth-performance-18 .img {
    width: 100%; }
  .mdpick-fw-higth-performance-18 .section-1 {
    position: relative; }
    .mdpick-fw-higth-performance-18 .section-1 .title-box {
      position: absolute;
      top: 10%;
      width: 100%; }
      .mdpick-fw-higth-performance-18 .section-1 .title-box .title {
        width: 85%;
        margin-bottom: 5vw; }
      .mdpick-fw-higth-performance-18 .section-1 .title-box .btn-product {
        width: 50%; }
    .mdpick-fw-higth-performance-18 .section-1 .btn-box {
      position: absolute;
      bottom: 20%;
      width: 100%; }
      .mdpick-fw-higth-performance-18 .section-1 .btn-box .btn-watch {
        width: 45%; }
  .mdpick-fw-higth-performance-18 .section-2 {
    background-color: #244867; }
    .mdpick-fw-higth-performance-18 .section-2 .desc-box {
      padding: 20vw 0;
      font-size: 20px;
      line-height: 1.5; }
  .mdpick-fw-higth-performance-18 .section-content .section-3 {
    position: relative;
    text-align: left; }
    .mdpick-fw-higth-performance-18 .section-content .section-3 .info-box {
      position: absolute;
      transform: translate(-50%, 100%);
      left: 50%;
      bottom: 13%;
      width: 90%;
      background-color: #000;
      box-sizing: border-box;
      padding: 7vw; }
      .mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 5vw; }
      .mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .price {
        font-size: 18px;
        color: #6d6d6d;
        margin-bottom: 5vw; }
      .mdpick-fw-higth-performance-18 .section-content .section-3 .info-box .desc {
        font-size: 16px;
        line-height: 24px;
        color: #bbbbbb; }
  .mdpick-fw-higth-performance-18 .section-content .section-4 {
    margin-top: 45vw;
    margin-bottom: 35vw; }
    .mdpick-fw-higth-performance-18 .section-content .section-4 .item {
      margin-bottom: 13vw; }
      .mdpick-fw-higth-performance-18 .section-content .section-4 .item .desc-box {
        margin-top: 6vw;
        text-align: left; }
        .mdpick-fw-higth-performance-18 .section-content .section-4 .item .desc-box .desc {
          font-size: 16px;
          line-height: 24px;
          padding: 0 7.5vw;
          color: #bbbbbb; }
  .mdpick-fw-higth-performance-18 .section-5 {
    background-color: #244867; }
    .mdpick-fw-higth-performance-18 .section-5 .title-img {
      width: 63%;
      margin-top: 9vw; }
    .mdpick-fw-higth-performance-18 .section-5 .shop-btn {
      width: 17%;
      margin-top: 3vw; }
    .mdpick-fw-higth-performance-18 .section-5 .img-content {
      width: 90%;
      margin: 3vw auto;
      margin-bottom: 5vw; }
  .mdpick-fw-higth-performance-18 .black-line {
    position: relative; }
    .mdpick-fw-higth-performance-18 .black-line .line {
      position: absolute;
      content: '';
      width: 100%;
      height: 1px;
      background-color: #000; }
  .mdpick-fw-higth-performance-18.en .section-2 .desc-box {
    padding: 20vw 0;
    font-size: 18px;
    line-height: 1.3; }
  .mdpick-fw-higth-performance-18.en .section-content .section-3 .info-box .desc {
    font-size: 16px;
    line-height: 20px; }

.mdpick-fw-cycle-inner-18 {
  font-size: 0;
  text-align: center;
  color: #fff;
  background-color: #18100f; }
  .mdpick-fw-cycle-inner-18 p {
    margin: 0; }
  .mdpick-fw-cycle-inner-18 .img {
    width: 100%; }
  .mdpick-fw-cycle-inner-18 .title {
    font-size: 14px; }
  .mdpick-fw-cycle-inner-18 .desc {
    font-size: 12px; }
  .mdpick-fw-cycle-inner-18 .price {
    font-size: 12px; }
  .mdpick-fw-cycle-inner-18 .section-2 {
    box-sizing: border-box;
    margin: 10vw 0; }
    .mdpick-fw-cycle-inner-18 .section-2 .text-box {
      margin-bottom: 7vw; }
      .mdpick-fw-cycle-inner-18 .section-2 .text-box .title {
        width: 80%;
        margin-bottom: 4vw; }
      .mdpick-fw-cycle-inner-18 .section-2 .text-box .desc {
        line-height: 1.5; }
    .mdpick-fw-cycle-inner-18 .section-2 .inner {
      width: 90%;
      margin: 0 auto; }
      .mdpick-fw-cycle-inner-18 .section-2 .inner .item {
        display: inline-block;
        width: 47%; }
        .mdpick-fw-cycle-inner-18 .section-2 .inner .item .title {
          font-size: 11px;
          margin-top: 8px;
          line-height: 1.5; }
        .mdpick-fw-cycle-inner-18 .section-2 .inner .item .price {
          font-size: 12px;
          font-weight: bold;
          margin-bottom: 5px; }
        .mdpick-fw-cycle-inner-18 .section-2 .inner .item .shop-btn {
          display: inline-block;
          font-size: 9px;
          color: #f2f67d;
          width: 45px;
          line-height: 20px;
          border: 1px solid; }
        .mdpick-fw-cycle-inner-18 .section-2 .inner .item:first-child {
          margin-right: 6%; }
  .mdpick-fw-cycle-inner-18 .section-3 {
    box-sizing: border-box;
    margin: 0 5%;
    margin-top: -12vw; }
    .mdpick-fw-cycle-inner-18 .section-3 .main {
      margin-bottom: 50px; }
      .mdpick-fw-cycle-inner-18 .section-3 .main .title {
        font-size: 16px;
        margin-bottom: 10px;
        display: inline-block;
        position: relative; }
        .mdpick-fw-cycle-inner-18 .section-3 .main .title:after {
          content: '';
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 1px;
          border-width: 0 0 1px;
          border-style: solid; }
      .mdpick-fw-cycle-inner-18 .section-3 .main .text-box {
        margin: 16px 0; }
      .mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc {
        position: relative;
        width: 95%;
        margin: 0 auto; }
        .mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .logo {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          width: 20%; }
        .mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .desc-box {
          float: right;
          width: 78%;
          text-align: left; }
          .mdpick-fw-cycle-inner-18 .section-3 .main .sub-desc .desc-box .desc {
            font-size: 10px; }
    .mdpick-fw-cycle-inner-18 .section-3 .sub {
      margin-bottom: 50px; }
      .mdpick-fw-cycle-inner-18 .section-3 .sub .desc-box {
        margin-top: 16px; }
  .mdpick-fw-cycle-inner-18 .section-bottom {
    position: relative;
    margin-bottom: -1px; }
    .mdpick-fw-cycle-inner-18 .section-bottom .click-area {
      position: absolute;
      top: 46%;
      right: 10%;
      width: 34vw;
      height: 6vw; }
    .mdpick-fw-cycle-inner-18 .section-bottom .text-box {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 14%; }
      .mdpick-fw-cycle-inner-18 .section-bottom .text-box .title {
        font-size: 20px; }
      .mdpick-fw-cycle-inner-18 .section-bottom .text-box .desc {
        font-size: 21px;
        text-decoration: underline; }

.mdpick-fw-thindown-18 {
  font-size: 0;
  text-align: center;
  color: #000;
  background-color: #fff; }
  .mdpick-fw-thindown-18 p {
    margin: 0; }
  .mdpick-fw-thindown-18 .img {
    width: 100%; }
  .mdpick-fw-thindown-18 .title, .mdpick-fw-thindown-18 .desc, .mdpick-fw-thindown-18 .price {
    font-size: 3vw; }
  .mdpick-fw-thindown-18 .section-1 {
    min-height: 170vw; }
    .mdpick-fw-thindown-18 .section-1 .title-img {
      width: 75%;
      margin-top: 15vw; }
    .mdpick-fw-thindown-18 .section-1:after {
      content: '\3161';
      font-size: 13vw;
      display: block; }
  .mdpick-fw-thindown-18 .section-2 {
    margin-bottom: 15vw; }
    .mdpick-fw-thindown-18 .section-2 .sub-title-img {
      width: 90%;
      margin-bottom: 6vw; }
    .mdpick-fw-thindown-18 .section-2 .desc-box .desc-img {
      width: 80%; }
  .mdpick-fw-thindown-18 .contents-section .video-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 15vw; }
    .mdpick-fw-thindown-18 .contents-section .video-section .black-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 185vw;
      background-color: #000;
      opacity: 0.2; }
    .mdpick-fw-thindown-18 .contents-section .video-section .title-box {
      position: absolute;
      top: 50vw;
      left: 7vw;
      text-align: left; }
      .mdpick-fw-thindown-18 .contents-section .video-section .title-box .title-wrap {
        margin-bottom: 4vw; }
      .mdpick-fw-thindown-18 .contents-section .video-section .title-box .title-img {
        width: 68%; }
      .mdpick-fw-thindown-18 .contents-section .video-section .title-box .desc {
        font-size: 4.8vw;
        color: #fff; }
  .mdpick-fw-thindown-18 .contents-section .product-section .info-box {
    margin-bottom: 8vw; }
    .mdpick-fw-thindown-18 .contents-section .product-section .info-box .title {
      font-size: 4vw;
      margin-top: 0;
      margin-bottom: 2vw; }
    .mdpick-fw-thindown-18 .contents-section .product-section .info-box .desc {
      font-size: 3.3vw; }
  .mdpick-fw-thindown-18 .contents-section .product-section .products {
    margin-bottom: 15vw; }
    .mdpick-fw-thindown-18 .contents-section .product-section .products .product {
      display: inline-block;
      width: 48%; }
      .mdpick-fw-thindown-18 .contents-section .product-section .products .product:first-child {
        margin-right: 4%; }
      .mdpick-fw-thindown-18 .contents-section .product-section .products .product .title {
        margin-top: 4vw; }
      .mdpick-fw-thindown-18 .contents-section .product-section .products .product .price {
        margin-bottom: 3vw;
        font-size: 3.5vw;
        font-weight: bold; }
      .mdpick-fw-thindown-18 .contents-section .product-section .products .product .shop-btn {
        display: inline-block;
        width: 18vw;
        line-height: 7.5vw;
        border: 1px solid;
        font-size: 3.5vw;
        font-weight: bold;
        color: #ff0000; }
  .mdpick-fw-thindown-18 .last-block {
    height: 15vw; }
  .mdpick-fw-thindown-18 .hidden-container {
    overflow: hidden; }
    .mdpick-fw-thindown-18 .hidden-container .hidden {
      opacity: 0;
      transform: translateY(100%); }

@keyframes show {
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes showOpacity {
  100% {
    opacity: 0.4; } }

.mdpick-replica-2018 {
  font-size: 0;
  text-align: center;
  color: #000;
  background-color: #fff; }
  .mdpick-replica-2018 p {
    margin: 0; }
  .mdpick-replica-2018 img {
    width: 100%; }
  .mdpick-replica-2018 .title, .mdpick-replica-2018 .desc, .mdpick-replica-2018 .price {
    font-size: 3.8vw; }
  .mdpick-replica-2018 .section-1 {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 63vw; }
  .mdpick-replica-2018 .section-1-2 .text-box .title {
    width: 50%;
    margin-top: 10vw;
    margin-bottom: 5vw; }
  .mdpick-replica-2018 .section-1-2 .text-box .desc {
    margin-bottom: 6vw; }
  .mdpick-replica-2018 .section-2 {
    background-size: contain;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
    height: 232vw; }
    .mdpick-replica-2018 .section-2 .text-box {
      display: table-cell;
      vertical-align: bottom; }
      .mdpick-replica-2018 .section-2 .text-box .inner {
        width: 64%;
        margin: 0 auto; }
  .mdpick-replica-2018 .section-2-2 {
    margin-top: 10vw; }
    .mdpick-replica-2018 .section-2-2 .title {
      margin-bottom: 3vw; }
  .mdpick-replica-2018 .section-4 .video {
    margin: 0 auto; }
  .mdpick-replica-2018 .section-5 .title {
    width: 50%;
    margin: 10vw; }
  .mdpick-replica-2018 .section-5 .products .product {
    width: 49%;
    margin-bottom: 12vw; }
    .mdpick-replica-2018 .section-5 .products .product:nth-child(2n-1) {
      margin-right: 2%; }
  .mdpick-replica-2018 .video-box {
    position: relative; }
    .mdpick-replica-2018 .video-box .video-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 20%; }
  .mdpick-replica-2018 * {
    font-family: HelveticaNeueLTPro-Roman, 'Noto Sans KR', sans-serif; }

.mdpick-component-product {
  display: inline-block;
  width: 100%; }
  .mdpick-component-product .mdpick-component-img {
    width: 100%; }
  .mdpick-component-product .mdpick-component-color-grid {
    margin-top: 1.5vw; }
    .mdpick-component-product .mdpick-component-color-grid .mdpick-component-color-img {
      width: 20%;
      margin-right: 0.5vw; }
      .mdpick-component-product .mdpick-component-color-grid .mdpick-component-color-img:last-child {
        margin-right: 0; }
  .mdpick-component-product .mdpick-component-title {
    margin-top: 4vw;
    margin-bottom: 0;
    font-size: 3vw; }
  .mdpick-component-product .mdpick-component-price {
    margin-top: 0;
    margin-bottom: 3vw;
    font-size: 3.5vw;
    font-weight: bold; }
  .mdpick-component-product .mdpick-component-shop-btn {
    display: inline-block;
    width: 18vw;
    line-height: 7.5vw;
    border: 1px solid;
    font-size: 3.5vw;
    font-weight: bold;
    color: #ff0000; }

.mdpick-pinnacle {
  font-family: FFDINWebProBold, 'Noto Sans KR', sans-serif; }
  .mdpick-pinnacle .pinnacle-contents {
    /*main*/
    /*메인페이지 텍스트 1번째줄*/
    /*메인페이지 텍스트 2번째줄*/
    /*메인페이지 텍스트 3번째줄*/
    /*메인페이지 스크롤 다운 아이콘*/
    /*메인페이지 로딩시 bg 이펙트*/
    /*메인페이지 우측 파란박스 이펙트*/
    /*메인페이지 텍스트 윗라인 이펙트*/
    /*메인페이지 텍스트 아래라인 이펙트*/
    /*sub*/
    /*서브페이지 메인텍스트 영역*/
    /*서브페이지 메인텍스트 영역*/
    /*shop*/ }
    .mdpick-pinnacle .pinnacle-contents .main-page-link {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 3;
      width: 18px; }
    .mdpick-pinnacle .pinnacle-contents .owl-nav {
      display: none; }

@-webkit-keyframes mainBox {
  0% {
    transform: translate(100%, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes mainBox {
  0% {
    transform: translate(100%, 0); }
  100% {
    transform: translate(0, 0); } }

@-webkit-keyframes mainText {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }

@keyframes mainText {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }

@-webkit-keyframes fadeBg {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes fadeBg {
  0% {
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@-webkit-keyframes wd100 {
  0% {
    width: 0; }
  50% {
    width: 50%; }
  100% {
    width: 100%; } }

@keyframes wd100 {
  0% {
    width: 0; }
  50% {
    width: 50%; }
  100% {
    width: 100%; } }

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

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

@-webkit-keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes typing {
  from {
    width: 0; }
  to {
    width: 100%; } }
    .mdpick-pinnacle .pinnacle-contents img {
      max-width: 100%; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-wrap {
      height: 100%;
      width: 100%; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section {
      height: 100% !important; }
    .mdpick-pinnacle .pinnacle-contents .fp-tableCell {
      height: 100% !important; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-sec {
      background: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/mobile/v1/images/main_sec_bg.jpg) top center no-repeat;
      background-size: cover;
      height: 100%;
      position: relative;
      overflow: hidden; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 82, 145, 0.7); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner {
      position: absolute;
      width: 235px;
      top: 50%;
      left: 50%;
      margin: -113px 0 0 -113px;
      padding: 15px 0; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner span.pinnacle-line-top {
      display: block;
      width: 0;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner span.pinnacle-line-bottom {
      display: block;
      width: 0;
      height: 1px;
      background: #fff;
      position: absolute;
      bottom: 0;
      right: 0; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p {
      font-size: 50px;
      font-weight: bold;
      color: #fff;
      line-height: 55px;
      padding: 5px 0;
      overflow: hidden;
      height: 55px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t1 {
      letter-spacing: 0.72em; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t2 {
      letter-spacing: 0.09em; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t3 {
      letter-spacing: -0.07em; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-main-inner p span {
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%);
      display: block; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t1 span {
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 4s;
      -webkit-animation-duration: 700ms;
      animation-duration: 700ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t2 span {
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 4.2s;
      -webkit-animation-duration: 700ms;
      animation-duration: 700ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner p.pinnacle-main-t3 span {
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 4.4s;
      -webkit-animation-duration: 700ms;
      animation-duration: 700ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-main-box .pinnacle-scroll-icon {
      bottom: 25px;
      left: 0;
      width: 23px;
      left: 50%;
      margin-left: -12px;
      position: absolute;
      text-align: center;
      opacity: 0;
      filter: alpha(opacity=0); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-scroll-icon {
      -webkit-animation-name: fadeBg;
      animation-name: fadeBg;
      animation-delay: 5s;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-sec {
      -webkit-animation-name: fadeBg;
      animation-name: fadeBg;
      animation-delay: 800ms;
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-sec .pinnacle-main-box {
      -webkit-animation-name: mainBox;
      animation-name: mainBox;
      animation-delay: 2s;
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner span.pinnacle-line-top {
      -webkit-animation-name: wd100;
      animation-name: wd100;
      animation-delay: 3s;
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-main-box .pinnacle-main-inner span.pinnacle-line-bottom {
      -webkit-animation-name: wd100;
      animation-name: wd100;
      animation-delay: 3s;
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out;
      -webkit-animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      box-sizing: border-box; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      z-index: 1;
      -moz-transition: 700ms;
      -ms-transition: 700ms;
      -webkit-transition: 700ms;
      transition: 700ms;
      transition-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .plnnacle-sub-slide .owl-stage {
      *zoom: 1; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .plnnacle-sub-slide .owl-stage:after {
      content: "";
      display: block;
      clear: both; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .plnnacle-sub-slide .owl-item {
      float: left; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual {
      position: relative;
      height: 100%;
      z-index: 0; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .plnnacle-sub-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .owl-dots {
      position: absolute;
      bottom: 8px;
      left: 0;
      display: block;
      width: 100%;
      text-align: center;
      z-index: 2; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .owl-dots .owl-dot {
      display: inline-block;
      width: 40px;
      height: 1px;
      background: #fff;
      margin: 0 2px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .owl-dots .owl-dot.active {
      background: #ff0000; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-visual .pinnacle-sub-text {
      padding: 10% 15px 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      z-index: 2; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-visual .pinnacle-sub-text dt {
      margin-bottom: 20px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-visual .pinnacle-sub-text dt p {
      font-size: 32px;
      line-height: 34px;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-weight: bold;
      color: #fff;
      display: block;
      text-transform: uppercase;
      position: relative; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      display: block;
      width: 74px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      color: #000;
      font-size: 12px;
      font-weight: bold;
      background: #fff;
      transition: 1.4s;
      transition-timing-function: ease-out;
      opacity: 0;
      filter: alpha(opacity=0); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video {
      margin: 7% 15px 0;
      padding-bottom: 50%;
      position: relative; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: translate(-110%, 0);
      transition: 1s;
      transition-timing-function: ease-out;
      opacity: 0;
      filter: alpha(opacity=0); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p {
      -webkit-animation-name: typing;
      animation-name: typing;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      opacity: 1;
      filter: alpha(opacity=100); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(2) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(1) {
      animation-delay: 0.5s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(2) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(2) {
      animation-delay: 1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(2) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(3) {
      animation-delay: 1.65s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(2) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      transition-delay: 2.1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(3) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(1) {
      animation-delay: 0.5s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(3) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(2) {
      animation-delay: 1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(3) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      transition-delay: 1.6s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(4) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(1) {
      animation-delay: 0.5s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(4) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(2) {
      animation-delay: 1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(4) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(3) {
      animation-delay: 1.65s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(4) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      transition-delay: 2.1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(5) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(1) {
      animation-delay: 0.5s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(5) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(2) {
      animation-delay: 1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(5) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dt p:nth-child(3) {
      animation-delay: 1.65s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active:nth-child(5) .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-visual .pinnacle-sub-text dd .pinnacle-more {
      transition-delay: 2.1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-info.pinnacle-open .pinnacle-sub-text dd {
      transform: translate(0, 0);
      transition-delay: 1s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-info.pinnacle-open .pinnacle-sub-video video {
      transform: translate(0, 0);
      opacity: 1;
      filter: alpha(opacity=100);
      transition-delay: 1.5s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 2;
      transform: translate(0, 100%);
      transition: 1s;
      transition-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-close {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 18px;
      height: 18px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text {
      padding: 7% 15px 0; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text dt {
      margin-bottom: 20px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text dt p {
      font-size: 32px;
      line-height: 34px;
      white-space: nowrap;
      font-weight: bold;
      color: #000000;
      display: block;
      text-transform: uppercase;
      position: relative; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text dd {
      font-size: 14px;
      line-height: 17px;
      color: #000;
      transform: translate(-120%, 0);
      transition: 1.4s;
      transition-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text dd li {
      margin-top: 8%; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-info .pinnacle-sub-text dd li .pinnacle-sub3-stt {
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 5px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-sub-sec .pinnacle-sub-item .pinnacle-sub-info.pinnacle-open {
      transform: translate(0, 0); }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec {
      background: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/pinnacle/mobile/v1/images/shop_sec_bg.jpg) bottom right no-repeat;
      background-size: auto 100%;
      height: 100%;
      position: relative; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-info {
      position: absolute;
      bottom: 50px;
      left: 15px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt {
      font-size: 34px;
      font-weight: bold;
      color: #fff;
      line-height: 34px; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dd {
      font-size: 14px;
      color: #fff;
      line-height: 17px;
      margin-top: 10px;
      overflow: hidden; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-btn-shop {
      display: block;
      width: 74px;
      height: 32px;
      background: #fff;
      line-height: 32px;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #000;
      margin: 25px 0 0;
      -moz-transition: 700ms;
      -ms-transition: 700ms;
      -webkit-transition: 700ms;
      transition: 700ms;
      opacity: 0;
      filter: alpha(opacity=0);
      transition-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-btn-shop {
      opacity: 1;
      filter: alpha(opacity=100);
      transition-delay: 2.6s; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-btn-shop:hover {
      background: #333;
      color: #fff; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt p {
      height: 34px;
      overflow: hidden; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-shop-sec .pinnacle-shop-disc dt p span {
      transform: translate(0, 100%);
      display: block; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info p:nth-child(1) span {
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 1.2s;
      -webkit-animation-duration: 1.2s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info p:nth-child(2) span {
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 1.4s;
      -webkit-animation-duration: 1.2s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out; }
    .mdpick-pinnacle .pinnacle-contents .pinnacle-section.active .pinnacle-shop-sec .pinnacle-shop-info dd span {
      display: block;
      -webkit-animation-name: mainText;
      animation-name: mainText;
      animation-delay: 2s;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-timing-function: ease-in-out; }

.mdpick-19-ss {
  font-family: DINNextLTProRegular, 'Noto Sans KR', sans-serif;
  width: 100%;
  box-sizing: border-box; }
  .mdpick-19-ss p {
    margin: 0; }
  .mdpick-19-ss img {
    width: 100%; }
  .mdpick-19-ss .top-section {
    min-height: 600px; }
  .mdpick-19-ss .title-section {
    text-align: center;
    padding: 16vw 0; }
    .mdpick-19-ss .title-section .title {
      font-family: DINNextLTProBold, 'Noto Sans KR', sans-serif;
      font-size: 7vw;
      margin: 1vw; }
    .mdpick-19-ss .title-section .desc {
      font-size: 3.4vw;
      margin-top: 3vw; }
  .mdpick-19-ss .video-section {
    padding: 0 4%;
    margin-bottom: 12vw; }
  .mdpick-19-ss .white {
    background-color: #fff; }
    .mdpick-19-ss .white .product-name a {
      color: #000; }
  .mdpick-19-ss .black {
    background-color: #000; }
    .mdpick-19-ss .black .product-name a {
      color: #fff; }
  .mdpick-19-ss .img-section {
    padding: 0 4%;
    padding-top: 10%; }
    .mdpick-19-ss .img-section.a-type {
      padding-top: 8%;
      padding-bottom: 5%; }
      .mdpick-19-ss .img-section.a-type .item1 {
        width: 53%; }
      .mdpick-19-ss .img-section.a-type .item2 {
        width: 40%;
        float: right;
        margin-top: -8%; }
      .mdpick-19-ss .img-section.a-type .item3 {
        width: 48%;
        float: right;
        margin-top: -22%;
        margin-right: 15%; }
    .mdpick-19-ss .img-section.b-type .center {
      text-align: center; }
    .mdpick-19-ss .img-section.b-type .item1 {
      width: 80%; }
    .mdpick-19-ss .img-section.b-type .ss-box {
      text-align: right;
      margin-top: 31vw; }
      .mdpick-19-ss .img-section.b-type .ss-box .item2 {
        width: 60%; }
      .mdpick-19-ss .img-section.b-type .ss-box .item3 {
        width: 62%;
        float: left;
        margin-top: -68%; }
    .mdpick-19-ss .img-section.c-type {
      padding-bottom: 26%;
      text-align: right; }
      .mdpick-19-ss .img-section.c-type .item1 {
        width: 40%;
        float: left;
        margin-top: 6vw; }
      .mdpick-19-ss .img-section.c-type .item2 {
        width: 53%; }
      .mdpick-19-ss .img-section.c-type .item3 {
        width: 60%;
        float: left;
        margin-top: -6%;
        margin-left: 18vw; }
    .mdpick-19-ss .img-section.d-type {
      padding-bottom: 24vw; }
      .mdpick-19-ss .img-section.d-type .item1 {
        width: 80%; }
      .mdpick-19-ss .img-section.d-type .item2 {
        width: 63%;
        float: right;
        margin-top: -9vw; }
  .mdpick-19-ss .rolling-section {
    padding: 12vw 0; }
    .mdpick-19-ss .rolling-section .inner {
      margin: auto; }
      .mdpick-19-ss .rolling-section .inner .owl-pagination {
        display: none; }
      .mdpick-19-ss .rolling-section .inner .product-name {
        font-size: 13px;
        padding: 0 4%; }
    .mdpick-19-ss .rolling-section .name-box {
      margin-top: 2%; }

.mdpick-19-ss-running {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0; }
  .mdpick-19-ss-running * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-running p {
    margin: 0; }
  .mdpick-19-ss-running img {
    width: 100%; }
  .mdpick-19-ss-running .margin {
    margin: 0 4%; }
  .mdpick-19-ss-running .section-title {
    padding-top: 10.4%;
    padding-bottom: 5.2%; }
    .mdpick-19-ss-running .section-title .title {
      font-family: 'DINNextLTProBold', sans-serif;
      font-weight: bold;
      font-size: 7.5vw;
      margin: 0;
      line-height: 1; }
    .mdpick-19-ss-running .section-title .desc {
      margin-top: 1.3vw;
      font-size: 3.5vw; }
  .mdpick-19-ss-running .section-product {
    padding-top: 10%;
    padding-bottom: 6%; }
    .mdpick-19-ss-running .section-product .img-box-top .img1 {
      width: 52%; }
    .mdpick-19-ss-running .section-product .img-box-top .img2 {
      width: 39%; }
    .mdpick-19-ss-running .section-product .img-box-bottom {
      padding-top: 6%;
      position: relative; }
      .mdpick-19-ss-running .section-product .img-box-bottom .inner-box .title {
        margin-top: 6.9%;
        margin-bottom: 2.5%;
        font-weight: bold;
        font-size: 4.7vw; }
      .mdpick-19-ss-running .section-product .img-box-bottom .inner-box .desc {
        font-size: 3.4vw; }
      .mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table {
        margin-top: 3.5vw; }
        .mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table .price {
          display: inline-block;
          font-weight: bold;
          font-size: 3.5vw;
          margin-right: 5vw; }
        .mdpick-19-ss-running .section-product .img-box-bottom .inner-box .table .shop-btn {
          display: inline-block;
          width: 18%;
          padding: 1.4vw 0;
          font-size: 3.5vw;
          border: 1px solid #ee1d25;
          color: #ee1d25;
          font-weight: bold; }
    .mdpick-19-ss-running .section-product.blue .img1 {
      float: left; }
    .mdpick-19-ss-running .section-product.blue .img2 {
      float: right;
      margin-top: 18vw; }
    .mdpick-19-ss-running .section-product.blue .inner-box {
      left: 10%; }
    .mdpick-19-ss-running .section-product.yellow .img1 {
      float: right; }
    .mdpick-19-ss-running .section-product.yellow .img2 {
      float: left;
      margin-top: 18vw; }
    .mdpick-19-ss-running .section-product.yellow .inner-box {
      right: 10%; }

.mdpick-19-ss-wrestling {
  width: 100%;
  color: #fff;
  font-size: 0;
  box-sizing: border-box; }
  .mdpick-19-ss-wrestling * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-wrestling .title {
    font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-19-ss-wrestling h1, .mdpick-19-ss-wrestling h2, .mdpick-19-ss-wrestling p {
    margin: 0; }
  .mdpick-19-ss-wrestling img {
    width: 100%; }
  .mdpick-19-ss-wrestling .wrap {
    position: relative; }
  .mdpick-19-ss-wrestling .section-1 .video-box {
    width: 92%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 33%;
    text-align: center; }
    .mdpick-19-ss-wrestling .section-1 .video-box .title {
      font-size: 10vw; }
    .mdpick-19-ss-wrestling .section-1 .video-box .desc {
      font-size: 4vw;
      margin-top: 2vw;
      margin-bottom: 13vw; }
    .mdpick-19-ss-wrestling .section-1 .video-box .video-thumbnail {
      position: absolute;
      bottom: 0;
      left: 0; }
      .mdpick-19-ss-wrestling .section-1 .video-box .video-thumbnail .btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60%; }
  .mdpick-19-ss-wrestling .section-2 {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/web/2/2_bg.jpg); }
    .mdpick-19-ss-wrestling .section-2 .product-info {
      position: absolute;
      top: 12vw;
      width: 100%;
      text-align: center; }
      .mdpick-19-ss-wrestling .section-2 .product-info .title {
        font-size: 4.3vw; }
      .mdpick-19-ss-wrestling .section-2 .product-info .price {
        font-size: 3.3vw;
        margin-top: 2vw;
        color: #bbb; }
    .mdpick-19-ss-wrestling .section-2 .img-box {
      position: absolute;
      bottom: 3%;
      padding: 0 4%; }
      .mdpick-19-ss-wrestling .section-2 .img-box .img {
        width: 48%; }
      .mdpick-19-ss-wrestling .section-2 .img-box .img1 {
        margin-right: 4%; }
  .mdpick-19-ss-wrestling .section-3 {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/web/3/3_bg.jpg);
    color: #080808; }
    .mdpick-19-ss-wrestling .section-3 .title {
      position: absolute;
      top: 7.5vw;
      width: 100%;
      padding-left: 5.8%;
      font-size: 5.4vw;
      line-height: 1; }
    .mdpick-19-ss-wrestling .section-3 .img-box {
      position: absolute;
      bottom: 5vw;
      padding: 0 4%; }
      .mdpick-19-ss-wrestling .section-3 .img-box .img {
        width: 48%;
        display: inline-block;
        vertical-align: top; }
      .mdpick-19-ss-wrestling .section-3 .img-box .img1 {
        margin-right: 4%; }
      .mdpick-19-ss-wrestling .section-3 .img-box .desc {
        font-size: 4vw;
        margin-top: 3vw; }
  .mdpick-19-ss-wrestling .section-4 {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/mdpick/19ss_wrestling/web/4/4_bg.jpg); }
    .mdpick-19-ss-wrestling .section-4 .title {
      position: absolute;
      top: 4%;
      left: 5%;
      font-size: 5vw; }
    .mdpick-19-ss-wrestling .section-4 .inner-box {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 5%;
      width: 45%;
      color: #bbb; }
      .mdpick-19-ss-wrestling .section-4 .inner-box .text-box {
        width: 100%;
        margin-left: 20vw;
        margin-bottom: 7vw; }
        .mdpick-19-ss-wrestling .section-4 .inner-box .text-box .desc {
          font-size: 4vw; }
      .mdpick-19-ss-wrestling .section-4 .inner-box .img-box .sub-desc {
        margin-top: 3vw;
        font-size: 4vw; }

.mdpick-19-ss-hybrid-running {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0; }
  .mdpick-19-ss-hybrid-running * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-hybrid-running p, .mdpick-19-ss-hybrid-running h1, .mdpick-19-ss-hybrid-running h2, .mdpick-19-ss-hybrid-running h3, .mdpick-19-ss-hybrid-running h4 {
    margin: 0; }
  .mdpick-19-ss-hybrid-running img {
    width: 100%; }
  .mdpick-19-ss-hybrid-running .title {
    font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-19-ss-hybrid-running .main-section {
    position: relative; }
    .mdpick-19-ss-hybrid-running .main-section .title {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10%;
      font-size: 5vw;
      text-align: left;
      color: #fff; }
    .mdpick-19-ss-hybrid-running .main-section .poster {
      position: absolute;
      top: 0;
      left: 0; }
      .mdpick-19-ss-hybrid-running .main-section .poster .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 62%; }
  .mdpick-19-ss-hybrid-running .sub-title-section {
    margin: 15% 0; }
    .mdpick-19-ss-hybrid-running .sub-title-section .title {
      font-size: 8.7vw;
      line-height: 1; }
    .mdpick-19-ss-hybrid-running .sub-title-section .desc {
      font-size: 3.7vw;
      margin-top: 3vw;
      line-height: 1.5; }
  .mdpick-19-ss-hybrid-running .product-section .product-banner {
    position: relative; }
    .mdpick-19-ss-hybrid-running .product-section .product-banner .text-box {
      margin-top: 16.5vw; }
      .mdpick-19-ss-hybrid-running .product-section .product-banner .text-box .title {
        font-size: 5.7vw;
        font-family: 'Noto Sans KR', sans-serif; }
      .mdpick-19-ss-hybrid-running .product-section .product-banner .text-box .desc {
        margin-top: 3vw;
        font-size: 3.5vw; }
  .mdpick-19-ss-hybrid-running .product-section .inner {
    margin: 0 4%;
    margin-top: 14%; }
    .mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item {
      width: 46%;
      display: inline-block;
      vertical-align: top; }
      .mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item .desc {
        margin-top: 2.7vw;
        font-size: 3.1vw;
        line-height: 1.3; }
      .mdpick-19-ss-hybrid-running .product-section .inner .product-grid .item.mg {
        margin-right: 8%; }
    .mdpick-19-ss-hybrid-running .product-section .inner .product-shop {
      position: relative;
      text-align: left;
      margin-top: 10%;
      margin-bottom: 28%;
      margin-left: 3%; }
      .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box {
        margin-top: 17%; }
        .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info {
          text-align: right;
          padding-right: 3%; }
          .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .name {
            display: inline-block;
            width: 62%;
            text-align: left;
            font-size: 3.7vw; }
          .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .right {
            display: inline-block;
            width: 38%; }
            .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .right .price {
              font-size: 3.5vw;
              margin-right: 1.5vw;
              font-weight: normal; }
            .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info .right .shop-btn {
              display: inline-block;
              font-size: 3.2vw;
              color: #ff0000;
              padding: 1.2vw 2.7vw;
              border: 1px solid;
              font-weight: bold; }
          .mdpick-19-ss-hybrid-running .product-section .inner .product-shop .text-box .product-info.mg {
            margin-top: 5vw; }

.mdpick-19-ss-utilitybag {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0; }
  .mdpick-19-ss-utilitybag * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-utilitybag .title {
    font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-19-ss-utilitybag p, .mdpick-19-ss-utilitybag h1, .mdpick-19-ss-utilitybag h2, .mdpick-19-ss-utilitybag h3, .mdpick-19-ss-utilitybag h4 {
    margin: 0; }
  .mdpick-19-ss-utilitybag img {
    width: 100%; }
  .mdpick-19-ss-utilitybag .top-section {
    position: relative; }
    .mdpick-19-ss-utilitybag .top-section .title {
      position: absolute;
      top: 30%;
      left: -6%;
      font-size: 5vw;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      margin-left: -22vw; }
    .mdpick-19-ss-utilitybag .top-section .btn-scroll-down {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      width: 47%; }
  .mdpick-19-ss-utilitybag .main-section {
    position: relative;
    height: 178vw;
    background-color: #f9f9f9;
    padding-top: 6%; }
    .mdpick-19-ss-utilitybag .main-section .img1 {
      width: 51vw;
      float: left;
      margin-top: 12vw; }
    .mdpick-19-ss-utilitybag .main-section .img2 {
      width: 38vw;
      float: right; }
    .mdpick-19-ss-utilitybag .main-section .img3 {
      width: 30vw;
      float: right;
      margin-top: 11vw; }
    .mdpick-19-ss-utilitybag .main-section .img4 {
      width: 31vw;
      float: left;
      margin-top: 29vw; }
    .mdpick-19-ss-utilitybag .main-section .img5 {
      width: 40.9vw;
      float: left;
      margin-top: 3vw;
      margin-left: 11vw;
      margin-bottom: 4vw; }
    .mdpick-19-ss-utilitybag .main-section .img6 {
      width: 35vw;
      float: left;
      margin-top: 6vw;
      margin-left: 16vw; }
    .mdpick-19-ss-utilitybag .main-section .img7 {
      width: 40.9vw;
      float: right; }
  .mdpick-19-ss-utilitybag .product-section {
    box-shadow: inset 0px 12px 33px -22px #111; }
    .mdpick-19-ss-utilitybag .product-section .video-section .title {
      padding-top: 55px;
      font-size: 24px;
      line-height: 24px; }
    .mdpick-19-ss-utilitybag .product-section .video-section .price {
      font-size: 14px;
      margin-top: 10px;
      color: #676767; }
    .mdpick-19-ss-utilitybag .product-section .video-section .video-box {
      position: relative;
      width: 64vw;
      margin: 4vw auto; }
      .mdpick-19-ss-utilitybag .product-section .video-section .video-box .poster {
        position: absolute;
        top: 0;
        left: 0; }
        .mdpick-19-ss-utilitybag .product-section .video-section .video-box .poster .play-btn {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 62%; }
    .mdpick-19-ss-utilitybag .product-section .video-section .desc {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 30px; }
  .mdpick-19-ss-utilitybag .spyder-carousel .owl-pagination {
    bottom: 10px; }
  .mdpick-19-ss-utilitybag .spyder-carousel .owl-controls .owl-page span {
    width: 60px; }

.mdpick-19-ss-cycle {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-ss-cycle * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-cycle .title {
    font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-19-ss-cycle p, .mdpick-19-ss-cycle h1, .mdpick-19-ss-cycle h2, .mdpick-19-ss-cycle h3, .mdpick-19-ss-cycle h4 {
    margin: 0; }
  .mdpick-19-ss-cycle img {
    width: 100%; }
  .mdpick-19-ss-cycle a {
    color: #000; }
  .mdpick-19-ss-cycle .banner-section {
    position: relative; }
    .mdpick-19-ss-cycle .banner-section .text-box {
      margin: 12vw 0; }
      .mdpick-19-ss-cycle .banner-section .text-box .title {
        font-weight: 700;
        font-size: 10vw; }
      .mdpick-19-ss-cycle .banner-section .text-box .desc {
        font-size: 4vw; }
  .mdpick-19-ss-cycle .product-section {
    padding: 0 6.8%;
    padding-bottom: 10vw;
    background-size: cover; }
    .mdpick-19-ss-cycle .product-section .title-wrap {
      position: relative; }
      .mdpick-19-ss-cycle .product-section .title-wrap .main-img {
        margin-top: 10vw;
        margin-bottom: 6vw; }
      .mdpick-19-ss-cycle .product-section .title-wrap .text-box {
        margin-bottom: 10vw; }
        .mdpick-19-ss-cycle .product-section .title-wrap .text-box .title {
          margin-top: 6.9%;
          margin-bottom: 5%;
          font-weight: 700;
          font-size: 5.0vw; }
        .mdpick-19-ss-cycle .product-section .title-wrap .text-box .desc {
          font-size: 3.7vw;
          line-height: 1.3; }
        .mdpick-19-ss-cycle .product-section .title-wrap .text-box .table {
          margin-top: 5vw; }
          .mdpick-19-ss-cycle .product-section .title-wrap .text-box .table .price {
            display: inline-block;
            font-weight: bold;
            font-size: 3.8vw;
            margin-right: 5vw; }
          .mdpick-19-ss-cycle .product-section .title-wrap .text-box .table .shop-btn {
            display: inline-block;
            width: 18%;
            padding: 1.4vw 0;
            font-size: 3.5vw;
            border: 1px solid #ee1d25;
            color: #ee1d25;
            font-weight: bold; }
    .mdpick-19-ss-cycle .product-section .img-table .item {
      width: 73%;
      display: inline-block; }
      .mdpick-19-ss-cycle .product-section .img-table .item .desc {
        font-size: 3.5vw;
        margin-top: 6vw; }
  .mdpick-19-ss-cycle .bottom-img-section {
    padding-top: 10%;
    padding-bottom: 13vw;
    background-size: cover; }
    .mdpick-19-ss-cycle .bottom-img-section .item {
      width: 43%;
      margin: 2%;
      display: inline-block; }
  .mdpick-19-ss-cycle .spyder-carousel .owl-pagination {
    top: 59vw; }
  .mdpick-19-ss-cycle .spyder-carousel.indicator-dot .owl-controls .owl-page span {
    width: 7px;
    height: 7px; }

.mdpick-19-training-men {
  width: 100%;
  box-sizing: border-box;
  font-size: 0; }
  .mdpick-19-training-men * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-training-men .title {
    font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-19-training-men p, .mdpick-19-training-men h1, .mdpick-19-training-men h2, .mdpick-19-training-men h3, .mdpick-19-training-men h4 {
    margin: 0; }
  .mdpick-19-training-men img {
    width: 100%; }
  .mdpick-19-training-men .main-page {
    position: relative; }
    .mdpick-19-training-men .main-page .poster {
      position: absolute;
      top: 0;
      left: 0; }
      .mdpick-19-training-men .main-page .poster .play-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10%;
        height: 45px; }
  .mdpick-19-training-men .product-section {
    margin: 0 15px;
    margin-top: 13vw; }
    .mdpick-19-training-men .product-section .p-box {
      margin: 6vw auto;
      width: 90%; }
      .mdpick-19-training-men .product-section .p-box .text-box {
        position: relative; }
        .mdpick-19-training-men .product-section .p-box .text-box .title {
          display: inline-block;
          color: #f4f4f4;
          font-size: 31vw; }
        .mdpick-19-training-men .product-section .p-box .text-box .text-list {
          position: absolute;
          margin-top: 6vw;
          top: 0;
          right: 0;
          text-align: right; }
          .mdpick-19-training-men .product-section .p-box .text-box .text-list .item {
            margin-bottom: 3vw; }
            .mdpick-19-training-men .product-section .p-box .text-box .text-list .item .p-text {
              display: inline-block;
              font-size: 11px;
              vertical-align: middle;
              text-align: left;
              line-height: 1.4;
              font-weight: 500; }
            .mdpick-19-training-men .product-section .p-box .text-box .text-list .item .shop-btn {
              width: 16vw;
              margin-left: 3vw;
              vertical-align: middle; }

.mdpick-19-training-women {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  background-color: #ececec; }
  .mdpick-19-training-women * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-training-women .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-training-women .desc {
    font-size: 16px; }
  .mdpick-19-training-women p, .mdpick-19-training-women h1, .mdpick-19-training-women h2, .mdpick-19-training-women h3, .mdpick-19-training-women h4 {
    margin: 0; }
  .mdpick-19-training-women img {
    width: 100%; }
  .mdpick-19-training-women a {
    color: #000; }
  .mdpick-19-training-women .close-button-img {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
    bottom: 30px;
    width: 30px; }
  .mdpick-19-training-women .main-section {
    background-color: #0f182a;
    height: 110vw; }
    .mdpick-19-training-women .main-section .text-box {
      margin: 0 auto;
      padding: 45px 0; }
      .mdpick-19-training-women .main-section .text-box .title {
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        text-align: center;
        color: #ffffff; }
      .mdpick-19-training-women .main-section .text-box .desc {
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        color: #cccccc;
        margin-top: 9px; }
  .mdpick-19-training-women .page-text-box {
    display: inline-block; }
    .mdpick-19-training-women .page-text-box .title {
      font-size: 13px;
      line-height: 1.15;
      color: #080808;
      font-family: 'DINNextLTProRegular', sans-serif; }
    .mdpick-19-training-women .page-text-box .desc {
      font-size: 12px;
      line-height: 1.33;
      color: #8e8e8e;
      margin-top: 10px; }
    .mdpick-19-training-women .page-text-box .price {
      font-size: 12px;
      line-height: 2;
      color: #525252;
      margin-top: 15px; }
  .mdpick-19-training-women .video-box {
    position: relative;
    width: 70%;
    margin: 40px 0;
    display: inline-block; }
    .mdpick-19-training-women .video-box .poster {
      position: absolute;
      top: 0;
      left: 0; }
      .mdpick-19-training-women .video-box .poster .thumb-img {
        width: 100%; }
      .mdpick-19-training-women .video-box .poster .play-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px; }
  .mdpick-19-training-women .section-1 {
    text-align: center; }
    .mdpick-19-training-women .section-1 .rolling-box {
      text-align: left;
      width: 49.1%;
      display: inline-block;
      vertical-align: top; }
      .mdpick-19-training-women .section-1 .rolling-box.left {
        margin-right: 1.8%; }
      .mdpick-19-training-women .section-1 .rolling-box .page-text-box {
        padding-left: 13px;
        padding-top: 15px;
        padding-bottom: 30px; }
      .mdpick-19-training-women .section-1 .rolling-box .spyder-carousel .owl-pagination {
        bottom: 0;
        text-align: left;
        margin-left: 12px;
        width: 80%; }
      .mdpick-19-training-women .section-1 .rolling-box .spyder-carousel .owl-controls .owl-page span {
        margin: 0 .5px;
        width: 30px; }
  .mdpick-19-training-women .section-2 {
    background-color: #131313;
    text-align: center; }
    .mdpick-19-training-women .section-2 .rolling-box {
      width: 80%;
      display: inline-block;
      margin-top: 40px;
      padding-bottom: 30px; }
      .mdpick-19-training-women .section-2 .rolling-box .page-text-box {
        margin-top: 18px; }
        .mdpick-19-training-women .section-2 .rolling-box .page-text-box .title {
          color: #ffffff; }
        .mdpick-19-training-women .section-2 .rolling-box .page-text-box .price {
          color: #eeeeee; }
    .mdpick-19-training-women .section-2 .spyder-carousel .owl-pagination {
      bottom: 0; }
    .mdpick-19-training-women .section-2 .spyder-carousel .owl-controls .owl-page span {
      margin: 0 .5px;
      width: 30px; }

.mdpick-19-ss-cycle-new {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-ss-cycle-new * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-cycle-new .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-ss-cycle-new .desc {
    font-size: 16px; }
  .mdpick-19-ss-cycle-new .price {
    font-size: 14px; }
  .mdpick-19-ss-cycle-new p, .mdpick-19-ss-cycle-new h1, .mdpick-19-ss-cycle-new h2, .mdpick-19-ss-cycle-new h3, .mdpick-19-ss-cycle-new h4 {
    margin: 0; }
  .mdpick-19-ss-cycle-new img {
    width: 100%; }
  .mdpick-19-ss-cycle-new a {
    color: #000; }
  .mdpick-19-ss-cycle-new .main-section {
    padding-bottom: 50px; }
    .mdpick-19-ss-cycle-new .main-section .text-box .title {
      font-size: 30px;
      font-weight: bold;
      color: #000000;
      margin-top: 50px;
      line-height: 1; }
    .mdpick-19-ss-cycle-new .main-section .text-box .desc {
      margin-top: 9px;
      font-size: 14px;
      color: #000000;
      line-height: 1.4; }
  .mdpick-19-ss-cycle-new .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons {
    transform: translateY(-10px); }
  .mdpick-19-ss-cycle-new .product-section .rolling-section .spyder-carousel .owl-controls .owl-pagination {
    bottom: 10px; }
  .mdpick-19-ss-cycle-new .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons .owl-next {
    right: 15px; }
  .mdpick-19-ss-cycle-new .product-section .rolling-section .spyder-carousel.indicator-large .owl-controls .owl-page span {
    width: 40px; }
  .mdpick-19-ss-cycle-new .product-section .product-desc-section {
    padding-top: 25px;
    padding-bottom: 50px; }
    .mdpick-19-ss-cycle-new .product-section .product-desc-section .item {
      padding: 0 25px; }
      .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box {
        padding-top: 40px;
        text-align: left; }
        .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title-desc {
          font-size: 14px; }
          .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title-desc:after {
            content: '';
            display: inline-block;
            width: 25px;
            height: 2px;
            background-color: #000000;
            margin-bottom: 2.5px;
            margin-left: 5px; }
        .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .title {
          margin-top: 1.5%;
          font-weight: bold;
          font-size: 26px;
          line-height: 1.1; }
        .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .desc {
          margin-top: 19px;
          font-size: 14px;
          line-height: 1.5; }
        .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table {
          margin-top: 24px; }
          .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table .price {
            display: inline-block;
            font-weight: 700;
            font-size: 14px;
            margin-right: 13.5px; }
          .mdpick-19-ss-cycle-new .product-section .product-desc-section .item .text-box .table .shop-btn {
            display: inline-block;
            width: 70px;
            padding: 4.5px 0;
            font-size: 14px;
            border: 1px solid #ee1d25;
            color: #ee1d25;
            font-weight: bold;
            text-align: center;
            line-height: 2; }

.mdpick-19-hyper-bolt {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-hyper-bolt * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-hyper-bolt .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-hyper-bolt .desc {
    font-size: 16px; }
  .mdpick-19-hyper-bolt .price {
    font-size: 14px; }
  .mdpick-19-hyper-bolt p, .mdpick-19-hyper-bolt h1, .mdpick-19-hyper-bolt h2, .mdpick-19-hyper-bolt h3, .mdpick-19-hyper-bolt h4 {
    margin: 0; }
  .mdpick-19-hyper-bolt img {
    width: 100%; }
  .mdpick-19-hyper-bolt a {
    color: #000; }
  .mdpick-19-hyper-bolt .video-section {
    position: relative; }
    .mdpick-19-hyper-bolt .video-section .poster {
      position: absolute;
      top: 0;
      left: 0; }
      .mdpick-19-hyper-bolt .video-section .poster .play-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 40%;
        height: 45px; }
  .mdpick-19-hyper-bolt .half {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .mdpick-19-hyper-bolt .text-box {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 50px 0; }
    .mdpick-19-hyper-bolt .text-box .title {
      line-height: 1;
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 30px; }
    .mdpick-19-hyper-bolt .text-box .desc {
      font-size: 14px; }
    .mdpick-19-hyper-bolt .text-box .table {
      margin-top: 20px; }
      .mdpick-19-hyper-bolt .text-box .table .price {
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        margin-right: 14px; }
      .mdpick-19-hyper-bolt .text-box .table .shop-btn {
        display: inline-block;
        width: 58px;
        padding: 5.5px 0;
        font-size: 14px;
        border: 1px solid #ee1d25;
        color: #ee1d25;
        font-weight: 700;
        text-align: center; }

.mdpick-19-protack {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-protack * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-protack .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-protack .desc {
    font-size: 16px; }
  .mdpick-19-protack .price {
    font-size: 14px; }
  .mdpick-19-protack p, .mdpick-19-protack h1, .mdpick-19-protack h2, .mdpick-19-protack h3, .mdpick-19-protack h4 {
    margin: 0; }
  .mdpick-19-protack img {
    width: 100%; }
  .mdpick-19-protack a {
    color: #000; }
  .mdpick-19-protack .top-section {
    position: relative; }
    .mdpick-19-protack .top-section .text-box {
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      margin-top: 50px; }
      .mdpick-19-protack .top-section .text-box .title {
        line-height: 1;
        margin-bottom: 0.5vw;
        font-weight: bold;
        font-size: 27px; }
      .mdpick-19-protack .top-section .text-box .desc {
        font-size: 14px; }
  .mdpick-19-protack .desc-section .d-s-1 {
    margin-top: 100px; }
    .mdpick-19-protack .desc-section .d-s-1 .half {
      width: 172.5px;
      display: inline-block; }
      .mdpick-19-protack .desc-section .d-s-1 .half.right {
        transform: translateY(-47%);
        padding-left: 22.5px;
        text-align: right; }
    .mdpick-19-protack .desc-section .d-s-1 .desc {
      margin-top: 50px;
      font-size: 14px; }
  .mdpick-19-protack .desc-section .d-s-2 {
    margin-top: 50px; }
  .mdpick-19-protack .desc-section .d-s-3 {
    position: relative;
    text-align: right;
    margin-top: 155px; }
    .mdpick-19-protack .desc-section .d-s-3 .img4 {
      position: absolute;
      left: 0;
      transform: translateY(-50%);
      width: 152.5px;
      margin-left: 15px; }
    .mdpick-19-protack .desc-section .d-s-3 .inner {
      text-align: left;
      width: 256px;
      margin-right: 15px;
      margin-bottom: 50px;
      display: inline-block; }
    .mdpick-19-protack .desc-section .d-s-3 .desc {
      text-align: center;
      margin-bottom: 50px;
      font-size: 14px; }
  .mdpick-19-protack .product-section {
    padding: 0 15px;
    padding-top: 50px;
    background-color: #0f172a; }
    .mdpick-19-protack .product-section section {
      padding-bottom: 54.5px; }
    .mdpick-19-protack .product-section .rolling-section {
      padding-bottom: 25px; }
      .mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-pagination {
        bottom: 10px; }
      .mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons {
        top: 60%; }
        .mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons .owl-prev {
          left: 10px; }
        .mdpick-19-protack .product-section .rolling-section .spyder-carousel .owl-controls .owl-buttons .owl-next {
          right: 10px; }
      .mdpick-19-protack .product-section .rolling-section .spyder-carousel.indicator-small .owl-controls .owl-page span {
        width: 40px; }
    .mdpick-19-protack .product-section .half img {
      width: 225px; }
    .mdpick-19-protack .product-section .text-box {
      padding-top: 25px;
      color: #fff; }
      .mdpick-19-protack .product-section .text-box .title-desc {
        font-size: 14px; }
        .mdpick-19-protack .product-section .text-box .title-desc:after {
          content: '';
          display: inline-block;
          width: 25px;
          height: 2px;
          background-color: #000000;
          margin-bottom: 2.5px;
          margin-left: 5px; }
      .mdpick-19-protack .product-section .text-box .title {
        margin-top: 1.5%;
        font-weight: bold;
        font-size: 24px;
        line-height: 1.1; }
      .mdpick-19-protack .product-section .text-box .desc {
        font-size: 14px;
        line-height: 1.5; }
      .mdpick-19-protack .product-section .text-box .table {
        margin-top: 20px; }
        .mdpick-19-protack .product-section .text-box .table .price {
          display: inline-block;
          font-weight: 500;
          font-size: 14px;
          margin-right: 13.5px; }
        .mdpick-19-protack .product-section .text-box .table .shop-btn {
          display: inline-block;
          width: 60px;
          height: 30px;
          line-height: 26px;
          font-size: 13px;
          border: 1px solid #ee1d25;
          color: #ee1d25;
          font-weight: bold;
          text-align: center; }

.mdpick-19-ss-rashguard {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-ss-rashguard * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-rashguard .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-ss-rashguard .desc {
    font-size: 16px; }
  .mdpick-19-ss-rashguard .price {
    font-size: 14px; }
  .mdpick-19-ss-rashguard p, .mdpick-19-ss-rashguard h1, .mdpick-19-ss-rashguard h2, .mdpick-19-ss-rashguard h3, .mdpick-19-ss-rashguard h4 {
    margin: 0; }
  .mdpick-19-ss-rashguard img {
    width: 100%; }
  .mdpick-19-ss-rashguard a {
    color: #000; }
  .mdpick-19-ss-rashguard .half {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .mdpick-19-ss-rashguard .title-section {
    padding: 55px 0; }
    .mdpick-19-ss-rashguard .title-section .title {
      line-height: 1;
      font-size: 25px; }
  .mdpick-19-ss-rashguard .product-section .one-img-sec {
    width: 325px;
    margin: 0 auto;
    margin-bottom: 50px; }
  .mdpick-19-ss-rashguard .product-section .two-img-sec {
    margin-bottom: 50px; }
  .mdpick-19-ss-rashguard .product-section .desc {
    font-size: 11px;
    line-height: 1;
    margin-top: 9px; }
    .mdpick-19-ss-rashguard .product-section .desc .price {
      font-size: 11px;
      margin-left: 10px; }

.mdpick-19-ss-running-collection {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #fff; }
  .mdpick-19-ss-running-collection * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-ss-running-collection .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-ss-running-collection .desc {
    font-size: 16px; }
  .mdpick-19-ss-running-collection .price {
    font-size: 14px; }
  .mdpick-19-ss-running-collection p, .mdpick-19-ss-running-collection h1, .mdpick-19-ss-running-collection h2, .mdpick-19-ss-running-collection h3, .mdpick-19-ss-running-collection h4 {
    margin: 0; }
  .mdpick-19-ss-running-collection img {
    width: 100%; }
  .mdpick-19-ss-running-collection a {
    color: #000; }
  .mdpick-19-ss-running-collection .half {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .mdpick-19-ss-running-collection .img-box {
    position: relative; }
  .mdpick-19-ss-running-collection .text-box .title {
    font-size: 14px;
    line-height: 1;
    margin-top: 12px;
    color: #080808; }
  .mdpick-19-ss-running-collection .text-box .price {
    font-size: 12px;
    margin-top: 10px;
    color: #6d6d6d;
    font-weight: 700; }
  .mdpick-19-ss-running-collection .label-box {
    width: 45px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 15px; }
    .mdpick-19-ss-running-collection .label-box .label {
      margin-top: 5px; }
  .mdpick-19-ss-running-collection .p1 .title-img {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .mdpick-19-ss-running-collection .p1 .label-box {
    right: 0;
    left: unset; }
  .mdpick-19-ss-running-collection .text-section .title {
    font-size: 16px;
    line-height: 1.38;
    padding: 60px 0;
    color: #2f3952; }
  .mdpick-19-ss-running-collection .p2 {
    position: relative;
    margin-bottom: 40px; }
    .mdpick-19-ss-running-collection .p2 .inner-box-2 {
      padding-top: 10px; }
      .mdpick-19-ss-running-collection .p2 .inner-box-2 .desc {
        font-size: 12px;
        line-height: 1.6;
        color: #6d6d6d;
        text-align: left; }
  .mdpick-19-ss-running-collection .p3 {
    display: inline-block;
    position: relative;
    margin-bottom: 40px; }
  .mdpick-19-ss-running-collection .p4 {
    display: inline-block;
    position: relative;
    margin-bottom: 40px; }
  .mdpick-19-ss-running-collection .p5 {
    position: relative;
    margin-bottom: 80px; }
    .mdpick-19-ss-running-collection .p5 .inner-box-2 {
      padding-top: 10px; }
      .mdpick-19-ss-running-collection .p5 .inner-box-2 .desc {
        font-size: 12px;
        line-height: 1.6;
        color: #6d6d6d;
        text-align: left; }

.mdpick-19-henry-training {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 0;
  background-color: #1d212d;
  color: white; }
  .mdpick-19-henry-training * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-henry-training .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 20px; }
  .mdpick-19-henry-training .desc {
    font-size: 9px; }
  .mdpick-19-henry-training .price {
    font-size: 7px; }
  .mdpick-19-henry-training p, .mdpick-19-henry-training h1, .mdpick-19-henry-training h2, .mdpick-19-henry-training h3, .mdpick-19-henry-training h4 {
    margin: 0; }
  .mdpick-19-henry-training img {
    width: 100%; }
  .mdpick-19-henry-training a {
    color: white; }
  .mdpick-19-henry-training .half {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .mdpick-19-henry-training .main-section {
    position: relative; }
    .mdpick-19-henry-training .main-section .text-box {
      position: absolute;
      top: 22%;
      left: 8%; }
      .mdpick-19-henry-training .main-section .text-box .sub-title {
        font-family: 'DINNextLTProBold', sans-serif;
        font-size: 17px;
        font-weight: bold;
        line-height: 1.1; }
      .mdpick-19-henry-training .main-section .text-box .title {
        font-size: 37.5px;
        font-weight: bold; }
      .mdpick-19-henry-training .main-section .text-box .desc {
        font-size: 13px;
        margin-top: 10px;
        line-height: 1.5; }
  .mdpick-19-henry-training .product-set-list .bg {
    height: 104vw; }
  .mdpick-19-henry-training .product-set-list .list {
    padding: 0 8%;
    height: 28vw;
    background-color: #d94000; }
    .mdpick-19-henry-training .product-set-list .list .items-wrap {
      transform: translateY(-74%); }
      .mdpick-19-henry-training .product-set-list .list .items-wrap .item {
        display: inline-block;
        width: 47.5%;
        padding-right: 4.5%;
        vertical-align: top;
        box-sizing: initial; }
        .mdpick-19-henry-training .product-set-list .list .items-wrap .item:nth-child(2n) {
          padding-right: 0; }
        .mdpick-19-henry-training .product-set-list .list .items-wrap .item .title {
          font-size: 11px;
          margin-top: 10px;
          font-weight: bold; }
        .mdpick-19-henry-training .product-set-list .list .items-wrap .item .price {
          font-size: 10px;
          margin-top: 6px;
          margin-bottom: 30px; }
  .mdpick-19-henry-training .s1-section {
    background-size: 34.5%;
    background-repeat: no-repeat;
    background-position: 100% 2.1%; }
    .mdpick-19-henry-training .s1-section .p-imgs {
      position: relative; }
      .mdpick-19-henry-training .s1-section .p-imgs .img1 {
        width: 256px;
        margin-top: 75px; }
      .mdpick-19-henry-training .s1-section .p-imgs .img2 {
        margin-top: 41vw; }
      .mdpick-19-henry-training .s1-section .p-imgs .img3 {
        display: inline-block;
        width: 60vw;
        height: 45vw;
        position: absolute;
        bottom: 0;
        left: 0; }
      .mdpick-19-henry-training .s1-section .p-imgs .text-box {
        position: absolute;
        top: 120vw;
        right: 5vw;
        text-align: left;
        padding: 0 25px;
        padding-bottom: 26px;
        background-color: #1d212d; }
        .mdpick-19-henry-training .s1-section .p-imgs .text-box .title {
          color: #ef3e00;
          font-size: 13px;
          font-weight: bold;
          position: relative;
          line-height: 1.5; }
          .mdpick-19-henry-training .s1-section .p-imgs .text-box .title:before {
            content: 'Q.';
            position: absolute;
            top: -0.3vw;
            left: -4vw; }
        .mdpick-19-henry-training .s1-section .p-imgs .text-box .desc {
          font-size: 13px;
          color: #bbbbbb;
          margin-top: 17.5px;
          line-height: 1.5; }
  .mdpick-19-henry-training .s2-section {
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: 0 6%; }
    .mdpick-19-henry-training .s2-section .p-imgs {
      position: relative; }
      .mdpick-19-henry-training .s2-section .p-imgs .img1 {
        margin-top: 75px; }
      .mdpick-19-henry-training .s2-section .p-imgs .img2 {
        width: 256px;
        margin-top: 25vw; }
      .mdpick-19-henry-training .s2-section .p-imgs .img3 {
        position: absolute;
        top: 67vw;
        left: 0;
        display: inline-block;
        width: 40vw;
        height: 60vw; }
      .mdpick-19-henry-training .s2-section .p-imgs .text-box {
        position: absolute;
        top: 45%;
        left: 47%; }
        .mdpick-19-henry-training .s2-section .p-imgs .text-box .title {
          color: #ef3e00;
          font-size: 13px;
          font-weight: bold;
          position: relative;
          line-height: 1.5; }
          .mdpick-19-henry-training .s2-section .p-imgs .text-box .title:before {
            content: 'Q.';
            position: absolute;
            top: -0.3vw;
            left: -4vw; }
        .mdpick-19-henry-training .s2-section .p-imgs .text-box .desc {
          font-size: 13px;
          color: #bbbbbb;
          margin-top: 17.5px;
          line-height: 1.5; }
    .mdpick-19-henry-training .s2-section .img-wrap {
      text-align: center; }
  .mdpick-19-henry-training .s3-section {
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: 100% 2%; }
    .mdpick-19-henry-training .s3-section .p-imgs {
      position: relative; }
      .mdpick-19-henry-training .s3-section .p-imgs .img1 {
        width: 180px;
        margin-top: 75px; }
      .mdpick-19-henry-training .s3-section .p-imgs .img2 {
        margin-top: 52vw; }
      .mdpick-19-henry-training .s3-section .p-imgs .img3 {
        position: absolute;
        bottom: 0;
        left: 0;
        display: inline-block;
        width: 63vw;
        height: 45vw; }
      .mdpick-19-henry-training .s3-section .p-imgs .text-box {
        position: absolute;
        top: 36%;
        right: 7%;
        background-color: #1d212d;
        padding: 20px;
        padding-top: 0; }
        .mdpick-19-henry-training .s3-section .p-imgs .text-box .title {
          color: #ef3e00;
          font-size: 13px;
          font-weight: bold;
          position: relative; }
          .mdpick-19-henry-training .s3-section .p-imgs .text-box .title:before {
            content: 'Q.';
            position: absolute;
            top: -0.3vw;
            left: -4vw; }
        .mdpick-19-henry-training .s3-section .p-imgs .text-box .desc {
          font-size: 13px;
          color: #bbbbbb;
          margin-top: 17.5px; }

.mdpick-fwcmg1 {
  width: 100%;
  position: relative;
  z-index: 9999;
  background: #fff;
  min-height: 3000px;
  margin-top: -140px; }
  .mdpick-fwcmg1 .wow {
    visibility: hidden; }
  .mdpick-fwcmg1 .logo {
    position: fixed;
    top: 15px;
    left: 10px;
    width: 50px;
    height: 75px;
    cursor: pointer;
    z-index: 90; }
  .mdpick-fwcmg1 .sec-1 {
    position: relative;
    width: 100%;
    min-height: 751px; }
    .mdpick-fwcmg1 .sec-1 .title-logo {
      position: absolute;
      top: 12%;
      left: 8%;
      z-index: 6;
      width: 11px !important; }
    .mdpick-fwcmg1 .sec-1 .img1st {
      position: absolute;
      z-index: 1;
      width: 70%;
      left: 0;
      top: 38%; }
      .mdpick-fwcmg1 .sec-1 .img1st img {
        width: 100%; }
      .mdpick-fwcmg1 .sec-1 .img1st .f90 {
        transform: rotate(90deg);
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        top: 93px;
        left: -50px;
        position: absolute; }
    .mdpick-fwcmg1 .sec-1 .img2nd {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      width: 80%;
      cursor: pointer; }
      .mdpick-fwcmg1 .sec-1 .img2nd img {
        width: 100%; }
      .mdpick-fwcmg1 .sec-1 .img2nd .f90 {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #b3bec7;
        position: absolute;
        bottom: 24px;
        right: 20px;
        white-space: pre-line; }
    .mdpick-fwcmg1 .sec-1 .x-btn {
      z-index: 999999;
      position: absolute;
      top: 30px;
      right: 30px;
      width: 20px;
      height: 20px;
      cursor: pointer; }
  .mdpick-fwcmg1 .sec-2 {
    position: relative;
    width: 100%;
    top: 10%;
    min-height: 672px; }
    .mdpick-fwcmg1 .sec-2 .img1st {
      z-index: 1;
      width: 60%;
      top: 195px;
      position: absolute;
      right: 0; }
    .mdpick-fwcmg1 .sec-2 .img2nd {
      z-index: 2;
      position: absolute;
      left: 0;
      width: 80%;
      cursor: pointer; }
      .mdpick-fwcmg1 .sec-2 .img2nd img {
        width: 100%; }
    .mdpick-fwcmg1 .sec-2 .img3rd {
      width: 67%;
      z-index: 3;
      position: absolute;
      right: 10%;
      top: 348px;
      cursor: pointer; }
    .mdpick-fwcmg1 .sec-2 .f90 {
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #9e9ea8;
      position: absolute;
      left: 15px;
      bottom: 18px;
      white-space: pre-line;
      z-index: 4; }
  .mdpick-fwcmg1 .product {
    position: relative;
    margin: auto;
    text-align: center;
    margin-top: 100px;
    display: block; }
    .mdpick-fwcmg1 .product .card {
      display: inline-block;
      text-align: left;
      width: 280px;
      margin: 0 20px;
      cursor: pointer; }
      .mdpick-fwcmg1 .product .card .title {
        font-size: 14px;
        font-weight: bold;
        display: block;
        color: #9b9b9b;
        margin-top: 10px; }
      .mdpick-fwcmg1 .product .card .price {
        color: #9b9b9b;
        margin-top: 10px;
        font-size: 12px;
        display: block; }
    .mdpick-fwcmg1 .product .product-img {
      width: 100%;
      height: 280px; }
  .mdpick-fwcmg1 .swiper-container {
    margin: 80px 0; }
  .mdpick-fwcmg1 #swiper-2 {
    margin: 180px 0; }
  .mdpick-fwcmg1 .swiper-wrapper {
    padding: 0 15px; }
    .mdpick-fwcmg1 .swiper-wrapper .card {
      width: 280px; }
      .mdpick-fwcmg1 .swiper-wrapper .card .product-img {
        width: 100%;
        height: 280px; }
      .mdpick-fwcmg1 .swiper-wrapper .card .title {
        font-size: 14px;
        font-weight: bold;
        display: block;
        color: #9b9b9b;
        margin-top: 10px; }
      .mdpick-fwcmg1 .swiper-wrapper .card .price {
        color: #9b9b9b;
        margin-top: 10px;
        font-size: 12px;
        display: block; }
  .mdpick-fwcmg1 .sec-3 {
    position: relative;
    min-height: 683px; }
    .mdpick-fwcmg1 .sec-3 .img1st {
      z-index: 1;
      width: 60%;
      position: absolute;
      right: 0; }
    .mdpick-fwcmg1 .sec-3 .img2nd {
      z-index: 2;
      position: absolute;
      right: 10%;
      width: 73%;
      top: 0;
      cursor: pointer; }
    .mdpick-fwcmg1 .sec-3 .img3rd {
      width: 75%;
      z-index: 3;
      position: absolute;
      top: 417px;
      left: 0;
      cursor: pointer; }
      .mdpick-fwcmg1 .sec-3 .img3rd img {
        width: 100%; }
    .mdpick-fwcmg1 .sec-3 .f90 {
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #cdcdd4;
      position: absolute;
      right: 15px;
      bottom: -65px;
      text-align: right;
      white-space: pre-line;
      z-index: 5; }
  .mdpick-fwcmg1 .white-back {
    background: #fff;
    z-index: 10; }
  .mdpick-fwcmg1 .up {
    margin-top: -80px; }
  .mdpick-fwcmg1 font {
    display: none; }

.mdpick-MDPickTemplate2019 {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: 0;
  padding-bottom: 75px; }
  .mdpick-MDPickTemplate2019 * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-MDPickTemplate2019 p, .mdpick-MDPickTemplate2019 h1, .mdpick-MDPickTemplate2019 h2, .mdpick-MDPickTemplate2019 h3, .mdpick-MDPickTemplate2019 h4 {
    margin: 0; }
  .mdpick-MDPickTemplate2019 img {
    width: 100%; }
  .mdpick-MDPickTemplate2019 a {
    color: white; }
  .mdpick-MDPickTemplate2019 .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 30px;
    line-height: 1.1; }
  .mdpick-MDPickTemplate2019 .name {
    font-size: 12px;
    line-height: 1;
    margin-top: 15px; }
  .mdpick-MDPickTemplate2019 .price {
    font-size: 12px;
    line-height: 1;
    margin-top: 3.5px; }
  .mdpick-MDPickTemplate2019 .half {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .mdpick-MDPickTemplate2019 .cal {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    line-height: 0.96;
    position: absolute;
    top: 0;
    left: 0; }
    .mdpick-MDPickTemplate2019 .cal .m, .mdpick-MDPickTemplate2019 .cal .d {
      font-family: 'DINNextLTProBold', sans-serif; }
  .mdpick-MDPickTemplate2019 .title-section {
    padding: 50px 25px;
    padding-bottom: 75px; }
    .mdpick-MDPickTemplate2019 .title-section .title {
      text-align: left; }
  .mdpick-MDPickTemplate2019 .product-pack {
    margin-bottom: 50px; }
    .mdpick-MDPickTemplate2019 .product-pack .line-1 {
      margin-left: 15px; }
      .mdpick-MDPickTemplate2019 .product-pack .line-1 .item {
        padding-right: 15px;
        position: relative; }
        .mdpick-MDPickTemplate2019 .product-pack .line-1 .item .text-box {
          margin: 0 5px; }
      .mdpick-MDPickTemplate2019 .product-pack .line-1 .cal {
        top: 10px;
        left: 10px; }
    .mdpick-MDPickTemplate2019 .product-pack .line-2 {
      margin-top: 50px;
      position: relative; }
      .mdpick-MDPickTemplate2019 .product-pack .line-2 .text-box {
        margin: 0 15px; }
      .mdpick-MDPickTemplate2019 .product-pack .line-2 .cal {
        top: 12.5px;
        left: 15px; }
    .mdpick-MDPickTemplate2019 .product-pack .line-3 .inner {
      position: relative;
      width: 325px;
      margin: 50px auto;
      margin-bottom: 0; }
      .mdpick-MDPickTemplate2019 .product-pack .line-3 .inner .text-box {
        text-align: left;
        margin: 0 5px; }
    .mdpick-MDPickTemplate2019 .product-pack .line-3 .cal {
      top: 12.5px;
      left: 14.5px; }
  .mdpick-MDPickTemplate2019 .mdpick-slider-line2 .slick-dots {
    bottom: 15px; }
    .mdpick-MDPickTemplate2019 .mdpick-slider-line2 .slick-dots li {
      width: auto;
      height: auto;
      margin: 0; }
      .mdpick-MDPickTemplate2019 .mdpick-slider-line2 .slick-dots li button {
        width: 87px; }
        .mdpick-MDPickTemplate2019 .mdpick-slider-line2 .slick-dots li button:before {
          background-color: #e6e6e6;
          content: '';
          display: inline-block;
          width: 87px;
          height: 2px;
          margin-top: 9px; }
      .mdpick-MDPickTemplate2019 .mdpick-slider-line2 .slick-dots li.slick-active button:before {
        background-color: #ff0000; }
  .mdpick-MDPickTemplate2019 .swiper-pagination .swiper-pagination-bullet {
    background-color: #e6e6e6;
    display: inline-block;
    width: 87px;
    height: 2px;
    margin: 0 !important;
    border-radius: 0;
    opacity: 1; }
    .mdpick-MDPickTemplate2019 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #ff0000; }

.womancollection .logo {
  position: fixed;
  left: 20px;
  top: 20px;
  width: 38px;
  z-index: 999; }

.womancollection .woman-img {
  width: 100%;
  display: block; }

.womancollection .flex {
  display: flex; }
  .womancollection .flex img {
    width: 50%;
    height: 50%; }

.womancollection .block {
  display: block; }

.womancollection .mt30 {
  margin-top: 30px; }

.womancollection .img01 {
  position: relative; }
  .womancollection .img01 img {
    width: 100%;
    margin-top: 40px; }
  .womancollection .img01 .text-wht {
    position: absolute;
    left: 20px;
    bottom: 5px;
    font-size: 22px;
    font-family: FFDINWebProBold;
    color: #fff; }

.womancollection .text-img01-sub-title {
  padding-left: 20px;
  font-size: 20px;
  font-family: FFDINWebProBold;
  color: #000;
  margin-top: -5px; }

.womancollection .text-img01-sub {
  padding-left: 20px;
  font-size: 14px;
  color: #000;
  margin-bottom: 50px; }

.womancollection .text-img05-sub {
  padding-left: 40px;
  font-size: 14px;
  color: #000;
  margin-bottom: 50px; }

.womancollection .woman-img-frame {
  padding: 40px; }

.mdpick-19-fw-campaign-part2 {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  background-color: #000;
  color: white;
  background-position: top;
  background-size: cover; }
  .mdpick-19-fw-campaign-part2 * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-fw-campaign-part2 .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 5.33333vw; }
  .mdpick-19-fw-campaign-part2 .desc {
    font-size: 2.4vw; }
  .mdpick-19-fw-campaign-part2 .price {
    font-size: 1.86667vw; }
  .mdpick-19-fw-campaign-part2 p, .mdpick-19-fw-campaign-part2 h1, .mdpick-19-fw-campaign-part2 h2, .mdpick-19-fw-campaign-part2 h3, .mdpick-19-fw-campaign-part2 h4 {
    margin: 0; }
  .mdpick-19-fw-campaign-part2 img {
    width: 100%; }
  .mdpick-19-fw-campaign-part2 a {
    color: white; }
  .mdpick-19-fw-campaign-part2 .half {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .mdpick-19-fw-campaign-part2 .logo {
    width: 8vw;
    position: fixed;
    top: 6.66667vw;
    left: 6.66667vw;
    z-index: 9999; }
  .mdpick-19-fw-campaign-part2 .close {
    width: 5.33333vw;
    position: fixed;
    top: 6.66667vw;
    right: 6.66667vw;
    z-index: 9999; }
  .mdpick-19-fw-campaign-part2 .top-section {
    padding-top: 28.53333vw;
    padding-bottom: 14.66667vw;
    min-height: 20vw; }
    .mdpick-19-fw-campaign-part2 .top-section .title {
      font-size: 5.33333vw;
      color: #e4e4e4;
      padding-bottom: 3.06667vw; }
    .mdpick-19-fw-campaign-part2 .top-section .desc {
      font-size: 4vw;
      color: #c2c2c2; }
  .mdpick-19-fw-campaign-part2 .half-section {
    padding-bottom: 32vw;
    min-height: 85.33333vw; }
  .mdpick-19-fw-campaign-part2 .one-p-section {
    padding-bottom: 32vw;
    min-height: 85.33333vw; }
    .mdpick-19-fw-campaign-part2 .one-p-section img {
      width: 80vw; }

.mdpick-repl {
  margin-bottom: -10px; }
  .mdpick-repl .area-ca {
    background: #000;
    padding: 0 15px;
    margin-top: -10px;
    padding-bottom: 100px; }
  .mdpick-repl .spyder-carousel .owl-controls .owl-page span {
    background: #5c5c5c;
    display: block;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1; }
  .mdpick-repl .spyder-carousel .owl-controls .active span {
    background: #bababa;
    opacity: 1; }
  .mdpick-repl .spyder-carousel .owl-controls.clickable .owl-page:hover span, .mdpick-repl .spyder-carousel .owl-controls .owl-page.active span {
    content: ''; }
  .mdpick-repl .spyder-carousel .owl-pagination {
    bottom: -50px; }
  .mdpick-repl .owl-carousel .card img {
    width: 100%; }
  .mdpick-repl .owl-carousel .card p {
    font-family: NotoSansCJKkr;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #bababa; }
    .mdpick-repl .owl-carousel .card p b {
      font-family: NotoSansCJKkr-Bold; }
  .mdpick-repl .area1 {
    width: 100%;
    position: relative;
    margin-top: -10px; }
    .mdpick-repl .area1 .back {
      width: 100%; }
    .mdpick-repl .area1 .text {
      position: absolute;
      left: 50%;
      top: 110px;
      width: 90%;
      transform: translate(-50%); }
    .mdpick-repl .area1 .btn-box {
      position: absolute;
      left: 50%;
      top: 500px;
      transform: translate(-50%);
      text-align: center; }
      .mdpick-repl .area1 .btn-box button {
        width: 155px;
        height: 55px;
        font-family: NotoSansCJKkr;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #080808;
        border-radius: 48px;
        margin: 10px;
        background: #fff;
        border: 0; }

.md-bag {
  padding-bottom: 100px; }
  .md-bag button {
    border: 0; }
  .md-bag img {
    width: 100%; }
  .md-bag .sec-img {
    margin-top: 62px;
    position: relative;
    text-align: center; }
    .md-bag .sec-img p {
      font-size: 14px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #fff;
      position: absolute;
      bottom: 35px;
      text-align: center;
      width: 100%; }
  .md-bag .grey-box {
    background: #eee;
    margin-top: 200px;
    position: relative;
    text-align: center; }
    .md-bag .grey-box .ad-box .swiper-slide {
      background: none !important; }
    .md-bag .grey-box .ad-box .swiper-container {
      margin-top: -140px; }
    .md-bag .grey-box .ad-box .card img, .md-bag .grey-box .ad-box .card span, .md-bag .grey-box .ad-box .card button {
      display: block; }
    .md-bag .grey-box .ad-box .card .title {
      font-size: 14px; }
    .md-bag .grey-box .ad-box .card .price {
      font-size: 14px;
      margin: 5px 0; }
    .md-bag .grey-box .ad-box .card button {
      width: 75px;
      height: 38px;
      color: #fff;
      background: #000;
      font-size: 14px;
      margin: auto;
      border: 0; }
    .md-bag .grey-box .summary-box {
      width: 100%;
      padding: 20px;
      text-align: left; }
      .md-bag .grey-box .summary-box .product {
        display: block;
        width: 230px; }
      .md-bag .grey-box .summary-box .size {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000; }
      .md-bag .grey-box .summary-box p {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000; }
      .md-bag .grey-box .summary-box .size {
        margin: 12px 0; }
      .md-bag .grey-box .summary-box .btn-box {
        margin-top: 20px;
        display: block; }
        .md-bag .grey-box .summary-box .btn-box .price {
          display: inline-block;
          font-size: 14px;
          font-weight: 700;
          margin-right: 20px; }
        .md-bag .grey-box .summary-box .btn-box .title {
          margin-right: 10px;
          font-size: 14px; }
        .md-bag .grey-box .summary-box .btn-box button {
          width: 85px;
          height: 40px;
          color: #fff;
          font-weight: 700;
          font-size: 14px;
          background: #000;
          display: inline-block; }
  .md-bag .pic {
    width: 100%;
    margin-top: 10px;
    position: relative; }
    .md-bag .pic span {
      position: absolute;
      bottom: 15px;
      left: 15px;
      font-size: 12px; }
  .md-bag .pic-double {
    width: 100%;
    margin-top: 10px; }
    .md-bag .pic-double .left, .md-bag .pic-double .right {
      width: 50%;
      display: inline-block;
      position: relative; }
      .md-bag .pic-double .left span, .md-bag .pic-double .right span {
        position: absolute;
        bottom: 15px;
        left: 15px;
        font-size: 12px;
        color: #fff; }
  .md-bag .product-album {
    padding: 50px;
    margin-top: 25px; }
  .md-bag .spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
    display: none; }
  .md-bag .spyder-carousel .owl-controls .owl-buttons .owl-next {
    right: -30px; }
  .md-bag .spyder-carousel .owl-controls .owl-buttons .owl-prev {
    left: -30px; }
  .md-bag .title-box {
    width: 100%;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 32px; }
    .md-bag .title-box img {
      width: 280px; }
  .md-bag .shop-row {
    width: 100%;
    margin-top: 25px; }
    .md-bag .shop-row .left, .md-bag .shop-row .right {
      width: 49.5%;
      display: inline-block;
      text-align: center; }
      .md-bag .shop-row .left .title, .md-bag .shop-row .right .title {
        font-size: 14px;
        display: block;
        font-weight: 700;
        margin: 5px 0; }
      .md-bag .shop-row .left .price, .md-bag .shop-row .right .price {
        display: block;
        font-size: 14px; }
    .md-bag .shop-row .left {
      margin-right: 1%; }

.mdpick-19-downjacket {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0;
  color: #080808; }
  .mdpick-19-downjacket * {
    font-family: 'Noto Sans KR', sans-serif; }
  .mdpick-19-downjacket .title {
    font-family: 'DINNextLTProBold', sans-serif;
    font-size: 40px; }
  .mdpick-19-downjacket .desc {
    font-size: 18px; }
  .mdpick-19-downjacket .price {
    font-size: 14px; }
  .mdpick-19-downjacket p, .mdpick-19-downjacket h1, .mdpick-19-downjacket h2, .mdpick-19-downjacket h3, .mdpick-19-downjacket h4 {
    margin: 0; }
  .mdpick-19-downjacket img {
    width: 100%; }
  .mdpick-19-downjacket a {
    color: white; }
  .mdpick-19-downjacket .top-section {
    padding-top: 73px;
    padding-bottom: 105px; }
    .mdpick-19-downjacket .top-section .title {
      font-size: 40px;
      padding-bottom: 23px;
      line-height: 1; }
    .mdpick-19-downjacket .top-section .desc {
      font-size: 16px; }
    .mdpick-19-downjacket .top-section .btn {
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      color: #ffffff;
      background-color: black;
      padding: 20px 35px;
      margin-top: 50px; }
  .mdpick-19-downjacket .product-section {
    margin-bottom: 90px; }
    .mdpick-19-downjacket .product-section .p-name .bar {
      display: inline-block;
      width: 60px;
      height: 6px;
      background-color: black; }
    .mdpick-19-downjacket .product-section .p-name .name {
      margin-top: 13px;
      font-size: 30px;
      font-weight: bold; }
    .mdpick-19-downjacket .product-section .roll {
      margin: 30px 0; }
      .mdpick-19-downjacket .product-section .roll .spyder-carousel {
        /*.owl-theme*/
        /*.owl-theme*/ }
        .mdpick-19-downjacket .product-section .roll .spyder-carousel .owl-controls .owl-page span {
          background: #ccc;
          opacity: 1;
          display: block;
          margin: 0 4px;
          width: 45px;
          height: 4px; }
        .mdpick-19-downjacket .product-section .roll .spyder-carousel .owl-controls .owl-page.active span,
        .mdpick-19-downjacket .product-section .roll .spyder-carousel .owl-controls.clickable .owl-page:hover span {
          content: url(//d319d1tzjwpwbb.cloudfront.net/common/indicator/indicator_on_red.svg);
          background: #ca0000;
          opacity: 1; }
        .mdpick-19-downjacket .product-section .roll .spyder-carousel.indicator-small .owl-controls .owl-page span {
          width: 45px;
          margin: 0;
          height: 2px; }
    .mdpick-19-downjacket .product-section .sub-desc {
      font-size: 20px;
      margin-bottom: 45px;
      line-height: 1.5;
      padding-left: 30px;
      text-align: left; }
    .mdpick-19-downjacket .product-section .p-list .item {
      display: inline-block;
      width: 48.5%;
      margin-right: 1.5%;
      margin-bottom: 30px; }
      .mdpick-19-downjacket .product-section .p-list .item:nth-child(2n) {
        margin-right: 0; }
      .mdpick-19-downjacket .product-section .p-list .item .desc {
        font-size: 12px;
        line-height: 1.67;
        margin-top: 10px; }

.tshrit-box .t-box-img {
  width: 100%; }

.tshrit-box .p1 .p-flex, .tshrit-box .p2 .p-flex, .tshrit-box .p3 .p-flex {
  display: flex; }
  .tshrit-box .p1 .p-flex .kk-1, .tshrit-box .p2 .p-flex .kk-1, .tshrit-box .p3 .p-flex .kk-1 {
    margin-left: 10px; }

.tshrit-box .p1-box {
  margin-top: 80px; }

.tshrit-box .info-box {
  display: grid;
  margin-top: 16px;
  padding-left: 7px;
  width: 88%; }
  .tshrit-box .info-box .title {
    font-size: 12px;
    font-family: NotoSansCJKkr;
    line-height: 16px;
    height: 40px; }
  .tshrit-box .info-box .price {
    font-size: 12px;
    font-family: NotoSansCJKkr;
    color: #888888;
    margin-top: 5px; }

.mt240 {
  margin-top: 240px; }

.mt200 {
  margin-top: 200px; }

.mens-running-training20-body .main-section {
  position: relative;
  font-size: 0px; }
  .mens-running-training20-body .main-section .mainImg {
    width: 100%; }
  .mens-running-training20-body .main-section .mainSvc {
    width: 50%;
    position: absolute;
    top: 5%;
    left: 6%; }

.mens-running-training20-body .section {
  margin-bottom: 70px; }
  .mens-running-training20-body .section img {
    width: 100%; }
  .mens-running-training20-body .section .sub-section .product {
    margin-top: -5px;
    margin-bottom: 40px; }
    .mens-running-training20-body .section .sub-section .product img {
      width: 100%; }
    .mens-running-training20-body .section .sub-section .product .info {
      width: 90%;
      margin: 0 auto; }
      .mens-running-training20-body .section .sub-section .product .info span {
        display: block; }
      .mens-running-training20-body .section .sub-section .product .info .title {
        font-family: NotoSansCJKkr;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #080808;
        margin-top: 10px; }
      .mens-running-training20-body .section .sub-section .product .info .desc {
        font-family: NotoSansCJKkr;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444444;
        margin-top: 10px; }
      .mens-running-training20-body .section .sub-section .product .info .price {
        font-family: NotoSansCJKkr;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #080808;
        margin-top: 20px; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
/*
const carouselProps = {
  baseClass: 'owl-carousel spyder-carousel',
  // theme: 'owl-theme indicator-dot', // [indicator-large, indicator-dot, indicator-wide-bottom]
  autoPlay: 5000,
  singleItem: true,
  scrollPerPage: false,
  mouseDrag: true,
  touchDrag: true,
  navigation: true,
  navigationText: [
    '<img style="width:30px" src="//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_left_arrow.svg" />', // eslint-disable-line
    '<img style="width:30px" src="//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_right_arrow.svg" />', // eslint-disable-line
  ],
};

<OwlCarousel {...carouselProps}>

*/
.spyder-carousel {
  /*.owl-theme*/
  /*.owl-theme*/
  /*.owl-theme*/
  /* Styling Pagination*/
  /*.owl-theme*/
  /*.owl-theme*/
  /*.owl-theme*/
  /* If PaginationNumbers is true */
  /*.owl-theme*/
  /* preloading images */ }
  .spyder-carousel .owl-controls .owl-buttons {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-30px);
    width: 100%; }
  .spyder-carousel .owl-controls .owl-buttons .owl-prev {
    height: 22px;
    left: 15px;
    padding: 0;
    position: absolute;
    width: 15px; }
  .spyder-carousel .owl-controls .owl-buttons .owl-next {
    height: 22px;
    padding: 0;
    position: absolute;
    right: 28px;
    width: 15px; }
  .spyder-carousel .owl-pagination {
    bottom: 25px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .spyder-carousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .spyder-carousel .owl-controls .owl-page span {
    background: #e9e9e9;
    opacity: 0.4;
    display: block;
    margin: 0 4px;
    width: 45px;
    height: 8px; }
  .spyder-carousel .owl-controls .owl-page.active span,
  .spyder-carousel .owl-controls.clickable .owl-page:hover span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/on_w.svg); }
  .spyder-carousel.indicator-large .owl-controls .owl-page span {
    width: 85px; }
  .spyder-carousel.indicator-small .owl-controls .owl-page span {
    width: 30px; }
  .spyder-carousel.indicator-dot {
    /*.owl-theme*/
    /*.owl-theme*/ }
    .spyder-carousel.indicator-dot .owl-controls .owl-page span {
      width: 6px;
      height: 6px;
      margin: 0 4px;
      filter: Alpha(Opacity=50);
      /*IE7 fix*/
      opacity: 1;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background: #bfbfbf; }
    .spyder-carousel.indicator-dot .owl-controls .owl-page.active span,
    .spyder-carousel.indicator-dot .owl-controls.clickable .owl-page:hover span {
      filter: Alpha(Opacity=100);
      /*IE7 fix*/
      opacity: 1;
      background: #E62E04; }
  .spyder-carousel.indicator-wide-bottom .owl-pagination {
    display: table;
    bottom: 4px; }
  .spyder-carousel.indicator-wide-bottom .owl-controls .owl-page {
    display: table-cell; }
  .spyder-carousel.indicator-wide-bottom .owl-controls .owl-page span {
    content: '';
    margin: 0;
    width: 100%;
    display: block;
    height: 2px;
    background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/baselayer/off_w.svg);
    background-size: 200%;
    background-position: center; }
  .spyder-carousel.indicator-wide-bottom .owl-controls .owl-page.active span,
  .spyder-carousel.indicator-wide-bottom .owl-controls.clickable .owl-page:hover span {
    background: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick/on_w.svg);
    background-size: 200%;
    background-position: center; }
  .spyder-carousel.indicator-wide-bottom_75 .owl-pagination {
    display: table;
    width: 75%;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    background: #ccc; }
  .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page {
    display: table-cell;
    padding-left: 0px; }
  .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page span {
    content: '';
    margin: 0;
    width: 100%;
    display: block;
    height: 3px;
    background: #ccc;
    opacity: 1;
    background-size: 200%;
    background-position: center; }
  .spyder-carousel.indicator-wide-bottom_75 .owl-controls .owl-page.active span,
  .spyder-carousel.indicator-wide-bottom_75 .owl-controls.clickable .owl-page:hover span {
    background: url(//d319d1tzjwpwbb.cloudfront.net/common/indicator/indicator_on_red.svg);
    background-size: 200%;
    background-position: center;
    opacity: 1; }
  .spyder-carousel.indicator-wide-bottom_90 .owl-pagination {
    display: table;
    width: 93%;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%); }
  .spyder-carousel.indicator-wide-bottom_90 .owl-controls .owl-page {
    display: table-cell;
    padding-left: 0px; }
  .spyder-carousel.indicator-wide-bottom_90 .owl-controls .owl-page span {
    content: '';
    margin: 0;
    width: 100%;
    display: block;
    height: 3px;
    background: #ccc;
    opacity: 1;
    background-size: 200%;
    background-position: center; }
  .spyder-carousel.indicator-wide-bottom_90 .owl-controls .owl-page.active span,
  .spyder-carousel.indicator-wide-bottom_90 .owl-controls.clickable .owl-page:hover span {
    background: url(//d319d1tzjwpwbb.cloudfront.net/common/indicator/indicator_on_blk.svg);
    background-size: 200%;
    background-position: center;
    opacity: 1; }
  .spyder-carousel .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .spyder-carousel .owl-item.loading {
    min-height: 150px; }
  .spyder-carousel .owl-item.animated {
    visibility: visible; }
  .spyder-carousel .owl-topBannerFade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease; }
  .spyder-carousel .owl-topBannerFade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
    opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.signup-phone-dropdown {
  height: 45px;
  width: 100%; }
  .signup-phone-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .signup-phone-dropdown .result {
    padding: 0; }
  .signup-phone-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 100%;
    color: #777;
    font-size: 16px; }
  .signup-phone-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .signup-phone-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .signup-phone-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 17px;
    width: 15px; }
  .signup-phone-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .signup-phone-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .signup-phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .signup-phone-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .signup-phone-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .signup-phone-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .signup-phone-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .signup-phone-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.signup-birth-dropdown {
  display: inline-block;
  height: 45px;
  vertical-align: middle;
  margin-right: 5px; }
  .signup-birth-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .signup-birth-dropdown .result {
    padding: 0; }
  .signup-birth-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 80px;
    color: #777;
    font-size: 16px; }
  .signup-birth-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 80px;
    height: 45px;
    text-align: left;
    padding-left: 10px;
    line-height: 45px; }
  .signup-birth-dropdown .Dropdown-placeholder {
    text-align: left; }
  .signup-birth-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .signup-birth-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 15px;
    width: 15px;
    fill: #999999; }
  .signup-birth-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
    fill: #999999; }
  .signup-birth-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .signup-birth-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #999999;
    font-weight: bold;
    text-transform: capitalize; }
  .signup-birth-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #777;
    cursor: pointer;
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 45px;
    line-height: 45px; }
  .signup-birth-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .signup-birth-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .signup-birth-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .signup-birth-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.product-detail-size-dropdown {
  background-color: white;
  display: block;
  float: left;
  height: 45px;
  margin-left: 5%;
  width: 44%; }
  .product-detail-size-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .product-detail-size-dropdown .result {
    padding: 0; }
  .product-detail-size-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 100%;
    color: #777;
    font-size: 16px; }
  .product-detail-size-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .product-detail-size-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .product-detail-size-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 11px;
    top: 16px;
    width: 15px; }
  .product-detail-size-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .product-detail-size-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .product-detail-size-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .product-detail-size-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .product-detail-size-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .product-detail-size-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .product-detail-size-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .product-detail-size-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.product-detail-quantity-dropdown {
  background-color: white;
  display: block;
  float: right;
  height: 45px;
  margin-right: 5%;
  width: 44%; }
  .product-detail-quantity-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .product-detail-quantity-dropdown .result {
    padding: 0; }
  .product-detail-quantity-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 100%;
    color: #777;
    font-size: 16px; }
  .product-detail-quantity-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .product-detail-quantity-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .product-detail-quantity-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 11px;
    top: 16px;
    width: 15px; }
  .product-detail-quantity-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .product-detail-quantity-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .product-detail-quantity-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .product-detail-quantity-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .product-detail-quantity-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .product-detail-quantity-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .product-detail-quantity-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .product-detail-quantity-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.product-box-dropdown {
  height: 32px;
  right: 8px;
  float: right; }
  .product-box-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .product-box-dropdown .result {
    padding: 0; }
  .product-box-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 170px;
    color: #777;
    font-size: 16px; }
  .product-box-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 170px;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .product-box-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .product-box-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 16px;
    width: 15px; }
  .product-box-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .product-box-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .product-box-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .product-box-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .product-box-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .product-box-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .product-box-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .product-box-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.cart-drop {
  border: 1px solid #ddd;
  background: #fff;
  width: 210px;
  height: 45px;
  padding-left: 10px;
  background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
  background-repeat: no-repeat;
  background-size: 15px 13px;
  background-position: right;
  padding-right: 10px;
  background-position-x: 180px;
  border-radius: 0; }

.order-phone-dropdown {
  display: inline-block;
  width: 31%; }
  .order-phone-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .order-phone-dropdown .result {
    padding: 0; }
  .order-phone-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 100%;
    color: #777;
    font-size: 16px; }
  .order-phone-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .order-phone-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .order-phone-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 15px; }
  .order-phone-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .order-phone-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .order-phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .order-phone-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .order-phone-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .order-phone-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .order-phone-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .order-phone-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }
  .order-phone-dropdown .Dropdown-control {
    color: #080808; }
  .order-phone-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    top: 16px;
    right: 9px; }

.order-test-dropdown {
  display: inline-block;
  width: 100%; }
  .order-test-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .order-test-dropdown .result {
    padding: 0; }
  .order-test-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 100%;
    color: #777;
    font-size: 16px; }
  .order-test-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .order-test-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .order-test-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 15px; }
  .order-test-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .order-test-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .order-test-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .order-test-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .order-test-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .order-test-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .order-test-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .order-test-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }
  .order-test-dropdown .Dropdown-control {
    color: #080808; }
  .order-test-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    top: 16px;
    right: 9px; }

.coupon-select-dropdown {
  display: inline-block;
  height: auto;
  width: 100%; }
  .coupon-select-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .coupon-select-dropdown .result {
    padding: 0; }
  .coupon-select-dropdown .Dropdown-root {
    position: relative;
    height: 32px;
    width: 100%;
    color: #777;
    font-size: 13px; }
  .coupon-select-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 32px;
    text-align: left;
    padding-left: 8px;
    line-height: 32px; }
  .coupon-select-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .coupon-select-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 15px; }
  .coupon-select-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .coupon-select-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .coupon-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .coupon-select-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 32px;
    line-height: 32px; }
  .coupon-select-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .coupon-select-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .coupon-select-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .coupon-select-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.order-email-dropdown {
  display: inline-block;
  float: right; }
  .order-email-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .order-email-dropdown .result {
    padding: 0; }
  .order-email-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 120px;
    color: #777;
    font-size: 16px; }
  .order-email-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 120px;
    height: 45px;
    text-align: left;
    padding-left: 8px;
    line-height: 45px; }
  .order-email-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .order-email-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 15px 13px;
    height: 13px;
    position: absolute;
    right: 7px;
    top: 17px;
    width: 15px; }
  .order-email-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .order-email-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .order-email-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .order-email-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px; }
  .order-email-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .order-email-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .order-email-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .order-email-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.signup-country-dropdown {
  float: right;
  width: 100%; }
  .signup-country-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .signup-country-dropdown .result {
    padding: 0; }
  .signup-country-dropdown .Dropdown-root {
    position: relative;
    height: 50px;
    width: 345px;
    color: #6d6d6d;
    font-size: 14px; }
  .signup-country-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #6d6d6d;
    cursor: default;
    outline: none;
    width: 345px;
    height: 50px;
    text-align: left;
    padding-left: 10px;
    line-height: 50px; }
  .signup-country-dropdown .Dropdown-placeholder {
    text-align: left; }
  .signup-country-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .signup-country-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 18px;
    width: 16px;
    fill: #999999; }
  .signup-country-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
    fill: #999999; }
  .signup-country-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .signup-country-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #999999;
    font-weight: bold;
    text-transform: capitalize; }
  .signup-country-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #6d6d6d;
    cursor: pointer;
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 50px;
    line-height: 50px; }
  .signup-country-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .signup-country-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .signup-country-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .signup-country-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.signup-email-dropdown {
  float: right;
  width: 100%; }
  .signup-email-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .signup-email-dropdown .result {
    padding: 0; }
  .signup-email-dropdown .Dropdown-root {
    position: relative;
    height: 45px;
    width: 110px;
    color: #6d6d6d;
    font-size: 14px; }
  .signup-email-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #6d6d6d;
    cursor: default;
    outline: none;
    width: 110px;
    height: 45px;
    text-align: left;
    padding-left: 10px;
    line-height: 45px; }
  .signup-email-dropdown .Dropdown-placeholder {
    text-align: left; }
  .signup-email-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .signup-email-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 18px;
    width: 16px;
    fill: #999999; }
  .signup-email-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
    fill: #999999; }
  .signup-email-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .signup-email-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #999999;
    font-weight: bold;
    text-transform: capitalize; }
  .signup-email-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #6d6d6d;
    cursor: pointer;
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 45px;
    line-height: 45px; }
  .signup-email-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .signup-email-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .signup-email-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .signup-email-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.email-select-dropdown {
  height: 35px;
  margin-left: 112px; }
  .email-select-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .email-select-dropdown .result {
    padding: 0; }
  .email-select-dropdown .Dropdown-root {
    position: relative;
    height: 33px;
    width: 92px;
    color: #777;
    font-size: 14px; }
  .email-select-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 92px;
    height: 33px;
    text-align: left;
    padding-left: 8px;
    line-height: 33px; }
  .email-select-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .email-select-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 16px; }
  .email-select-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .email-select-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .email-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .email-select-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 33px;
    line-height: 33px; }
  .email-select-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .email-select-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .email-select-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .email-select-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.phone-dropdown {
  float: left;
  height: 35px; }
  .phone-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .phone-dropdown .result {
    padding: 0; }
  .phone-dropdown .Dropdown-root {
    position: relative;
    height: 33px;
    width: 68px;
    color: #777;
    font-size: 14px; }
  .phone-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 68px;
    height: 33px;
    text-align: left;
    padding-left: 8px;
    line-height: 33px; }
  .phone-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .phone-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    width: 16px; }
  .phone-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .phone-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .phone-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .phone-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 33px;
    line-height: 33px; }
  .phone-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .phone-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .phone-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .phone-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.birth-dropdown {
  float: left;
  height: 35px;
  margin-right: 2px; }
  .birth-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .birth-dropdown .result {
    padding: 0; }
  .birth-dropdown .Dropdown-root {
    position: relative;
    height: 33px;
    width: 68px;
    color: #777;
    font-size: 14px; }
  .birth-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 68px;
    height: 33px;
    text-align: left;
    padding-left: 8px;
    line-height: 33px; }
  .birth-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .birth-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 6px;
    top: 12px;
    width: 16px; }
  .birth-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .birth-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .birth-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .birth-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 33px;
    line-height: 33px; }
  .birth-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .birth-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .birth-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .birth-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.return-count-dropdown {
  float: right;
  height: 28px;
  margin-left: 10px; }
  .return-count-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .return-count-dropdown .result {
    padding: 0; }
  .return-count-dropdown .Dropdown-root {
    position: relative;
    height: 28px;
    width: 50px;
    color: #777;
    font-size: 14px; }
  .return-count-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 50px;
    height: 28px;
    text-align: left;
    padding-left: 8px;
    line-height: 28px; }
  .return-count-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .return-count-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 13px; }
  .return-count-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .return-count-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .return-count-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .return-count-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 28px;
    line-height: 28px; }
  .return-count-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .return-count-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .return-count-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .return-count-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.return-reason-dropdown {
  display: inline-block;
  float: right;
  height: 30px;
  width: 100%; }
  .return-reason-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .return-reason-dropdown .result {
    padding: 0; }
  .return-reason-dropdown .Dropdown-root {
    position: relative;
    height: 30px;
    width: 100%;
    color: #777;
    font-size: 13px; }
  .return-reason-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 30px;
    text-align: left;
    padding-left: 8px;
    line-height: 30px; }
  .return-reason-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .return-reason-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 13px; }
  .return-reason-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .return-reason-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .return-reason-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .return-reason-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px; }
  .return-reason-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .return-reason-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .return-reason-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .return-reason-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.delivery-dropdown {
  display: inline-block;
  float: right;
  height: 30px;
  width: 100%; }
  .delivery-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .delivery-dropdown .result {
    padding: 0; }
  .delivery-dropdown .Dropdown-root {
    position: relative;
    height: 30px;
    width: 100%;
    color: #777;
    font-size: 13px; }
  .delivery-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 30px;
    text-align: left;
    padding-left: 8px;
    line-height: 30px; }
  .delivery-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .delivery-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 13px; }
  .delivery-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .delivery-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .delivery-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .delivery-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px; }
  .delivery-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .delivery-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .delivery-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .delivery-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.bank-account-dropdown {
  display: inline-block;
  float: right;
  height: 30px;
  width: 100%; }
  .bank-account-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .bank-account-dropdown .result {
    padding: 0; }
  .bank-account-dropdown .Dropdown-root {
    position: relative;
    height: 30px;
    width: 100%;
    color: #777;
    font-size: 13px; }
  .bank-account-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #969696;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #777;
    cursor: default;
    outline: none;
    width: 100%;
    height: 30px;
    text-align: left;
    padding-left: 8px;
    line-height: 30px; }
  .bank-account-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .bank-account-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_dropdown_grey.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    height: 13px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 13px; }
  .bank-account-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/icon_up_red.svg); }
  .bank-account-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #080808;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .bank-account-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #969696;
    font-weight: bold;
    text-transform: capitalize; }
  .bank-account-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #969696;
    cursor: pointer;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px; }
  .bank-account-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .bank-account-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .bank-account-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .bank-account-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

.sort-select-dropdown {
  display: inline-block;
  height: 40px;
  float: right;
  padding-top: 15px;
  padding-right: 10px; }
  .sort-select-dropdown select {
    position: absolute;
    left: -9999px;
    top: -9999px; }
  .sort-select-dropdown .result {
    padding: 0; }
  .sort-select-dropdown .Dropdown-root {
    position: relative;
    height: 40px;
    width: 128px;
    color: #6d6d6d;
    font-size: 14px; }
  .sort-select-dropdown .Dropdown-control {
    overflow: hidden;
    background-color: white;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
    color: #6d6d6d;
    cursor: default;
    outline: none;
    width: 128px;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    line-height: 40px; }
  .sort-select-dropdown .Dropdown-placeholder {
    text-align: left; }
  .sort-select-dropdown .Dropdown-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .sort-select-dropdown .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/open_gray.svg);
    background-repeat: no-repeat;
    background-size: 16px 13px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 14px;
    width: 16px;
    fill: #999999; }
  .sort-select-dropdown .is-open .Dropdown-arrow {
    background-image: url(//d319d1tzjwpwbb.cloudfront.net/desktop/icons/close_gray.svg);
    fill: #999999; }
  .sort-select-dropdown .Dropdown-menu {
    background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch; }
  .sort-select-dropdown .Dropdown-menu .Dropdown-group > .Dropdown-title {
    color: #999999;
    font-weight: bold;
    text-transform: capitalize; }
  .sort-select-dropdown .Dropdown-option {
    box-sizing: border-box;
    color: #6d6d6d;
    cursor: pointer;
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 40px;
    line-height: 40px; }
  .sort-select-dropdown .Dropdown-option:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  .sort-select-dropdown .Dropdown-option:hover {
    background-color: #f2f9fc;
    color: #333; }
  .sort-select-dropdown .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }
  .sort-select-dropdown .Dropdown-noresults {
    box-sizing: border-box;
    color: #ccc;
    cursor: default;
    display: block;
    padding: 4px 5px; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.category-product-slide {
  position: relative;
  height: auto;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .category-product-slide .owl-theme .owl-controls {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0px;
    width: 100%; }
  .category-product-slide .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .category-product-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .category-product-slide .owl-pagination {
    margin: 14px 0 29px 0;
    width: 100%; }
  .category-product-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .category-product-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 4px 0;
    padding: 0;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #bfbfbf; }
  .category-product-slide .owl-theme .owl-controls .owl-page.active span,
  .category-product-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .category-product-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .category-product-slide .owl-item.loading {
    min-height: 150px; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-banner-slide {
  height: auto;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-banner-slide .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-banner-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-banner-slide .owl-pagination {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #E0E0E0; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-page.active span,
  .mdpick-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpick-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-banner-slide .owl-item.loading {
    min-height: 150px; }
  .mdpick-banner-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-cycle-banner-slide {
  height: auto;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-cycle-banner-slide .owl-pagination {
    bottom: 10%;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #E0E0E0; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-page.active span,
  .mdpick-cycle-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpick-cycle-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-cycle-banner-slide .owl-item.loading {
    min-height: 150px; }
  .mdpick-cycle-banner-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.rashguard-banner-slide {
  height: 100%;
  position: relative;
  z-index: 100;
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-buttons {
    margin: 0 auto;
    top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-20px);
    width: 100%; }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: 40px;
    left: 15px;
    padding: 0;
    position: absolute;
    width: 22px; }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: 40px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 22px; }
  .rashguard-banner-slide .owl-pagination {
    position: absolute;
    top: 39%;
    text-align: center;
    width: 100%; }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 8px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #5a5e75; }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-page.active span,
  .rashguard-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #fff; }
  .rashguard-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .rashguard-banner-slide .owl-item.loading {
    min-height: 150px; }
  .rashguard-banner-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.training-banner-slide {
  height: auto;
  position: relative;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .training-banner-slide .owl-theme {
    height: auto; }
  .training-banner-slide .owl-theme .owl-controls {
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 38px;
    text-align: right;
    width: 100%; }
  .training-banner-slide .owl-theme .owl-controls .owl-buttons div {
    background: #fff;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    position: relative; }
  .training-banner-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    width: auto;
    height: 10px;
    left: 15px;
    position: absolute; }
  .training-banner-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    width: auto;
    height: 15px;
    right: 15px;
    position: absolute; }
  .training-banner-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .training-banner-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .training-banner-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    padding: 0;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 26px;
    background: #cfcfcf; }
  .training-banner-slide .owl-theme .owl-controls .owl-page.active span,
  .training-banner-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .training-banner-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .training-banner-slide .owl-item.loading {
    min-height: 150px; }
  .training-banner-slide .owl-pagination {
    display: none; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.modularbag-product-slide {
  height: 100%;
  position: relative;
  z-index: 100;
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .modularbag-product-slide .owl-theme .owl-controls .owl-buttons {
    margin: 0 auto;
    top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-20px);
    width: 100%; }
  .modularbag-product-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: 40px;
    left: 15px;
    padding: 0;
    position: absolute;
    width: 22px; }
  .modularbag-product-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: 40px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 22px; }
  .modularbag-product-slide .owl-pagination {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%; }
  .modularbag-product-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .modularbag-product-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 4px;
    padding: 0 0 0 0;
    margin-right: 8px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    background: #cfcfcf; }
  .modularbag-product-slide .owl-theme .owl-controls .owl-page.active span,
  .modularbag-product-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #ed1c24; }
  .modularbag-product-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .modularbag-product-slide .owl-item.loading {
    min-height: 150px; }
  .modularbag-product-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.modularbag-lookbook-slide {
  height: 100%;
  position: relative;
  z-index: 100;
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .modularbag-lookbook-slide img {
    height: auto;
    position: relative;
    width: 100%; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-buttons {
    margin: 0 auto;
    top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-20px);
    width: 100%; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: 40px;
    left: 15px;
    padding: 0;
    position: absolute;
    width: 22px; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: 40px;
    padding: 0;
    position: absolute;
    right: 20px;
    width: 22px; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-page {
    display: none;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-page span {
    display: none;
    width: 8px;
    height: 8px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 8px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #5a5e75; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-page.active span,
  .modularbag-lookbook-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #fff; }
  .modularbag-lookbook-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .modularbag-lookbook-slide .owl-item.loading {
    min-height: 150px; }
  .modularbag-lookbook-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-sidearm-slide {
  height: auto;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-sidearm-slide .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-sidearm-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-sidearm-slide .owl-pagination {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #E0E0E0; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-page.active span,
  .mdpick-sidearm-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpick-sidearm-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-sidearm-slide .owl-item.loading {
    min-height: 150px; }
  .mdpick-sidearm-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-compression-slide {
  height: auto;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-compression-slide .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-compression-slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-compression-slide .owl-pagination {
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #E0E0E0; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-page.active span,
  .mdpick-compression-slide .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpick-compression-slide .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-compression-slide .owl-item.loading {
    min-height: 150px; }
  .mdpick-compression-slide .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-cycle-2018 {
  height: auto;
  position: relative;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-cycle-2018 .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-cycle-2018 .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-cycle-2018 .owl-pagination {
    bottom: 10%;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-page span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/off_w.svg);
    display: block;
    height: auto;
    margin: 0 2px 25px 0;
    padding: 0 0 0 0;
    width: 46px; }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-page.active span,
  .mdpick-cycle-2018 .owl-theme .owl-controls.clickable .owl-page:hover span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/on_w.svg); }
  .mdpick-cycle-2018 .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-cycle-2018 .owl-item.loading {
    min-height: 150px; }
  .mdpick-cycle-2018 .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpick-baselayer {
  height: auto;
  position: relative;
  width: 100%;
  /* Styling Next and Prev buttons */
  /* Clickable class fix problem with hover on touch devices */
  /* Use it for non-touch hover action */
  /* Styling Next and Prev buttons */
  /* Styling Pagination*/
  /* If PaginationNumbers is true */
  /* preloading images */ }
  .mdpick-baselayer .owl-theme .owl-controls {
    bottom: 0px;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5; }
  .mdpick-baselayer .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background: #ffffff;
    background: rgba(255, 255, 255, 0);
    filter: alpha(Opacity=0);
    /*IE7 fix*/
    opacity: 1; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-buttons .owl-prev {
    height: auto;
    left: -70px;
    padding: 0;
    top: -558px;
    width: 20px; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-buttons .owl-next {
    height: auto;
    padding: 0;
    right: -70px;
    top: -558px;
    width: 20px; }
  .mdpick-baselayer .owl-pagination {
    bottom: 10%;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpick-baselayer .owl-theme .owl-controls .owl-page span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/off_w.svg);
    display: block;
    height: auto;
    margin: 0 2px 25px 0;
    padding: 0 0 0 0;
    width: 46px; }
  .mdpick-baselayer .owl-theme .owl-controls .owl-page.active span,
  .mdpick-baselayer .owl-theme .owl-controls.clickable .owl-page:hover span {
    content: url(//d319d1tzjwpwbb.cloudfront.net/desktop/images/mdpick_custom/2018cycle_1/on_w.svg); }
  .mdpick-baselayer .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .mdpick-baselayer .owl-item.loading {
    min-height: 150px; }
  .mdpick-baselayer .owl-item.animated {
    visibility: visible; }

.owl-topBannerFade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-topBannerFade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
  opacity: 1; }

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

@keyframes fadeOut {
  0%, 50%, 100% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpic_rashguard_2018 {
  height: 100%;
  position: relative;
  z-index: 100;
  /* Styling Pagination*/
  /* If PaginationNumbers is true */ }
  .mdpic_rashguard_2018 .owl-theme .owl-controls .owl-buttons {
    margin: 0 auto;
    top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-20px);
    width: 100%; }
  .mdpic_rashguard_2018 .owl-pagination {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
  .mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 8px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #bfbfbf; }
  .mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page.active span,
  .mdpic_rashguard_2018 .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpic_rashguard_2018 .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.mdpic_summer_style_2018_owlCarousel {
  height: 100%;
  position: relative;
  z-index: 100;
  /* Styling Pagination*/
  /* If PaginationNumbers is true */ }
  .mdpic_summer_style_2018_owlCarousel .owl-pagination {
    bottom: -30px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */ }
    .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page:first-child {
      margin-left: 8px; }
  .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-right: 8px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #bfbfbf; }
  .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page.active span,
  .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #E62E04; }
  .mdpic_summer_style_2018_owlCarousel .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

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

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

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

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

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }

@font-face {
  font-family: 'DINCondensed-Regular';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'HelveticaNeueLTPro-Roman';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37C5E0_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'HelveticaNeueLTPro-Hv';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/37FA3B_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'FFDINWebProBold';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.woff2") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/33D715_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'NotoSansCJKkr-bold';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'NotoSansCJKkr';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'NotoSansCJKkr-light';
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.eot");
  src: url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.woff") format("woff2"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.woff") format("woff"), url("//d319d1tzjwpwbb.cloudfront.net/desktop/fonts/NotoSans-Light.ttf") format("truetype"); }


        /*about*/
        section.about {
            margin-top:51px;    
        }
        section.about .slide .arr {
            display:none;
        }
        section.about .slide2 .arr {
            display:none;
        }
        section.about ul {
            width:100%;
            height:9.25vh;
        }
        section.about li {
            width:50%;
            height:9.25vh;
            line-height:1;
            font-size: 4vw;
            padding:2.23vh;
        }
        section.about li.current {
            background-color: #ffffff;
            color:#6d6d6d;
        }
        section.about table {
            width:calc(100% - 28px);
            margin:14px auto;
        }
        section.about table th {
            width:105px;
             font-family: NotoSansCJKkr, 'Noto Sans KR', sans-serif;;
          font-size: 3.73vw;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 6.66vw;
          letter-spacing: normal;
          color: #333333;
        }
        section.about table td {
            font-family: NotoSansCJKkr, 'Noto Sans KR', sans-serif;;
          font-size: 3.73vw;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 6.66vw;
          letter-spacing: normal;
          color: #333333;
        }
        section.about article {
            height: 42vh;
            margin:3.19vh 0;
            text-align:center;
        }
        section.about article.content2 {
            /*height: 102vh;*/
        }
        section.about article h4 {
            font-size:5.33vw;
            margin:6.36vh auto;
        }
        section.about article p {
            width: calc(100% - 28px);
            margin:14px auto;
            font-size:3.73vw;
            padding-bottom:6.36vh;
        }
        section.about .slick-arrow {
            display:none !important
        }

        .ProAthlWrestling{position:relative;margin-top:0}
        .proAthl .owl-prev,
        .proAthl .owl-next{position:absolute;top:55%;transform:translateY(-50%)}
        .proAthl .owl-prev{left:30px}
        .proAthl .owl-next{right:30px}
        .proAthl .owl-prev img,
        .proAthl .owl-next img{width:10px}
        .slick-dots{position:absolute;bottom:25px;left:50%;right:0;transform:translateX(-50%);width:70%;text-align:center;font-size:0}
        .slick-dots li{display:inline-block;height:2px}
        .slick-dots li button{width:100%;height:2px;background:#BEBEBE;overflow:hidden;text-indent:-999px}
        .slick-dots li.slick-active button{background:#CD0000}
        .slick-dots li:first-child:nth-last-child(1){width:50%}
        .slick-dots li:first-child:nth-last-child(2),
        .slick-dots li:first-child:nth-last-child(2) ~ li{width:50%}
        .slick-dots li:first-child:nth-last-child(3),
        .slick-dots li:first-child:nth-last-child(3) ~ li{width:calc(100% / 3)}
        .slick-dots li:first-child:nth-last-child(4),
        .slick-dots li:first-child:nth-last-child(4) ~ li{width:calc(100% / 4)}
        .slick-dots li:first-child:nth-last-child(5),
        .slick-dots li:first-child:nth-last-child(5) ~ li{width:calc(100% / 5)}
        .slick-dots li:first-child:nth-last-child(6),
        .slick-dots li:first-child:nth-last-child(6) ~ li{width:calc(100% / 6)}
        .slick-dots li:first-child:nth-last-child(7),
        .slick-dots li:first-child:nth-last-child(7) ~ li{width:calc(100% / 7)}
        .slick-dots li:first-child:nth-last-child(8),
        .slick-dots li:first-child:nth-last-child(8) ~ li{width:calc(100% / 8)}
        .slick-dots li:first-child:nth-last-child(9),
        .slick-dots li:first-child:nth-last-child(9) ~ li{width:calc(100% / 9)}
        .slick-dots li:first-child:nth-last-child(10),
        .slick-dots li:first-child:nth-last-child(10) ~ li{width:calc(100% / 10)}
        .slick-dots li:first-child:nth-last-child(11),
        .slick-dots li:first-child:nth-last-child(11) ~ li{width:calc(100% / 11)}
        .slick-dots li:first-child:nth-last-child(12),
        .slick-dots li:first-child:nth-last-child(12) ~ li{width:calc(100% / 12)}
        .slick-dots li:first-child:nth-last-child(13),
        .slick-dots li:first-child:nth-last-child(13) ~ li{width:calc(100% / 13)}
        .slick-dots li:first-child:nth-last-child(14),
        .slick-dots li:first-child:nth-last-child(14) ~ li{width:calc(100% / 14)}
        .slick-dots li:first-child:nth-last-child(15),
        .slick-dots li:first-child:nth-last-child(15) ~ li{width:calc(100% / 15)}
        .slick-dots li:first-child:nth-last-child(16),
        .slick-dots li:first-child:nth-last-child(16) ~ li{width:calc(100% / 16)}
        .slick-dots li:first-child:nth-last-child(17),
        .slick-dots li:first-child:nth-last-child(17) ~ li{width:calc(100% / 17)}
        .slick-dots li:first-child:nth-last-child(18),
        .slick-dots li:first-child:nth-last-child(18) ~ li{width:calc(100% / 18)}
        .slick-dots li:first-child:nth-last-child(19),
        .slick-dots li:first-child:nth-last-child(19) ~ li{width:calc(100% / 19)}
        .slick-dots li:first-child:nth-last-child(20),
        .slick-dots li:first-child:nth-last-child(20) ~ li{width:calc(100% / 20)}


.new_sub_event_page .milan-fashion-show .main{min-height:auto}

.new_sub_event_page .video-sec {padding:19.5vw 0}
.new_sub_event_page .video-sec .title{margin-bottom:8px;font-size:24px}
.new_sub_event_page .video-sec .sub-title{font-family:'GillSansMTPro', sans-serif;font-size:18px}
.new_sub_event_page .milan-fashion-show .content-runway-story .video-sec .desc{padding:8.75vw 0 19.5vw}
.new_sub_event_page .milan-fashion-show .content-runway-story .video-sec iframe{width:100%;height:100%}

.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner{padding:0 5.8vw 19.5vw;}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner .title{padding:8.75vw 0 8px;font-size:24px;line-height:29px;font-family:'GillSansMTPro', sans-serif;}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner .txt{font-size:14px;line-height:21px;color:#fff}
.new_sub_event_page .milan-fashion-show .content-runway-story .roll-sec .inner .ta_left{text-align:left}

.new_sub_event_page .img_box .img_type_overlapping{overflow:hidden}
.new_sub_event_page .img_box .img_type_overlapping .left{float:left;width:91%}
.new_sub_event_page .img_box .img_type_overlapping .right{float:right;width:62%;margin-top:-7vw}
.new_sub_event_page .img_box video{margin:19.5vw 0}
.new_sub_event_page .img_box .img_type_cen_and_left{float:left;width:83%}
.new_sub_event_page .img_box .img_type_right{float:right;width:66%}
.new_sub_event_page .img_box .img_type_full{clear:both;width:100%}
.new_sub_event_page .img_box .img_type_cen{padding:0 5.8vw}
.new_sub_event_page .img_box .img_type_overlapping2{overflow:hidden}
.new_sub_event_page .img_box .img_type_overlapping2 .right{float:right;width:60%}
.new_sub_event_page .img_box .img_type_overlapping2 .left{float:left;width:77.5%}

.new_sub_event_page .img_box1 .img_type_cen_and_left{padding-bottom:8px}
.new_sub_event_page .img_box1 .img_type_full{padding-top:19.5vw}
.new_sub_event_page .img_box2 .img_type_overlapping2{padding-bottom:19.5vw}
.new_sub_event_page .img_box3 .img_type_overlapping .left{width:74.5%}
.new_sub_event_page .img_box3 .img_type_overlapping .right{float:right;width:52%;margin-top:0}
.new_sub_event_page .img_box3 .img_type_full{padding-top:19.5vw}
.new_sub_event_page .img_box4 .img_type_overlapping .left{width:80%}
.new_sub_event_page .img_box4 .img_type_overlapping .right{float:right;width:57%;margin-top:0}
.new_sub_event_page .img_box4 .img_type_full{padding-top:19.5vw}

.new_sub_event_page .roll-sec.green{background:#238B98}
.new_sub_event_page .roll-sec.gray{background:#525252}
.new_sub_event_page .roll-sec.red{background:#DD2A03}

.new_sub_event_page .roll-sec.red .text-box .desc{padding:19.5vw 5.8vw;color:#000}
.new_sub_event_page .btn_txt{margin-bottom:80px;min-width:90%;font-weight:700}

.new_sub_event_page .milan-fashion-show .content-collection .p-popup{overflow-y:hidden;background-color:rgba(0, 0, 0, 0.5);}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .inner{overflow-y:scroll;transform:translate(0);top:0;left:0;width:100%;height:100%}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .full-img{width:100%}

.new_sub_event_page .milan-fashion-show .content-collection .p-popup .close{top:0;right:0;width:56px;height:56px;padding:16px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .close img{filter:none;-webkit-filter:none;}

.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow{position:absolute;top:50%;width:16px;margin-top:-17px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow.prev{left:16px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .arrow.next{right:16px}

.new_sub_event_page .milan-fashion-show .content-collection .p-popup .left_img img{width:100%}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .left_img .scroll{display:none}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .close{z-index:2000}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .arrow{margin-top:0;width:20px;transform:translateY(-50%);}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .arrow.prev{left:24px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .arrow.next{right:24px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .bottom_bar{position:fixed;bottom:0;left:0;width:100%;height:48px;background:#fff;z-index:1000}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .mb_bottom_bar .bottom_bar p{color:#000;font-size:12px;text-align:center;line-height:48px}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img{padding:40px 16px 100px;box-sizing:border-box;background:#fff}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list::after{content:'';display:block;clear:both}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li{float:left;margin-right:7px;margin-top:7px;width:calc(50% - 3.5px)}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li.no_item{margin-right:0;width:100%}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li.no_item p{color:#000;font-size:12px;font-weight:700;text-align:center;}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li:nth-of-type(-n+2){margin-top:0}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li:nth-of-type(2n){margin-right:0}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li a .txt{margin-top:8px;text-align:left}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li a .txt .tit{margin-bottom:8px;color:#000;font-size:12px;font-weight:700;display:-webkit-box;height:32px;line-height:16px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.new_sub_event_page .milan-fashion-show .content-collection .p-popup .product_img .list li a .txt .price{color:#000;font-size:12px}

.now_link{display:inline-block;padding:3px 10px;border:1px solid #000;text-align:center;margin:0 10px;vertical-align:middle;font-size:0.8rem}

/* brand story 21fw */
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs{position:relative;margin-bottom:37px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs:last-of-type{margin-bottom:0}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_boxs::after{content:'';display:block;clear:both}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box img{display:block}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02{margin-bottom:74px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02 img:first-of-type{position:absolute;bottom:0;left:0;margin-bottom:-37px;width:158px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_02 img:last-of-type{float:right;padding-left:13px;width:calc(100% - 158px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_03 img{margin:0 auto;width:calc(100% - 60px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_05 img{margin:0 auto;width:calc(100% - 60px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06{margin-bottom:111px}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06 img:first-of-type{width:calc(100% - 120px)}
.new_sub_event_page .milan-fashion-show .roll-sec.fw21 .img_box .img_06 img:last-of-type{position:absolute;bottom:0;right:0;margin-bottom:-74px;width:167px}
.new_sub_event_page .milan-fashion-show .fw_btn_area{margin:40px 0 0} 
.new_sub_event_page .milan-fashion-show .fw_btn_area .btn{display:block;width:100%;height:48px;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:48px;background:#000}