@charset "UTF-8";
/*!
Theme Name: Comdr 2019
Theme URI: https://0803652430.co.kr/
Author: Kyouhyung Kim
Author URI: http://kyouhyung.kim
Description: Comdr 2019 Theme
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 22.12.1
Text Domain: comdr2019
Template: comdr-base
*/
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.board-search-container::after, .sub-page-main-benefits::after, .sub-page-maintext-benefits::after, .sub-common-head::after, .main-contents-partnerlogo::after, .main-contents-smartform .smartform-page-first-ul::after, .main-contents-links-img-ul::after, .main-contents-servicestatus-list-ul li::after, .list-clear::after, .clearafter::after {
  content: "";
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
  clear: both !important;
}

.dealer-search, .sub-contents-wrap-full, .sub-contents-wrap {
  display: block;
  width: 100%;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}

.sub-contents-wrap {
  padding: 20px 264px;
}

.quickform select, .cs-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("./static/res/icons/chevron-bottom.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.quickform select::-ms-expand, .cs-form select::-ms-expand {
  display: none;
}

.gnb-icon, [class^=gnb-icon-] {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 38px;
  margin-right: 10px;
}
.gnb-icon::before, [class^=gnb-icon-]::before, .gnb-icon > .icon, [class^=gnb-icon-] > .icon {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 38px;
  top: 0;
  left: 0;
  z-index: 2;
}
.gnb-icon::after, [class^=gnb-icon-]::after {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 4px;
  right: 0;
  border-radius: 50%;
  background: white;
  z-index: 1;
}
@media screen and (max-width: 1290px) {
  .gnb-icon, [class^=gnb-icon-] {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.gnb-icon-computer::before {
  background-image: url("./static/res/common/icons/gnb_icon_computer.png");
}
.gnb-icon-laptop::before {
  background-image: url("./static/res/common/icons/gnb_icon_laptop.png");
}
.gnb-icon-mac::before {
  background-image: url("./static/res/common/icons/gnb_icon_apple.png");
}
.gnb-icon-data::before {
  background-image: url("./static/res/common/icons/gnb_icon_data.png");
}
.gnb-icon-ransom::before {
  background-image: url("./static/res/common/icons/gnb_icon_ransom.png");
}
.gnb-icon-monitor::before {
  background-image: url("./static/res/common/icons/gnb_icon_monitor.png");
}
.gnb-icon-upgrade::before {
  background-image: url("./static/res/common/icons/gnb_icon_upgrade.png");
}
.gnb-icon-network::before {
  background-image: url("./static/res/common/icons/gnb_icon_network.png");
}
.gnb-icon-maintenance::before {
  background-image: url("./static/res/common/icons/gnb_icon_maintenance.png");
}
.gnb-icon-partner::before {
  background-image: url("./static/res/common/icons/gnb_icon_partner.png");
}
.gnb-icon-pos::before {
  background-image: url("./static/res/common/icons/gnb_icon_pos.png");
}
.gnb-icon-server::before {
  background-image: url("./static/res/common/icons/gnb_icon_server.png");
}
.gnb-icon-covid::before {
  background-image: url("./static/res/common/icons/gnb_icon_covid.png");
}
.gnb-icon-online::before {
  background-image: url("./static/res/common/icons/gnb_icon_online.png");
}
.gnb-icon-kakao::before {
  background-image: url("./static/res/common/icons/gnb_icon_kakao.png");
}
.gnb-icon-naver::before {
  background-image: url("./static/res/common/icons/gnb_icon_naver.png");
}
.gnb-icon-delivery::before {
  background-image: url("./static/res/common/icons/gnb_icon_delivery.png");
}
.gnb-icon-customer::before {
  background-image: url("./static/res/common/icons/gnb_icon_customer.png");
}

[class^=flex-col] {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
}

.padded {
  padding-left: 10px;
  padding-right: 10px;
}

.flexwrap-v-overpadding, .flexwrap-h-overpadding {
  margin-left: -10px;
  margin-right: -10px;
  flex-grow: 1;
}

.flexwrap, .flexwrap-v-overpadding, .flexwrap-v, .aside-menu-ul, .flexwrap-h-overpadding, .flexwrap-h, .quickform-element, .sub-contents-benefits-title, .sub-contents-service-container, .popup-form__field, .popup-form-item, .aside-menu {
  display: flex !important;
}
.flexwrap-h, .quickform-element, .sub-contents-benefits-title, .sub-contents-service-container, .popup-form__field, .popup-form-item, .aside-menu {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.flexwrap-h-overpadding {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.flexwrap-v, .aside-menu-ul {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.flexwrap-v-overpadding {
  flex-direction: column !important;
}

.flex-col-1 {
  flex-basis: 8.3333333333%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-1 {
    max-width: 8.3333333333%;
  }
}
.flex-col-1-rigid {
  flex-basis: 8.3333333333%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 8.3333333333%;
}
.flex-col-2 {
  flex-basis: 16.6666666667%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-2 {
    max-width: 16.6666666667%;
  }
}
.flex-col-2-rigid {
  flex-basis: 16.6666666667%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 16.6666666667%;
}
.flex-col-3 {
  flex-basis: 25%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-3 {
    max-width: 25%;
  }
}
.flex-col-3-rigid {
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 25%;
}
.flex-col-4 {
  flex-basis: 33.3333333333%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-4 {
    max-width: 33.3333333333%;
  }
}
.flex-col-4-rigid {
  flex-basis: 33.3333333333%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 33.3333333333%;
}
.flex-col-5, .sub-contents-datarec-main {
  flex-basis: 41.6666666667%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-5, .sub-contents-datarec-main {
    max-width: 41.6666666667%;
  }
}
.flex-col-5-rigid {
  flex-basis: 41.6666666667%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 41.6666666667%;
}
.flex-col-6 {
  flex-basis: 50%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-6 {
    max-width: 50%;
  }
}
.flex-col-6-rigid {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 50%;
}
.flex-col-7, .sub-contents-datarec-types {
  flex-basis: 58.3333333333%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-7, .sub-contents-datarec-types {
    max-width: 58.3333333333%;
  }
}
.flex-col-7-rigid {
  flex-basis: 58.3333333333%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 58.3333333333%;
}
.flex-col-8 {
  flex-basis: 66.6666666667%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-8 {
    max-width: 66.6666666667%;
  }
}
.flex-col-8-rigid {
  flex-basis: 66.6666666667%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 66.6666666667%;
}
.flex-col-9 {
  flex-basis: 75%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-9 {
    max-width: 75%;
  }
}
.flex-col-9-rigid {
  flex-basis: 75%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 75%;
}
.flex-col-10 {
  flex-basis: 83.3333333333%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-10 {
    max-width: 83.3333333333%;
  }
}
.flex-col-10-rigid {
  flex-basis: 83.3333333333%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 83.3333333333%;
}
.flex-col-11 {
  flex-basis: 91.6666666667%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-11 {
    max-width: 91.6666666667%;
  }
}
.flex-col-11-rigid {
  flex-basis: 91.6666666667%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 91.6666666667%;
}
.flex-col-12 {
  flex-basis: 100%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-12 {
    max-width: 100%;
  }
}
.flex-col-12-rigid {
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
}
.flex-col-p1 {
  flex-basis: 1%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p1 {
    max-width: 1%;
  }
}
.flex-col-p2 {
  flex-basis: 2%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p2 {
    max-width: 2%;
  }
}
.flex-col-p3 {
  flex-basis: 3%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p3 {
    max-width: 3%;
  }
}
.flex-col-p4 {
  flex-basis: 4%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p4 {
    max-width: 4%;
  }
}
.flex-col-p5 {
  flex-basis: 5%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p5 {
    max-width: 5%;
  }
}
.flex-col-p6 {
  flex-basis: 6%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p6 {
    max-width: 6%;
  }
}
.flex-col-p7 {
  flex-basis: 7%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p7 {
    max-width: 7%;
  }
}
.flex-col-p8 {
  flex-basis: 8%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p8 {
    max-width: 8%;
  }
}
.flex-col-p9 {
  flex-basis: 9%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p9 {
    max-width: 9%;
  }
}
.flex-col-p10 {
  flex-basis: 10%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p10 {
    max-width: 10%;
  }
}
.flex-col-p11 {
  flex-basis: 11%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p11 {
    max-width: 11%;
  }
}
.flex-col-p12 {
  flex-basis: 12%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p12 {
    max-width: 12%;
  }
}
.flex-col-p13 {
  flex-basis: 13%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p13 {
    max-width: 13%;
  }
}
.flex-col-p14 {
  flex-basis: 14%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p14 {
    max-width: 14%;
  }
}
.flex-col-p15 {
  flex-basis: 15%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p15 {
    max-width: 15%;
  }
}
.flex-col-p16 {
  flex-basis: 16%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p16 {
    max-width: 16%;
  }
}
.flex-col-p17 {
  flex-basis: 17%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p17 {
    max-width: 17%;
  }
}
.flex-col-p18 {
  flex-basis: 18%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p18 {
    max-width: 18%;
  }
}
.flex-col-p19 {
  flex-basis: 19%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p19 {
    max-width: 19%;
  }
}
.flex-col-p20 {
  flex-basis: 20%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p20 {
    max-width: 20%;
  }
}
.flex-col-p21 {
  flex-basis: 21%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p21 {
    max-width: 21%;
  }
}
.flex-col-p22 {
  flex-basis: 22%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p22 {
    max-width: 22%;
  }
}
.flex-col-p23 {
  flex-basis: 23%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p23 {
    max-width: 23%;
  }
}
.flex-col-p24 {
  flex-basis: 24%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p24 {
    max-width: 24%;
  }
}
.flex-col-p25 {
  flex-basis: 25%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p25 {
    max-width: 25%;
  }
}
.flex-col-p26 {
  flex-basis: 26%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p26 {
    max-width: 26%;
  }
}
.flex-col-p27 {
  flex-basis: 27%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p27 {
    max-width: 27%;
  }
}
.flex-col-p28 {
  flex-basis: 28%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p28 {
    max-width: 28%;
  }
}
.flex-col-p29 {
  flex-basis: 29%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p29 {
    max-width: 29%;
  }
}
.flex-col-p30 {
  flex-basis: 30%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p30 {
    max-width: 30%;
  }
}
.flex-col-p31 {
  flex-basis: 31%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p31 {
    max-width: 31%;
  }
}
.flex-col-p32 {
  flex-basis: 32%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p32 {
    max-width: 32%;
  }
}
.flex-col-p33 {
  flex-basis: 33%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p33 {
    max-width: 33%;
  }
}
.flex-col-p34 {
  flex-basis: 34%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p34 {
    max-width: 34%;
  }
}
.flex-col-p35 {
  flex-basis: 35%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p35 {
    max-width: 35%;
  }
}
.flex-col-p36 {
  flex-basis: 36%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p36 {
    max-width: 36%;
  }
}
.flex-col-p37 {
  flex-basis: 37%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p37 {
    max-width: 37%;
  }
}
.flex-col-p38 {
  flex-basis: 38%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p38 {
    max-width: 38%;
  }
}
.flex-col-p39 {
  flex-basis: 39%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p39 {
    max-width: 39%;
  }
}
.flex-col-p40 {
  flex-basis: 40%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p40 {
    max-width: 40%;
  }
}
.flex-col-p41 {
  flex-basis: 41%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p41 {
    max-width: 41%;
  }
}
.flex-col-p42 {
  flex-basis: 42%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p42 {
    max-width: 42%;
  }
}
.flex-col-p43 {
  flex-basis: 43%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p43 {
    max-width: 43%;
  }
}
.flex-col-p44 {
  flex-basis: 44%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p44 {
    max-width: 44%;
  }
}
.flex-col-p45 {
  flex-basis: 45%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p45 {
    max-width: 45%;
  }
}
.flex-col-p46 {
  flex-basis: 46%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p46 {
    max-width: 46%;
  }
}
.flex-col-p47 {
  flex-basis: 47%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p47 {
    max-width: 47%;
  }
}
.flex-col-p48 {
  flex-basis: 48%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p48 {
    max-width: 48%;
  }
}
.flex-col-p49 {
  flex-basis: 49%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p49 {
    max-width: 49%;
  }
}
.flex-col-p50 {
  flex-basis: 50%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p50 {
    max-width: 50%;
  }
}
.flex-col-p51 {
  flex-basis: 51%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p51 {
    max-width: 51%;
  }
}
.flex-col-p52 {
  flex-basis: 52%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p52 {
    max-width: 52%;
  }
}
.flex-col-p53 {
  flex-basis: 53%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p53 {
    max-width: 53%;
  }
}
.flex-col-p54 {
  flex-basis: 54%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p54 {
    max-width: 54%;
  }
}
.flex-col-p55 {
  flex-basis: 55%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p55 {
    max-width: 55%;
  }
}
.flex-col-p56 {
  flex-basis: 56%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p56 {
    max-width: 56%;
  }
}
.flex-col-p57 {
  flex-basis: 57%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p57 {
    max-width: 57%;
  }
}
.flex-col-p58 {
  flex-basis: 58%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p58 {
    max-width: 58%;
  }
}
.flex-col-p59 {
  flex-basis: 59%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p59 {
    max-width: 59%;
  }
}
.flex-col-p60 {
  flex-basis: 60%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p60 {
    max-width: 60%;
  }
}
.flex-col-p61 {
  flex-basis: 61%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p61 {
    max-width: 61%;
  }
}
.flex-col-p62 {
  flex-basis: 62%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p62 {
    max-width: 62%;
  }
}
.flex-col-p63 {
  flex-basis: 63%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p63 {
    max-width: 63%;
  }
}
.flex-col-p64 {
  flex-basis: 64%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p64 {
    max-width: 64%;
  }
}
.flex-col-p65 {
  flex-basis: 65%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p65 {
    max-width: 65%;
  }
}
.flex-col-p66 {
  flex-basis: 66%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p66 {
    max-width: 66%;
  }
}
.flex-col-p67 {
  flex-basis: 67%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p67 {
    max-width: 67%;
  }
}
.flex-col-p68 {
  flex-basis: 68%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p68 {
    max-width: 68%;
  }
}
.flex-col-p69 {
  flex-basis: 69%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p69 {
    max-width: 69%;
  }
}
.flex-col-p70 {
  flex-basis: 70%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p70 {
    max-width: 70%;
  }
}
.flex-col-p71 {
  flex-basis: 71%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p71 {
    max-width: 71%;
  }
}
.flex-col-p72 {
  flex-basis: 72%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p72 {
    max-width: 72%;
  }
}
.flex-col-p73 {
  flex-basis: 73%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p73 {
    max-width: 73%;
  }
}
.flex-col-p74 {
  flex-basis: 74%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p74 {
    max-width: 74%;
  }
}
.flex-col-p75 {
  flex-basis: 75%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p75 {
    max-width: 75%;
  }
}
.flex-col-p76 {
  flex-basis: 76%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p76 {
    max-width: 76%;
  }
}
.flex-col-p77 {
  flex-basis: 77%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p77 {
    max-width: 77%;
  }
}
.flex-col-p78 {
  flex-basis: 78%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p78 {
    max-width: 78%;
  }
}
.flex-col-p79 {
  flex-basis: 79%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p79 {
    max-width: 79%;
  }
}
.flex-col-p80 {
  flex-basis: 80%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p80 {
    max-width: 80%;
  }
}
.flex-col-p81 {
  flex-basis: 81%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p81 {
    max-width: 81%;
  }
}
.flex-col-p82 {
  flex-basis: 82%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p82 {
    max-width: 82%;
  }
}
.flex-col-p83 {
  flex-basis: 83%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p83 {
    max-width: 83%;
  }
}
.flex-col-p84 {
  flex-basis: 84%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p84 {
    max-width: 84%;
  }
}
.flex-col-p85 {
  flex-basis: 85%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p85 {
    max-width: 85%;
  }
}
.flex-col-p86 {
  flex-basis: 86%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p86 {
    max-width: 86%;
  }
}
.flex-col-p87 {
  flex-basis: 87%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p87 {
    max-width: 87%;
  }
}
.flex-col-p88 {
  flex-basis: 88%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p88 {
    max-width: 88%;
  }
}
.flex-col-p89 {
  flex-basis: 89%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p89 {
    max-width: 89%;
  }
}
.flex-col-p90 {
  flex-basis: 90%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p90 {
    max-width: 90%;
  }
}
.flex-col-p91 {
  flex-basis: 91%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p91 {
    max-width: 91%;
  }
}
.flex-col-p92 {
  flex-basis: 92%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p92 {
    max-width: 92%;
  }
}
.flex-col-p93 {
  flex-basis: 93%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p93 {
    max-width: 93%;
  }
}
.flex-col-p94 {
  flex-basis: 94%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p94 {
    max-width: 94%;
  }
}
.flex-col-p95 {
  flex-basis: 95%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p95 {
    max-width: 95%;
  }
}
.flex-col-p96 {
  flex-basis: 96%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p96 {
    max-width: 96%;
  }
}
.flex-col-p97 {
  flex-basis: 97%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p97 {
    max-width: 97%;
  }
}
.flex-col-p98 {
  flex-basis: 98%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p98 {
    max-width: 98%;
  }
}
.flex-col-p99 {
  flex-basis: 99%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p99 {
    max-width: 99%;
  }
}
.flex-col-p100 {
  flex-basis: 100%;
}
@media screen and (min-width: 0\0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0 ) and (min-resolution: 72dpi), \0 screen\,screen\9 {
  .flex-col-p100 {
    max-width: 100%;
  }
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
  overflow: hidden;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.col_lt {
  padding-right: 37px;
}

.col_rt {
  padding-left: 37px;
}

* {
  box-sizing: border-box;
}

.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}

body {
  font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  min-height: 100vh;
  width: 100%;
  display: block;
}

.vp-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.body {
  display: block;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}

.contents-wrapper, .main-slider .slick-dots, .main-slider-container {
  display: block;
  width: 100%;
  padding-left: 244px;
  padding-right: 264px;
}

.header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: visible;
  z-index: 9;
}
@media screen and (max-width: 740px) {
  .header {
    display: none;
  }
}
.header .top-banner-container {
  height: 117px;
  padding: 0 0 0 244px;
  z-index: 1;
  position: relative;
}
.header .top-banner {
  height: 117px;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  box-shadow: 0 0 16px -4px black;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: space-between;
  padding: 0 24px;
  font-size: 16px;
}
.header .top-banner img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.header .top-banner-left {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  height: 100%;
}
.header .top-banner-middle {
  display: block;
  height: 100%;
  flex: 0 0 auto;
}
.header .top-banner-right {
  display: block;
  height: 100%;
  flex: 0 0 auto;
}
.header .top-banner-float {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 20px 20px;
}
.header .top-banner-float img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.header .top-banner-links {
  display: block;
  height: 100%;
  float: left;
}
.header .top-banner-links-ul {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: white;
  font-family: "S-CoreDream";
  align-items: center;
  height: 100%;
}
.header .top-banner-links-ul a {
  text-decoration: none;
  color: inherit;
}
.header .top-banner-links-ul .menu-item {
  margin: 0 28px 0 0;
}
.header .top-banner-links-ul .menu-item:last-child {
  margin: 0 0 0 0;
}
.header .top-banner-links-ul .menu-item a, .header .top-banner-links-ul .menu-item .menu-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.header .top-banner-links-ul .menu-item i {
  margin: 0 6px 0 0;
}
.header .top-banner-links [class^=icon-top-banner-] {
  display: block;
  background: url("./static/res/header/header-icons.png");
  background-size: 300px 56px;
  background-repeat: no-repeat;
  width: 50px;
  height: 56px;
}
.header .top-banner-links .icon-top-banner-online {
  background-position: 0 0;
}
.header .top-banner-links .icon-top-banner-delivery {
  background-position: -50px 0;
}
.header .top-banner-links .icon-top-banner-service {
  background-position: -100px 0;
}
.header .top-banner-links .icon-top-banner-badclick {
  background-position: -150px 0;
}
.header .top-banner-awards {
  flex: 0 0 246px;
  padding: 10px 19px 12px 26px;
  float: left;
  height: 100%;
}
.header .top-banner-sns {
  display: flex;
  position: relative;
  padding: 0;
  margin: 0 0 15px 0;
  list-style: none;
}
.header .top-banner-sns li {
  display: block;
  width: 40px;
  margin: 0 24px 0 0;
}
.header .top-banner-sns li:last-child {
  margin: 0 0 0 0;
}
.header .top-banner-badclick img {
  width: 166px;
}
.header .top-banner-phone {
  height: 100%;
  padding: 24px 13px 24px 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header .top-banner-phone-title {
  display: block;
  height: 100%;
  flex: 0 0 auto;
}
.header .top-banner-phone-number {
  flex: 0 0 auto;
  padding: 0 0 0 10px;
  color: white;
  font-family: "S-CoreDream";
}
.header .top-banner-phone-number span {
  display: block;
  line-height: 1em;
}
.header .top-banner-phone-number-sub {
  font-weight: 700;
  font-size: 1em;
}
.header .top-banner-phone-number-num {
  font-weight: 900;
  font-size: 3.3em;
}
.header .top-banner-card-icon {
  padding: 35px 0 24px 0;
  box-sizing: border-box;
  height: 100%;
  float: left;
}
.header .quick-service-1 {
  background: url("./static/res/common/btn-bg-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.header .quick-service-1 img {
  width: 90%;
}
@media screen and (max-width: 1290px) {
  .header .quick-service-1 img {
    width: 106px;
  }
}
.header .quick-service-2 {
  background: url("./static/res/common/btn-bg-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.header .quick-service-2 img {
  width: 77%;
}
@media screen and (max-width: 1290px) {
  .header .quick-service-2 img {
    width: 89px;
  }
}
.header .online-service {
  background: url("./static/res/online-service-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.header .online-service img {
  width: 77%;
}
@media screen and (max-width: 1290px) {
  .header .online-service img {
    width: 89px;
  }
}

.aside {
  display: block;
  position: absolute;
  width: 244px;
  height: 100vh;
  max-height: 100vh;
  top: 0;
  padding-top: 117px;
  padding-bottom: 108px;
}
.aside-top {
  display: block;
  width: 100%;
  padding-top: 117px;
  position: absolute;
  top: 0;
  left: 0;
}
.aside-top-elements {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aside-top a {
  display: block;
  width: 100%;
  height: inherit;
}
.aside-top a img {
  display: block;
  margin: 0 auto;
}
.aside-main {
  display: flex;
  width: 100%;
  height: calc(100vh - 117px - 108px);
  overflow: auto;
}
.aside-bottom {
  display: block;
  width: 100%;
  height: 108px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.aside-bottom a {
  display: block;
  width: 100%;
  height: inherit;
  font-family: "S-coredream";
  font-size: 28px;
  color: white;
  text-align: center;
  font-weight: 900;
  text-decoration: none;
}
@media screen and (max-width: 1450px) {
  .aside-bottom a {
    font-size: 18px;
  }
}
.aside-bottom a img, .aside-bottom a > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aside-bottom a > span {
  display: inline-block;
  transform: translate(0, -50%);
  left: 0;
  position: relative;
  word-break: keep-all;
  text-decoration: none;
}
.aside-bottom a > span [class^=icon-] {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.aside-left {
  left: 0;
  z-index: 9;
  background: rgba(244, 245, 246, 0.82);
}
.aside-left .aside-bottom-link {
  padding-right: 1.5em;
}
.aside-left .aside-bottom-link [class^=icon-] {
  right: 0;
}
.aside-left .aside-menu-ul {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.aside-right {
  z-index: 9;
  background: rgba(244, 245, 246, 0.82);
  position: fixed;
  bottom: 22px;
  right: 20px;
  width: 244px;
  padding: 10px 0 0 0;
  box-shadow: 0 0 16px -8px black;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}
.aside-right img {
  max-width: 100%;
}
.aside-right .aside-bottom-link {
  padding-left: 1.5em;
}
.aside-right .aside-bottom-link [class^=icon-] {
  left: 0;
}
.aside-right .aside-menu-ul {
  border-left: 1px solid #e0e0e0;
}
.aside-right-chat {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  font-family: "S-CoreDream";
}
.aside-right-chat-ul {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 6px 13px 6px;
  margin: 0;
  justify-content: space-between;
  flex-direction: row;
}
.aside-right-chat-item {
  display: flex;
}
.aside-right-chat-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #222222;
}
.aside-right-chat-item img {
  display: block;
  flex: 0 0 46px;
  width: 46px;
}
.aside-right-chat-item span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 4px 15px;
  white-space: nowrap;
}
.aside-right-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 13px;
  margin: 0 0 16px 0;
  justify-content: space-between;
}
.aside-right-header-icon {
  display: block;
  background: url("./static/res/header/icon-headset.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 44px;
  height: 53px;
  flex: 0 0 44px;
  margin: 0 0 -3px 0;
}
.aside-right-header-text {
  font-family: "S-CoreDream";
  padding: 0 0 0 8px;
}
.aside-right-header-text h3 {
  padding: 0;
  display: block;
  font-size: 1.4em;
  margin: 0 auto 4px auto;
  font-weight: 900;
}
.aside-right-header-text span {
  display: block;
  font-weight: 700;
  font-size: 1.05em;
  margin: 0 auto;
  text-align: center;
}
.aside-right-header-text em {
  font-style: normal;
  color: #0153a7;
}
.aside-right-call {
  padding: 0 11px;
  flex: 0 0 auto;
  font-family: "S-CoreDream";
}
.aside-right-call-block {
  background: #30383b;
  border-radius: 16px;
  padding: 8px 8px;
  color: white;
  text-align: center;
}
.aside-right-call-block em {
  display: block;
  color: #ffda00;
  font-style: normal;
  font-weight: 900;
  font-size: 1em;
  margin: 2px 0 4px 0;
}
.aside-right-call-block span {
  display: block;
  font-weight: 900;
  font-size: 1.55em;
}
.aside-right .aside-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}
.aside-right .aside-form__field, .aside-right .aside-form-item {
  margin: 0 0 10px 0;
  position: relative;
}
.aside-right .aside-form__field--privacy .aside-form__input-container, .aside-right .aside-form-item--privacy .aside-form__input-container {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
}
.aside-right .aside-form__field--privacy .aside-form__input-container *, .aside-right .aside-form-item--privacy .aside-form__input-container * {
  margin: 0;
  flex: 0 0 auto;
  width: auto;
}
.aside-right .aside-form__label, .aside-right .aside-form-label {
  display: block;
  width: 100%;
  font-family: "S-CoreDream";
  margin: 0 0 6px 0;
}
.aside-right .aside-form__input, .aside-right .aside-form-input, .aside-right .aside-form-input-combo {
  z-index: 1;
}
.aside-right .aside-form__input:focus, .aside-right .aside-form-input:focus, .aside-right .aside-form-input-combo:focus {
  z-index: 9;
}
.aside-right .aside-form__input:not([type=checkbox], [type=radio]), .aside-right .aside-form-input:not([type=checkbox], [type=radio]), .aside-right .aside-form-input-combo:not([type=checkbox], [type=radio]) {
  display: flex;
  width: 100%;
  min-height: 30px;
  border-radius: 8px;
  border: 1px solid #02488d;
  padding-left: 8px;
}
.aside-right .aside-form__input--textarea, .aside-right .aside-form-input--textarea, .aside-right .aside-form-input-combo--textarea {
  min-height: 58px !important;
  resize: vertical;
}
.aside-right .aside-form__input-combo, .aside-right .aside-form-input-combo {
  display: flex;
  flex-direction: row;
  padding: 0;
}
.aside-right .aside-form__input-combo > *, .aside-right .aside-form-input-combo > * {
  flex: 1 1 auto;
  width: auto !important;
}
.aside-right .aside-form__input-combo > *:not(:last-child), .aside-right .aside-form-input-combo > *:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.aside-right .aside-form__input-combo > *:not(:first-child), .aside-right .aside-form-input-combo > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.aside-right .aside-form__input-combo select, .aside-right .aside-form-input-combo select {
  flex: 0 0 auto;
}
.aside-right .aside-form__input-combo .aside-form-input, .aside-right .aside-form-input-combo .aside-form-input {
  display: block;
  border: none;
  border-right: 1px solid #dcdcdc;
  padding-left: 8px;
  border-radius: 0;
  flex: 1 0 auto;
}
.aside-right .aside-form__input-combo .aside-form-input:last-child, .aside-right .aside-form-input-combo .aside-form-input:last-child {
  border-right: none;
}
.aside-right .aside-form__input-combo select.aside-form-input, .aside-right .aside-form-input-combo select.aside-form-input {
  flex: 0 0 74px;
}
.aside-right .aside-form textarea {
  min-height: 58px;
  resize: vertical;
}
.aside-right .aside-form-body {
  display: block;
  padding: 11px 11px 13px 11px;
  flex: 1 1 auto;
  overflow-y: auto;
}
.aside-right .aside-form-submit {
  flex: 0 0 auto;
}
.aside-right .aside-form-submit-btn {
  display: block;
  border: 0;
  padding: 12px 13px;
  margin: 0;
  background: url("./static/res/common/btn-bg-1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
.aside-right .aside-form-submit-btn:hover {
  filter: brightness(116%);
}
.aside-right .aside-form-submit-btn:active {
  filter: brightness(94%);
}
.aside-right .aside-form-privacy {
  text-align: right;
  margin: 0;
}
.aside-right .aside-form-privacy * {
  vertical-align: middle;
}
.aside-right .aside-form-privacy a {
  font-size: 0.92em;
}
.aside-right .aside-form-privacy a, .aside-right .aside-form-privacy label, .aside-right .aside-form-privacy input {
  vertical-align: middle;
}
.aside-right .aside-form .phone-template {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 9px;
}
.aside-right .aside-form select.aside-form-input {
  padding-left: 4px;
}

.aside-menu {
  width: 100%;
  color: #2f3845;
  font-family: "S-CoreDream";
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
}
.aside-menu-ul {
  padding: 0;
  margin: 0;
  list-style: none;
  flex: 1 0 100%;
}
.aside-menu-li {
  flex: 0 1 50px;
  display: flex;
  min-height: 40px;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e4f0fe;
  list-style: none;
}
.aside-menu a {
  display: flex;
  width: 100%;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 0 0 0 12px;
}
.aside-menu a span {
  text-align: left;
}
@media screen and (max-width: 1290px) {
  .aside-menu a span {
    text-align: center;
  }
}

.gnb-li:hover {
  background-color: #BFCBDA;
}

.inquiry-menu-li:hover {
  background-color: #C3D6DF;
}
.inquiry-menu-banner {
  flex: 4 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
@media screen and (max-width: 1290px) {
  .inquiry-menu-banner {
    font-size: 10px;
  }
}
.inquiry-menu-banner .menu-banner-phone {
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
  letter-spacing: -0.07em;
  color: #00a5b4;
}
@media screen and (max-width: 1290px) {
  .inquiry-menu-banner .menu-banner-phone {
    font-size: 1.3em;
  }
}
.inquiry-menu-banner .menu-banner-text {
  display: block;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 1em;
}
@media screen and (max-width: 1290px) {
  .inquiry-menu-banner {
    flex: 4 0 auto;
  }
}
.inquiry-menu-banner:hover {
  background: none;
}
.inquiry-menu-banner-img {
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 0;
}
@media screen and (max-width: 1290px) {
  .inquiry-menu-banner-img {
    width: 100%;
    padding: 7px 12px;
  }
}
.inquiry-menu-banner img {
  display: block;
  width: 100%;
}

.main-logo {
  background: white;
}
.main-logo-elements {
  display: block;
  width: 87%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-logo-elements img {
  position: relative !important;
}
.main-logo img {
  display: block;
  width: 100%;
}
.main-logo span {
  display: block;
  width: 100%;
  color: #01468e;
  text-align: center;
  font-weight: 800;
  font-size: 150%;
  letter-spacing: -0.05em;
  font-family: "S-CoreDream";
  padding-right: 6px;
}
@media screen and (max-width: 1290px) {
  .main-logo-appendix {
    display: none !important;
  }
}

@media screen and (max-width: 740px) {
  .popup-wrapper {
    display: block;
    z-index: 25;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
.popup-wrapper .popup-backdrop {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 8;
}
@media screen and (max-width: 740px) {
  .popup-wrapper .popup-backdrop {
    z-index: 9;
  }
}
.popup-wrapper .popup-backdrop.on {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .popup-window {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, right 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 108px;
  right: -427px;
  width: 427px;
  height: calc(100vh - 108px);
  background: white;
  z-index: 9;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.6);
  overflow: auto;
}
@media screen and (max-width: 740px) {
  .popup-wrapper .popup-window {
    width: 100%;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out;
    top: 244px;
  }
}
@media screen and (min-width: 1700px) {
  .popup-wrapper .popup-window {
    top: 117px;
  }
}
.popup-wrapper .popup-window.on {
  visibility: visible;
  opacity: 1;
  right: 0;
}
@media screen and (max-width: 740px) {
  .popup-wrapper .popup-window.on {
    right: 0;
    bottom: 0;
    bottom: 60px;
    top: 80px;
    height: calc(100vh - 140px);
    overflow: auto;
  }
}
.popup-wrapper .popup-window-close {
  position: absolute;
  top: 15px;
  right: 13px;
  z-index: 9;
}
.popup-wrapper .popup-window-close-btn {
  color: #0858ae;
  background: none;
  display: block;
  padding: 0;
  border: none;
  margin: 0;
  cursor: pointer;
}
.popup-wrapper .popup-window-close-btn .icon-popup-close {
  display: inline-block;
  font-size: 25px;
  vertical-align: middle;
  margin-right: 2px;
}
.popup-wrapper .popup-window-close-btn span {
  vertical-align: baseline;
}
.popup-wrapper .popup-window-body {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 100%;
  padding-top: 3px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}
.popup-wrapper .popup-window-body-full {
  display: flex;
  flex: 1 0 100%;
  z-index: 1;
  position: relative;
}
.popup-wrapper .popup-window-body-full iframe {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 740px) {
  .popup-wrapper .popup-window-body {
    padding-top: 33px;
  }
}
.popup-wrapper .popup-window-title {
  padding: 10px 0;
  flex: 0 0 auto;
}
.popup-wrapper .popup-window-title-icon {
  display: block;
  margin: 0 auto;
  height: 50px;
  margin-bottom: 12px;
}
.popup-wrapper .popup-window-title h3 {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 23px;
}
.popup-wrapper .popup-window-footer {
  padding: 50px 90px;
  background: #f1f1f1;
}
.popup-wrapper .popup-window-footer .aside-right-chat {
  position: relative;
  height: auto;
}
.popup-wrapper .popup-window-footer .aside-right-chat-ul {
  position: relative;
}
.popup-wrapper .popup-window-footer .aside-right-call a {
  text-decoration: none;
  color: inherit;
}
.popup-wrapper .popup-window-footer .aside-right-header-text {
  white-space: nowrap;
}

.popup-form__label-container, .popup-form__field-label, .popup-form-item-label {
  flex: 0 0 58px;
  display: flex;
  align-items: center;
}

.popup-form__input-container, .popup-form__field-input, .popup-form-item-input {
  display: flex;
  flex: 1 0 auto;
}
.popup-form__input-container textarea, .popup-form__field-input textarea, .popup-form-item-input textarea {
  width: 100%;
  min-height: 120px;
  resize: vertical;
}

.popup-form {
  display: block;
  width: 100%;
  padding: 29px 50px;
}
@media screen and (max-width: 740px) {
  .popup-form {
    padding: 10px 50px;
  }
}
.popup-form__field, .popup-form-item {
  display: flex;
  min-height: 36px;
  margin-bottom: 10px;
  flex: 0 0 100%;
}
.popup-form__field--privacy > div, .popup-form-item--privacy > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-form__input {
  border: 1px solid #8f8f9d;
  border-radius: 2px;
}
.popup-form__input-combo {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
}
.popup-form__input-combo > * {
  flex: 1 1 auto;
}
.popup-form__input-combo > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.popup-form__input-combo > *:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.popup-form__input-combo--address-combo > select {
  flex: 0 0 auto;
}
.popup-form-privacy {
  display: block;
  padding: 14px 0px 9px 58px;
  font-size: 14px;
  align-items: center;
}
.popup-form-privacy * {
  vertical-align: middle;
}
.popup-form-privacy a {
  color: inherit;
  font-weight: 400;
}
.popup-form-privacy label {
  font-weight: 500;
}
.popup-form-privacy a, .popup-form-privacy label, .popup-form-privacy input {
  margin-right: 0.2em;
}
.popup-form-submit {
  padding: 8px 0 8px 58px;
  width: 100%;
}
.popup-form-submit-btn {
  display: block;
  width: 100%;
  height: 52px;
  border: none;
  background: #0858ae;
  color: white;
  font-size: 16px;
  font-weight: 500;
}
.popup-form input[type=text], .popup-form input[type=tel], .popup-form input[type=number], .popup-form input[type=password], .popup-form input[type=file] {
  flex: 1 1 auto;
  height: 36px;
}

.sitemap {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  background-color: #3c4753;
  padding: 20px 14px 8px 14px;
  text-align: center;
  color: #8a9095;
}
.sitemap a {
  text-decoration: none;
  color: inherit;
}
.sitemap a:hover {
  color: white;
}
.sitemap-ul {
  display: flex;
  text-align: left;
  font-size: 0.8em;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sitemap-li {
  display: block;
  padding: 0 6px;
  flex-basis: 100px;
  flex: 0 0 20%;
  padding: 0 16px;
  word-break: keep-all;
  margin-bottom: 14px;
}
.sitemap-li-link {
  display: block;
  width: 100%;
  border-bottom: 1px solid #8a9095;
  font-weight: 700;
  font-size: 1.1em;
  padding: 0 0 4px 0;
  margin-bottom: 4px;
}
.sitemap-sub-ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sitemap-sub-li {
  display: block;
  position: relative;
  padding: 0 0 0 6px;
  margin-bottom: 2px;
}
.sitemap-sub-li::before {
  content: "·";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.sitemap-sub-li-link {
  display: block;
  width: 100%;
}

.footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  background-color: #262f38;
  color: #8a9095;
  font-size: 0.8em;
  padding: 27px 0;
}
.footer a {
  text-decoration: none;
  color: inherit;
}
.footer-contents {
  display: flex;
  padding: 0 41px;
}
@media screen and (max-width: 740px) {
  .footer-contents {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
  }
}
.footer-logo {
  flex: 0 0 200px;
  margin-bottom: 20px;
}
.footer-logo img {
  max-width: 148px;
}
@media screen and (max-width: 740px) {
  .footer-logo {
    text-align: center;
    flex: 0 0 auto;
    padding-bottom: 40px;
  }
}
.footer-text {
  flex: 1 0 0;
}
@media screen and (max-width: 740px) {
  .footer-text {
    flex: 1 0 100%;
    text-align: center;
    margin-bottom: 2em;
  }
}
.footer-text-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-bottom: 16px;
}
@media screen and (max-width: 740px) {
  .footer-text-links {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.footer-text-links li {
  display: block;
  position: relative;
}
@media screen and (max-width: 740px) {
  .footer-text-links li {
    padding: 4px;
  }
}
.footer-text-links li::after {
  content: "";
  display: block;
  border-right: 1px solid #8a9095;
  float: right;
  box-sizing: content-box;
  width: 0;
  height: 0.9em;
  margin: 0.05em 11px 0px 11px;
}
@media screen and (max-width: 740px) {
  .footer-text-links li::after {
    display: none;
  }
}
.footer-text-links li:first-child {
  padding-left: 0;
}
.footer-text-links li:last-child::after {
  display: none;
}
.footer-text-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2px;
  flex-direction: column;
  overflow: hidden;
}
.footer-text-info-row {
  display: flex;
  flex-direction: row;
  flex: 1 0 100%;
  margin-bottom: 4px;
  margin-left: -2em;
  flex-wrap: wrap;
}
@media screen and (max-width: 740px) {
  .footer-text-info-row {
    justify-content: center;
  }
}
.footer-text-info-item {
  white-space: nowrap;
  position: relative;
  padding-left: 2em;
  margin-bottom: 4px;
}
.footer-text-info-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #8a9095;
  box-sizing: content-box;
  width: 0;
  height: 0.9em;
  margin: 0.15em 1em 0px 1em;
}
@media screen and (max-width: 740px) {
  .footer-text-info-item::before {
    display: none;
  }
}
.footer-text-info-item:last-child::after {
  display: none;
}

.list-clear {
  padding: 0;
  position: relative;
  display: block;
  list-style: none;
}

.coolborder-box {
  position: relative;
  padding: 5px 0 0px 8px;
  flex: 1 0 0;
  display: flex;
  margin-bottom: 10px;
}
.coolborder-box-inner {
  display: block;
  position: relative;
  list-style: none;
  z-index: 1;
  border: 4px solid;
  flex: 1 0 0;
  padding: 0;
}
.coolborder-box-inner::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  background: black;
  width: 20px;
  height: 20px;
  top: -11px;
  left: -11px;
  border-radius: 50%;
}
.coolborder-box-inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  width: 12px;
  height: 33px;
  top: -11px;
  left: -11px;
  background: white;
}
.coolborder-box-centertext {
  display: block;
  padding: 19px;
  text-align: center;
}
.coolborder-box .tabletext {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: 76px;
}
.coolborder-box .tabletext-header {
  flex: 0 0 245px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 19px 51px;
  font-size: 15px;
  font-weight: 600;
}
.coolborder-box .tabletext-body {
  flex: 1 0 0;
  padding: 19px 51px;
  display: flex;
  align-items: center;
}
.coolborder-box .tabletext-body p:last-child {
  margin: 0;
}
.coolborder-red-lightest .coolborder-box-inner {
  border-color: #ffdbc0;
}
.coolborder-red-lightest .coolborder-box-inner::before {
  background-color: #ffdbc0;
}
.coolborder-red-lightest .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 219, 192, 0.15);
}
.coolborder-red-lighter .coolborder-box-inner {
  border-color: #ffbd8d;
}
.coolborder-red-lighter .coolborder-box-inner::before {
  background-color: #ffbd8d;
}
.coolborder-red-lighter .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 189, 141, 0.15);
}
.coolborder-red-light .coolborder-box-inner {
  border-color: #ffa100;
}
.coolborder-red-light .coolborder-box-inner::before {
  background-color: #ffa100;
}
.coolborder-red-light .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 161, 0, 0.15);
}
.coolborder-red .coolborder-box-inner {
  border-color: #ff8024;
}
.coolborder-red .coolborder-box-inner::before {
  background-color: #ff8024;
}
.coolborder-red .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 128, 36, 0.15);
}
.coolborder-red-dark .coolborder-box-inner {
  border-color: #ff4d24;
}
.coolborder-red-dark .coolborder-box-inner::before {
  background-color: #ff4d24;
}
.coolborder-red-dark .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 77, 36, 0.15);
}
.coolborder-red-darker .coolborder-box-inner {
  border-color: #ff4d24;
}
.coolborder-red-darker .coolborder-box-inner::before {
  background-color: #ff4d24;
}
.coolborder-red-darker .coolborder-box-inner .tabletext-body {
  background-color: rgba(255, 77, 36, 0.15);
}
.coolborder-color-1 .coolborder-box-inner {
  border-color: #d6e2f5;
}
.coolborder-color-1 .coolborder-box-inner::before {
  background-color: #d6e2f5;
}
.coolborder-color-1 .coolborder-box-inner .tabletext-body {
  background-color: rgba(214, 226, 245, 0.15);
}
.coolborder-color-2 .coolborder-box-inner {
  border-color: #d6f5ef;
}
.coolborder-color-2 .coolborder-box-inner::before {
  background-color: #d6f5ef;
}
.coolborder-color-2 .coolborder-box-inner .tabletext-body {
  background-color: rgba(214, 245, 239, 0.15);
}
.coolborder-color-3 .coolborder-box-inner {
  border-color: #dfebc9;
}
.coolborder-color-3 .coolborder-box-inner::before {
  background-color: #dfebc9;
}
.coolborder-color-3 .coolborder-box-inner .tabletext-body {
  background-color: rgba(223, 235, 201, 0.15);
}
.coolborder-color-4 .coolborder-box-inner {
  border-color: #ece7b4;
}
.coolborder-color-4 .coolborder-box-inner::before {
  background-color: #ece7b4;
}
.coolborder-color-4 .coolborder-box-inner .tabletext-body {
  background-color: rgba(236, 231, 180, 0.15);
}
.coolborder-color-5 .coolborder-box-inner {
  border-color: #ecd6b4;
}
.coolborder-color-5 .coolborder-box-inner::before {
  background-color: #ecd6b4;
}
.coolborder-color-5 .coolborder-box-inner .tabletext-body {
  background-color: rgba(236, 214, 180, 0.15);
}
.coolborder-color-6 .coolborder-box-inner {
  border-color: #eccbb4;
}
.coolborder-color-6 .coolborder-box-inner::before {
  background-color: #eccbb4;
}
.coolborder-color-6 .coolborder-box-inner .tabletext-body {
  background-color: rgba(236, 203, 180, 0.15);
}

@media screen and (max-width: 1700px) {
  body {
    font-size: 14px;
  }
  .header .top-banner-container {
    height: 108px;
    padding: 0 0 0 200px;
  }
  .header .top-banner {
    height: 108px;
  }
  .aside {
    width: 200px;
    padding-top: 108px;
    padding-bottom: 108px;
  }
  .aside-top {
    padding-top: 108px;
  }
  .aside-main {
    height: calc(100vh - 108px - 108px);
  }
  .aside-bottom {
    height: 108px;
  }
  .aside-right {
    font-size: 14px;
    width: 200px;
  }
  .contents-wrapper, .main-slider .slick-dots, .main-slider-container {
    padding-left: 200px;
    padding-right: 220px;
  }
  .header .top-banner {
    font-size: 14px;
  }
  .header .top-banner-links-ul .menu-item {
    margin: 0 10px 0 0;
  }
  .header .top-banner-links-ul .menu-item a, .header .top-banner-links-ul .menu-item .menu-item-inner {
    flex-direction: column;
  }
  .header .top-banner-awards {
    padding: 10px 16px 12px 16px;
  }
  .aside-right {
    font-size: 12px;
  }
}
@media screen and (max-width: 1240px) {
  body {
    font-size: 14px;
  }
  .header .top-banner-container {
    height: 64px;
    padding: 0 0 0 124px;
  }
  .header .top-banner {
    height: 64px;
  }
  .aside {
    width: 124px;
    padding-top: 64px;
    padding-bottom: 108px;
  }
  .aside-top {
    padding-top: 64px;
  }
  .aside-main {
    height: calc(100vh - 64px - 108px);
  }
  .aside-bottom {
    height: 64px;
  }
  .aside-right {
    font-size: 14px;
    width: 200px;
  }
  .contents-wrapper, .main-slider .slick-dots, .main-slider-container {
    padding-left: 124px;
    padding-right: 220px;
  }
  .header .top-banner {
    padding: 0 10px;
    font-size: 12px;
  }
  .header .top-banner-awards {
    padding: 4px;
  }
  .header .top-banner-phone {
    padding: 6px 13px 6px 0;
  }
  .header .top-banner-card-icon {
    padding: 20px 0 6px 0;
  }
  .header .top-banner-links-ul {
    margin: 0 -30px 0 0;
    transform: scale(0.7);
  }
  .aside-menu {
    font-size: 0.8em;
  }
  .aside-menu-ul {
    overflow-x: hidden;
  }
  .aside-menu li {
    flex: 0 1 auto;
  }
  .aside-menu a {
    padding: 3px;
  }
  .aside-menu i {
    flex: 0 0 auto;
    margin: 0;
  }
  .aside-menu .br {
    display: inline-block;
  }
  .aside-menu span {
    display: block;
    flex: 1 0 0;
  }
  .aside-right {
    font-size: 12px;
    width: 200px;
  }
  [class^=gnb-icon-] {
    width: 30px;
    height: 28.5px;
    margin-right: 7.5px;
  }
  [class^=gnb-icon-]::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("./static/res/gnb_icons.png");
    background-repeat: no-repeat;
    background-size: 60px auto;
    width: 30px;
    height: 28.5px;
    top: 0;
    left: 0;
    z-index: 2;
  }
  [class^=gnb-icon-]::after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 3px;
    right: 0;
    border-radius: 50%;
    background: white;
    z-index: 1;
  }
}
@media screen and (max-width: 1240px) and (max-width: 1290px) {
  [class^=gnb-icon-] {
    margin-right: 0;
  }
}
@media screen and (max-width: 1240px) {
  .gnb-icon-computer::before {
    background-position: 0px 0px;
  }
  .gnb-icon-laptop::before {
    background-position: 0px -28.5px;
  }
  .gnb-icon-mac::before {
    background-position: 0px -57px;
  }
  .gnb-icon-data::before {
    background-position: 0px -85.5px;
  }
  .gnb-icon-ransom::before {
    background-position: 0px -114px;
  }
  .gnb-icon-monitor::before {
    background-position: 0px -142.5px;
  }
  .gnb-icon-upgrade::before {
    background-position: 0px -171px;
  }
  .gnb-icon-network::before {
    background-position: 0px -199.5px;
  }
  .gnb-icon-maintenance::before {
    background-position: 0px -228px;
  }
  .gnb-icon-partner::before {
    background-position: 0px -285px;
  }
  .gnb-icon-pos::before {
    background-position: 0px -256.5px;
  }
  .gnb-icon-server::before {
    background-position: 0px -313.5px;
  }
  .gnb-icon-covid::before {
    background-position: 0px -342px;
  }
  .gnb-icon-online::before {
    background-position: -30px 0px;
  }
  .gnb-icon-kakao::before {
    background-position: -30px -28.5px;
  }
  .gnb-icon-naver::before {
    background-position: -30px -57px;
  }
  .gnb-icon-delivery::before {
    background-position: -30px -85.5px;
  }
  .gnb-icon-customer::before {
    background-position: -30px -114px;
  }
}
.comdr-popup .spu-container {
  position: relative;
}
.comdr-popup .popup-close-row {
  text-align: right;
  background: rgba(0, 0, 0, 0.8);
  padding: 4px;
  position: absolute;
  width: 100%;
  left: 0;
  height: 34px;
  bottom: -34px;
}
.comdr-popup .popup-close-row button {
  border-radius: 2px;
  height: 26px;
  padding: 0 8px;
}
.comdr-popup .popup-close-row .popup-close-convert {
  color: #407be1;
  background: white;
  border: none;
}
.comdr-popup .popup-close-row .popup-close-normal {
  background: #407be1;
  color: white;
  border: none;
}

.gc_board #bo_v_con {
  max-width: 960px;
  margin: 0 auto;
}

.main-slider {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.main-slider-placeholder {
  display: block;
  width: 100%;
  height: auto;
}
.main-slider-placeholder-div {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 55%;
}
@media screen and (max-width: 1700px) {
  .main-slider-placeholder-div {
    padding-bottom: 55%;
  }
}
@media screen and (max-width: 1240px) {
  .main-slider-placeholder-div {
    padding-bottom: 53%;
  }
}
@media screen and (max-width: 740px) {
  .main-slider-placeholder-div {
    padding-bottom: 44%;
  }
}
.main-slider-slide {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #262f38;
  padding: 117px 0 0 0;
}
@media screen and (max-width: 1700px) {
  .main-slider-slide {
    padding-top: 108px;
  }
}
@media screen and (max-width: 1240px) {
  .main-slider-slide {
    padding-top: 64px;
  }
}
@media screen and (max-width: 740px) {
  .main-slider-slide {
    padding-top: 0;
  }
}
.main-slider-slide-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center top;
  filter: blur(30px);
  z-index: 1;
}
.main-slider-container {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main-slider .slick-slide img {
  width: 100%;
  margin: 0 auto;
}
.main-slider .slick-list, .main-slider .slick-track {
  height: 100%;
}
.main-slider .slick-arrow {
  position: absolute;
  bottom: 0;
}
.main-slider .slick-dots {
  display: flex;
  margin: 0 -2px;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: calc(100% + 4px);
  list-style: none;
  justify-content: center;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  height: 112px;
  align-items: flex-end;
  pointer-events: none;
}
@media screen and (max-width: 740px) {
  .main-slider .slick-dots {
    display: none;
    opacity: 0;
    max-width: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
}
.main-slider .slick-dots li {
  flex: 1 0 auto;
  padding: 0 2px;
  pointer-events: auto;
}
.main-slider .slick-dots .tab {
  background: none;
  border: none;
  padding: 6px 12px 6px 12px;
  border-bottom: 7px solid #a1afbc;
  color: #a1afbc;
  font-size: 1.2em;
  width: 100%;
  display: block;
  cursor: pointer;
}
.main-slider .slick-dots .slick-active .tab {
  border-color: rgba(255, 255, 255, 0.92);
  color: rgba(255, 255, 255, 0.92);
}
.main-slider .slide-contents {
  display: block;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 244px 0 244px;
  position: relative;
  z-index: 9;
}
.main-slider .slide-contents-inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.main-slider .slide-contents-inner-contents {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-slider .slide-contents-placeholder {
  display: block;
  margin: 0 auto;
}
.main-slider .slide-title {
  display: none;
}
.main-slider .link-area {
  display: block;
  width: 100%;
  height: 100%;
}

.main-contents {
  flex-wrap: wrap;
}
.main-contents-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  padding: 10px 20px;
}
@media screen and (max-width: 740px) {
  .main-contents-wrap {
    padding: 10px 0;
  }
}
.main-contents-block {
  padding: 10px;
  display: flex;
  flex-direction: row;
}
.main-contents-tile {
  flex: 0 0 100%;
  min-height: 10px;
}
.main-contents h3 {
  padding: 0;
  margin: 0;
}
.main-contents h4 {
  padding: 0;
  margin: 0;
}

.main-contents-serviceform .main-contents-tile {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 16px -8px black;
}
@media screen and (max-width: 740px) {
  .main-contents-serviceform .main-contents-tile {
    height: auto;
  }
}
.main-contents-serviceform .tile-head {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  align-items: center;
  background-image: url("./static/res/main/main-form-img.png"), url("./static/res/main/main-form-bg.jpg");
  background-size: contain, 100% 100%;
  background-position: center right, center;
  background-repeat: no-repeat, no-repeat;
  padding: 24px 18px;
}
@media screen and (max-width: 1290px) {
  .main-contents-serviceform .tile-head {
    background-size: cover, 100% 100%;
  }
}
.main-contents-serviceform .tile-head h3 {
  display: block;
  font-weight: 700;
  font-size: 1.75em;
  color: white;
  padding: 0;
  margin: 2px 0 0.5em 0;
}
@media screen and (max-width: 1290px) {
  .main-contents-serviceform .tile-head h3 {
    font-size: 1.35em;
  }
}
.main-contents-serviceform .tile-head p {
  display: block;
  padding: 0;
  margin: 0;
  color: #b8f3ff;
  font-weight: 400;
  font-size: 0.98em;
}
@media screen and (max-width: 1290px) {
  .main-contents-serviceform .tile-head p {
    font-size: 0.88em;
  }
}
.main-contents-serviceform .tile-head p em {
  font-size: inherit;
  font-weight: inherit;
  color: #fffb86;
  font-style: normal;
}
@media screen and (min-width: 1700px) {
  .main-contents-serviceform .tile-head {
    padding: 33px 26px;
  }
}
.main-contents-serviceform .tile-body {
  display: block;
  flex: 1 0 auto;
  background: white;
  border: 2px solid #0153a7;
  padding: 12px 3px 12px 3px;
}
@media screen and (min-width: 1700px) {
  .main-contents-serviceform .tile-body {
    padding: 18px 15px;
  }
}
.main-contents-serviceform-form__field, .main-contents-serviceform-form .form-item {
  display: flex;
  padding: 0 9px 8px 9px;
  align-items: center;
}
@media screen and (max-width: 740px) {
  .main-contents-serviceform-form__field, .main-contents-serviceform-form .form-item {
    flex-basis: 100% !important;
  }
}
@media screen and (max-width: 1290px) {
  .main-contents-serviceform-form__field, .main-contents-serviceform-form .form-item {
    flex-basis: 100%;
  }
}
.main-contents-serviceform-form__field--privacy, .main-contents-serviceform-form .form-item--privacy {
  margin-right: 0.5rem;
  padding: 0;
  flex: 1 1 auto;
  flex-basis: auto !important;
}
.main-contents-serviceform-form__field--privacy a, .main-contents-serviceform-form .form-item--privacy a {
  display: inline;
}
.main-contents-serviceform-form .main-contents-serviceform-form__label-container label, .main-contents-serviceform-form__label-container .main-contents-serviceform-form label {
  display: block;
  font-size: 1em;
  font-weight: 500;
  color: #414141;
  width: 100%;
}
.main-contents-serviceform-form__label-container {
  flex: 0 0 90px;
  align-items: center;
}
.main-contents-serviceform-form__input-container {
  flex: 1 1 auto;
}
.main-contents-serviceform-form__input-container input[type=text],
.main-contents-serviceform-form__input-container input[type=number],
.main-contents-serviceform-form__input-container input[type=tel],
.main-contents-serviceform-form__input-container select,
.main-contents-serviceform-form__input-container textarea {
  height: 26px;
  background-color: white;
  border: 1px solid #979a9f;
  border-radius: 2px;
  size: 0;
  width: 100%;
}
.main-contents-serviceform-form__input-container textarea {
  resize: none;
  height: 40px;
  padding-top: 0.5em;
}
.main-contents-serviceform-form__input-container input[type=text],
.main-contents-serviceform-form__input-container input[type=number],
.main-contents-serviceform-form__input-container input[type=tel],
.main-contents-serviceform-form__input-container textarea {
  padding-left: 0.5em;
}
.main-contents-serviceform-form__input-container select {
  padding-left: 0.3em;
}
.main-contents-serviceform-form__input-combo {
  display: flex;
}
.main-contents-serviceform-form__input-combo select {
  width: auto;
  flex: 0 0 auto;
  z-index: 1;
}
.main-contents-serviceform-form__input-combo input[type=text],
.main-contents-serviceform-form__input-combo input[type=number],
.main-contents-serviceform-form__input-combo input[type=tel],
.main-contents-serviceform-form__input-combo textarea {
  width: auto;
  flex: 1 1 auto;
  z-index: 1;
}
.main-contents-serviceform-form__input-combo select:focus, .main-contents-serviceform-form__input-combo select:active,
.main-contents-serviceform-form__input-combo input[type=text]:focus,
.main-contents-serviceform-form__input-combo input[type=text]:active,
.main-contents-serviceform-form__input-combo input[type=number]:focus,
.main-contents-serviceform-form__input-combo input[type=number]:active,
.main-contents-serviceform-form__input-combo input[type=tel]:focus,
.main-contents-serviceform-form__input-combo input[type=tel]:active,
.main-contents-serviceform-form__input-combo textarea:focus,
.main-contents-serviceform-form__input-combo textarea:active {
  z-index: 10;
}
.main-contents-serviceform-form__input-combo select:not(:first-child),
.main-contents-serviceform-form__input-combo input[type=text]:not(:first-child),
.main-contents-serviceform-form__input-combo input[type=number]:not(:first-child),
.main-contents-serviceform-form__input-combo input[type=tel]:not(:first-child),
.main-contents-serviceform-form__input-combo textarea:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.main-contents-serviceform-form__input-combo select:not(:last-child),
.main-contents-serviceform-form__input-combo input[type=text]:not(:last-child),
.main-contents-serviceform-form__input-combo input[type=number]:not(:last-child),
.main-contents-serviceform-form__input-combo input[type=tel]:not(:last-child),
.main-contents-serviceform-form__input-combo textarea:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.main-contents-serviceform-form .form-bottom-row {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 0;
}
.main-contents-serviceform-form .form-submit {
  display: block;
  width: 233px;
  height: 50px;
  background: #0054a6;
  font-size: 16px;
  font-weight: 500;
  color: white;
  border: 0;
  padding: 0;
}
.main-contents-serviceform-form .form-submit-container {
  padding: 0 0 0 10px;
}
@media screen and (max-width: 740px) {
  .main-contents-serviceform-form .form-submit {
    display: inline-block;
  }
}
@media screen and (min-width: 1700px) {
  .main-contents-serviceform-form__field, .main-contents-serviceform-form .form-item {
    padding: 0 9px 10px 9px;
  }
  .main-contents-serviceform-form__label-container {
    flex: 0 0 90px;
  }
  .main-contents-serviceform-form__input-container input[type=text],
.main-contents-serviceform-form__input-container input[type=number],
.main-contents-serviceform-form__input-container select,
.main-contents-serviceform-form__input-container textarea {
    height: 39px;
  }
  .main-contents-serviceform-form__input-container textarea {
    height: 60px;
  }
  .main-contents-serviceform-form .form-bottom-row {
    justify-content: flex-end;
    flex-direction: column;
  }
  .main-contents-serviceform-form .form-submit {
    width: 352px;
    height: 75px;
    font-size: 1.6em;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-serviceform-form__field--privacy, .main-contents-serviceform-form .form-item--privacy {
    padding: 0.5rem;
  }
  .main-contents-serviceform-form .form-bottom-row {
    justify-content: flex-end;
    flex-direction: column;
  }
}
.main-contents-servicestatus {
  overflow: hidden;
  min-width: 0;
}
.main-contents-servicestatus .main-contents-tile {
  display: flex;
  min-width: 0;
  overflow: hidden;
  background-image: url("http://comdr2430.cdn3.cafe24.com/site_comdr_new/front-page/main-servicestatus-bg_optimized.png"), linear-gradient(black, black);
  background-size: cover, cover;
  background-position: top center, center;
  background-repeat: no-repeat, repeat;
  flex-direction: column;
  min-height: 300px;
}
@media screen and (max-width: 1290px) {
  .main-contents-servicestatus .main-contents-tile {
    min-height: 397px;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-servicestatus .main-contents-tile {
    min-height: 300px;
  }
}
.main-contents-servicestatus .tile-head {
  flex: 0 0 118px;
  padding: 14px 18px;
}
.main-contents-servicestatus .tile-head h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: white;
  font-size: 1.85em;
  margin-bottom: 0.6em;
}
.main-contents-servicestatus .tile-head span {
  color: #c3fbff;
  font-size: 1.25em;
  line-height: 1.3em;
  word-break: keep-all;
}
.main-contents-servicestatus .tile-body {
  position: relative;
  flex: 1 1 auto;
}
.main-contents-servicestatus-list-ul {
  flex: 1 1 auto;
  color: white;
  list-style: none;
  padding: 5px 21px;
  margin: 0;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.main-contents-servicestatus-list-ul li {
  font-size: 12px;
  display: block;
  height: 19px;
  transition: 0.3s ease-in-out;
  justify-content: space-between;
  line-height: 19px;
  margin-bottom: 4px;
  padding: 0px 116px 0 52px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.main-contents-servicestatus-list-ul li span {
  display: block;
}
.main-contents-servicestatus-list-area {
  position: absolute;
  top: 0;
  left: 0;
}
.main-contents-servicestatus-list-contents {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-contents-servicestatus-list-date {
  padding-right: 17px;
  position: absolute;
  top: 0;
  right: 44px;
}
.main-contents-servicestatus-list-status {
  display: block;
  width: 43px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  padding: 0;
  font-size: 10px;
  background-color: #ff835a;
  position: absolute;
  top: 0;
  right: 0;
}
.main-contents-servicestatus-list-status.fix {
  background-color: #ff835a;
}
.main-contents-servicestatus-list-status.fix::before {
  content: "수리중";
}
.main-contents-servicestatus-list-status.done {
  background-color: #5b5d6a;
}
.main-contents-servicestatus-list-status.done::before {
  content: "접수완료";
}
.main-contents-servicestatus-list-status.ready {
  background-color: #2594b8;
}
.main-contents-servicestatus-list-status.ready::before {
  content: "접수중";
}
@media screen and (min-width: 1700px) {
  .main-contents-servicestatus .main-contents-tile {
    height: 433px;
  }
  .main-contents-servicestatus .tile-head {
    padding: 36px 36px 8px 36px;
  }
  .main-contents-servicestatus-list-ul {
    padding: 0px 42px;
  }
  .main-contents-servicestatus-list-ul li {
    font-size: 1.1em;
    height: 1.6em;
    line-height: 1.6em;
    padding: 0px 9em 0 5.5em;
  }
  .main-contents-servicestatus-list-date {
    right: 4em;
  }
  .main-contents-servicestatus-list-status {
    width: 4em;
    height: 1.4em;
    line-height: 1em;
    font-size: 1em;
    top: 0.25em;
  }
}
.main-contents-links img {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 740px) {
  .main-contents-links .main-contents-tile {
    overflow: hidden;
  }
}
.main-contents-links .tile-body {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  height: 136px;
}
@media screen and (max-width: 1290px) {
  .main-contents-links .tile-body {
    height: auto;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-links .tile-body {
    height: auto;
    margin: 0 -4px;
  }
}
.main-contents-links-main {
  display: block;
  flex: 1 0 100%;
  width: 100%;
}
.main-contents-links-main img {
  display: block;
  max-width: 100%;
}
.main-contents-links-item {
  display: block;
  float: left;
  width: 18.5%;
  margin-right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.main-contents-links-item:nth-child(2n+1) {
  margin-right: 0;
  margin-left: 0;
}
.main-contents-links-item:nth-child(2n) {
  margin-right: 0;
  margin-left: -4.4%;
}
.main-contents-links-item:first-child {
  margin-left: 0;
}
.main-contents-links-item:last-child {
  margin-right: 0;
}
.main-contents-links-item.link-computer {
  background-image: url("./static/res/main/main-links/main-links-computer-bg.png");
}
.main-contents-links-item.link-laptop {
  background-image: url("./static/res/main/main-links/main-links-laptop-bg.png");
}
.main-contents-links-item.link-mac {
  background-image: url("./static/res/main/main-links/main-links-apple-bg.png");
}
.main-contents-links-item.link-data {
  background-image: url("./static/res/main/main-links/main-links-recovery-bg.png");
}
.main-contents-links-item.link-ransom {
  background-image: url("./static/res/main/main-links/main-links-ransom-bg.png");
}
.main-contents-links-item.link-network {
  background-image: url("./static/res/main/main-links/main-links-network-bg.png");
}
.main-contents-links-img-ul {
  display: block;
  width: 100%;
  list-style: none;
}
.main-contents-links-img-item {
  display: block;
  float: left;
  width: 16.6666666667%;
}
.main-contents-links-img-item img {
  display: block;
  max-width: 100%;
}
.main-contents-links-mobile-ul li {
  flex-grow: 0;
  padding: 4px;
}
.main-contents-links-mobile-ul li img {
  max-width: 100%;
}
.main-contents-links-mobile-ul li a {
  display: block;
  width: 100%;
}
.main-contents-servicefee.main-contents-tile {
  display: flex;
  position: relative;
  background: url("./static/res/main/main-servicefee-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: 25em;
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee.main-contents-tile {
    min-height: 220px;
    height: 220px;
    flex-direction: row;
  }
}
.main-contents-servicefee .tile-head {
  display: flex;
  padding: 0px 16% 0 0px;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 59%;
}
.main-contents-servicefee .tile-head a {
  text-decoration: none;
}
@media screen and (max-width: 1290px) {
  .main-contents-servicefee .tile-head {
    padding: 0 73px 0 0px;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee .tile-head {
    padding: 0 10px;
    position: relative;
    width: unset;
    background: #40b6cd;
    flex: 0 0 auto;
  }
}
.main-contents-servicefee .tile-head * {
  display: block;
  position: relative;
  z-index: 9;
}
.main-contents-servicefee .tile-head-bg {
  position: absolute;
  width: 300%;
  height: 100%;
  transform: skewX(-16.7deg);
  top: 0;
  right: 22.7%;
  background: #40b6cd;
  z-index: 1;
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee .tile-head-bg {
    display: none;
  }
}
.main-contents-servicefee .tile-head h3 {
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 8px;
}
.main-contents-servicefee .tile-head span {
  text-align: center;
  color: #c1ffe1;
  font-size: 15px;
}
.main-contents-servicefee-icon {
  width: 74px;
  height: 74px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 16px;
}
.main-contents-servicefee .tile-body {
  padding: 0 0px 0 48%;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
}
@media screen and (max-width: 1290px) {
  .main-contents-servicefee .tile-body {
    padding: 0 0px 0 40%;
    flex: 1 0 0;
    box-sizing: border-box;
    word-break: keep-all;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee .tile-body {
    padding: 20px;
    flex: 1 0 0;
  }
}
.main-contents-servicefee .tile-body-contents {
  flex: 0 0 auto;
  display: inline-block;
  display: block;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee .tile-body-contents {
    flex: 0 1 auto;
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1290px) {
  .main-contents-servicefee .tile-body-contents {
    flex: 0 0 0;
  }
}
.main-contents-servicefee .tile-body span {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  color: white;
  font-weight: 500;
}
.main-contents-servicefee .tile-body a {
  display: inline-block;
  background: #40b6cd;
  color: white;
  text-decoration: none;
  font-weight: 500;
  width: auto;
  margin: 10px 0 0 0;
  border: 2px solid white;
  width: 117px;
  text-align: center;
  height: 36px;
  line-height: 32px;
  border-radius: 16px;
}
@media screen and (max-width: 740px) {
  .main-contents-servicefee .tile-body a {
    display: block;
    margin: 10px auto;
  }
}
@media screen and (min-width: 1700px) {
  .main-contents-servicefee .tile-head h3 {
    font-size: 2em;
    margin-bottom: 14px;
  }
  .main-contents-servicefee .tile-head span {
    font-size: 1.45em;
  }
  .main-contents-servicefee-icon {
    width: 111px;
    height: 111px;
    margin-bottom: 26px;
  }
  .main-contents-servicefee .tile-body {
    padding: 0 0px 0 50%;
    justify-content: flex-start;
  }
  .main-contents-servicefee .tile-body span {
    font-size: 1.3em;
  }
  .main-contents-servicefee .tile-body a {
    margin: 14px 0 0 0;
    width: 177px;
    height: 48px;
    line-height: 44px;
    border-radius: 24px;
    font-size: 1.3em;
  }
}
.main-contents-events.main-contents-tile {
  display: block;
  overflow: hidden;
}
.main-contents-events-contents {
  display: block;
  width: 100%;
}
.main-contents-events-item {
  display: block;
  width: 100%;
}
.main-contents-events-item img {
  max-width: 100%;
  width: 100%;
}
.main-contents-awards.main-contents-tile {
  display: flex;
  flex-wrap: nowrap;
  background: url("./static/res/main/award/awards-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}
.main-contents-awards .tile-head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  color: transparent;
  justify-content: center;
}
.main-contents-awards .tile-head img {
  display: block;
  flex: 1 0 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  max-height: 100%;
}
.main-contents-awards .tile-head h3 {
  display: none;
}
.main-contents-awards .tile-body {
  flex: 1 0 0;
  display: flex;
  flex-direction: row;
}
.main-contents-awards-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  justify-content: space-evenly;
  overflow: hidden;
}
.main-contents-awards-list li {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main-contents-awards-link {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-items: center;
  flex: 0 0 100%;
  overflow: hidden;
  justify-content: center;
  padding: 26px 16px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  width: 100%;
}
.main-contents-awards-link-inner {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 200px;
}
.main-contents-awards-img {
  display: block;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 8px;
  max-width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.main-contents-awards-img img {
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.main-contents-awards-name {
  text-align: center;
  font-weight: 500;
  display: block;
  flex: 0 0 auto;
}
.main-contents-awards-linkbox {
  display: block;
  color: #a8acff;
  border: 1px solid #a8acff;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 2em;
  padding: 0 1em;
  margin: 1em 0 0;
  border-radius: 1em;
  transition: 0.3s ease-in-out;
  font-size: 11px;
  line-height: calc(2em - 2px);
}
.main-contents-awards-list li:hover .main-contents-awards-linkbox {
  background: #a8acff;
  color: black;
}
@media screen and (max-width: 1240px) {
  .main-contents-awards.main-contents-tile {
    height: 190px;
  }
  .main-contents-awards .tile-head {
    flex: 0 0 190px;
    max-width: 190px;
    display: flex;
    flex-direction: column;
    color: transparent;
  }
  .main-contents-awards .tile-head img {
    display: block;
    flex: 1 0 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .main-contents-awards .tile-head h3 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .main-contents-awards.main-contents-tile {
    height: auto;
    flex-wrap: wrap;
  }
  .main-contents-awards .tile-head {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 16px 16px 0 16px;
  }
  .main-contents-awards .tile-head img {
    display: none;
  }
  .main-contents-awards .tile-head h3 {
    display: block;
    color: white;
  }
  .main-contents-awards-list {
    flex-wrap: wrap;
  }
  .main-contents-awards-list li {
    min-width: 170px;
    flex: 0 0 auto;
  }
}
.main-contents .main-contents-info-data .tile-head, .main-contents .main-contents-info-repair .tile-head {
  padding: 24px 24px 24px 24px;
}
.main-contents .main-contents-info-data .tile-body, .main-contents .main-contents-info-repair .tile-body {
  padding: 0 24px 24px 24px;
}
.main-contents-info-repair .main-contents-tile {
  background-color: #e6b9ce;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-contents-info-repair .tile-head {
  font-weight: 500;
}
.main-contents-info-repair .tile-body {
  font-size: 0.92em;
}
.main-contents-info-repair .tile-body strong {
  font-weight: 500;
}
.main-contents-info-repair .tile-body p {
  margin: 7px 0 0 0;
}
.main-contents-info-repair .tile-footer {
  display: block;
  width: 100%;
  flex: 0 0 auto;
}
.main-contents-info-repair .tile-footer img {
  display: block;
  width: 100%;
}
.main-contents-info-data .main-contents-tile {
  background: url("./static/res/main/info-data-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  color: white;
  display: flex;
  flex-direction: column;
}
.main-contents-info-data .tile-body {
  font-size: 0.92em;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-contents-info-data .tile-body p {
  margin: 8px 0 12px 0;
}
.main-contents-info-data-table {
  border-spacing: 2px;
}
.main-contents-info-data-table th {
  background: #053f2b;
  height: 27px;
}
.main-contents-info-data-table td {
  background: white;
  color: #006865;
  padding: 10px 5px;
}
.main-contents-info-data-link {
  display: block;
  margin: 16px auto 0 auto;
  background: #005643;
  color: #e0ffab;
  text-decoration: none;
  text-align: center;
  font-size: 1.8em;
  white-space: nowrap;
  line-height: 1.5em;
  border-radius: 10em;
  padding: 0.5em 1em;
  font-family: "S-CoreDream";
  font-weight: 700;
}
.main-contents-info-data-link i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.6em;
  margin: 0 0 0.4em 0.5em;
}
@media screen and (min-width: 1700px) {
  .main-contents-info-repair .tile-head h3 {
    font-size: 1.5em;
  }
  .main-contents-info-repair .tile-body {
    font-size: 1.1em;
  }
  .main-contents-info-data .tile-head h3 {
    font-size: 1.5em;
  }
  .main-contents-info-data .tile-body {
    font-size: 1.1em;
  }
  .main-contents-info-data-table th {
    height: 39px;
  }
  .main-contents-info-data-table td {
    padding: 12px 12px;
  }
  .main-contents-info-data-link {
    margin: 16px auto 33px auto;
  }
}
.main-contents-benefits {
  padding-top: 0;
  padding-bottom: 0;
}
.main-contents-benefits [class^=flex-col] {
  padding: 10px;
}
@media screen and (max-width: 740px) {
  .main-contents-benefits [class^=flex-col] {
    flex-basis: 100%;
    padding: 0;
  }
}
.main-contents-benefits ul {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
@media screen and (max-width: 740px) {
  .main-contents-benefits ul {
    margin: 0;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-benefits ul li {
    padding: 0 0 4px 0;
  }
}
.main-contents-benefits .main-contents-tile {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
  height: 167px;
  position: relative;
}
.main-contents-benefits .main-contents-tile .benefits-contents {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 56%;
  padding-right: 8px;
  font-size: 12px;
  transform: translate(0, -50%);
}
.main-contents-benefits .main-contents-tile .benefits-contents h4 {
  font-size: 18px;
  margin-top: 22px;
  font-weight: 700;
}
.main-contents-benefits .main-contents-tile .benefits-contents p {
  display: block;
  margin: 10px 0 0 0;
  padding: 0 30px 0 0;
  line-height: 1.4em;
  word-break: keep-all;
}
.main-contents-benefits-1 {
  background: url("./static/res/main/benefits/benefits-1-bg.jpg");
}
.main-contents-benefits-1 .benefits-contents h4 {
  color: #fc4fa0;
}
.main-contents-benefits-2 {
  background: url("./static/res/main/benefits/benefits-2-bg.jpg");
}
.main-contents-benefits-2 .benefits-contents h4 {
  color: #3762ff;
}
.main-contents-benefits-3 {
  background: url("./static/res/main/benefits/benefits-3-bg.jpg");
}
.main-contents-benefits-3 .benefits-contents {
  text-shadow: 0 0 8px black;
}
.main-contents-benefits-3 .benefits-contents h4 {
  color: #ffaa85;
}
.main-contents-benefits-3 .benefits-contents p {
  color: white;
}
.main-contents-benefits-4 {
  background: url("./static/res/main/benefits/benefits-4-bg.jpg");
}
.main-contents-benefits-4 .benefits-contents {
  text-shadow: 0 0 8px black;
}
.main-contents-benefits-4 .benefits-contents h4 {
  color: #efe485;
}
.main-contents-benefits-4 .benefits-contents p {
  color: white;
}
@media screen and (min-width: 1700px) {
  .main-contents-benefits .main-contents-tile {
    height: 250px;
  }
  .main-contents-benefits .main-contents-tile .benefits-contents {
    font-size: 1em;
  }
  .main-contents-benefits .main-contents-tile .benefits-contents h4 {
    font-size: 1.7em;
    margin-top: 26px;
  }
  .main-contents-benefits .main-contents-tile .benefits-contents p {
    margin: 20px 0 0 0;
  }
}
.main-contents-smartform {
  flex-direction: column;
}
.main-contents-smartform .smartform-main {
  padding: 12px;
}
.main-contents-smartform .smartform-header {
  width: 100%;
  height: 50px;
  flex: 0 0 50px;
  background: url("./static/res/main/smartform/smartform-header-bg.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 0 0 16px;
  margin-bottom: 4px;
}
.main-contents-smartform .smartform-header h3 {
  color: white;
}
.main-contents-smartform .smartform-body {
  display: block;
  border: 1px solid #a6adb1;
  border-top: 2px solid #0054a6;
}
.main-contents-smartform .smartform-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.main-contents-smartform .smartform-tabs li {
  flex: 1 0 0;
  text-align: center;
  border-bottom: 1px solid #a6adb1;
  border-right: 1px solid #a6adb1;
  padding: 11px 4px;
  background: #d1e6fa;
  word-break: keep-all;
  align-items: center;
  display: flex;
  justify-content: center;
}
.main-contents-smartform .smartform-tabs li:hover {
  background: #e8f3fd;
}
.main-contents-smartform .smartform-tabs .cur-item {
  background: white;
  border-bottom: 1px solid white;
  color: #0054a6;
}
.main-contents-smartform .smartform-tabs .cur-item:hover {
  background: #f2f6f9;
}
.main-contents-smartform .smartform-stageindicator {
  display: block;
  margin: 0 -5px 0 -5px;
  padding: 0;
  list-style: none;
  display: flex;
  counter-reset: stageindicator-stage;
}
.main-contents-smartform .smartform-stageindicator li {
  display: block;
  flex: 0 0 25%;
  align-items: center;
  padding: 5px;
  position: relative;
}
.main-contents-smartform .smartform-stageindicator li:first-child .smartform-stageindicator-inner::before {
  display: none;
}
.main-contents-smartform .smartform-stageindicator li:last-child .smartform-stageindicator-inner::after {
  display: none;
}
.main-contents-smartform .smartform-stageindicator-inner {
  background-color: #e1e9f0;
  height: 52px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #062b4f;
}
.main-contents-smartform .smartform-stageindicator-inner::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 0 26px 20px;
  border-color: transparent transparent transparent white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.main-contents-smartform .smartform-stageindicator-inner::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 0 26px 20px;
  border-color: transparent transparent transparent #e1e9f0;
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 99;
}
.main-contents-smartform .smartform-stageindicator-counter {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 1px solid #062b4f;
  border-radius: 50%;
  font-style: normal;
  position: relative;
  margin-right: 6px;
  margin-bottom: -2px;
}
.main-contents-smartform .smartform-stageindicator-counter::before {
  counter-increment: stageindicator-stage;
  content: counter(stageindicator-stage);
  font-size: 0.8em;
  line-height: 1em;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-contents-smartform .smartform-stageindicator [class^=icon-smartform-step-icon-] {
  margin-left: 7px;
  display: inline-block;
  margin-bottom: -4px;
}
.main-contents-smartform .smartform-stageindicator .cur-item .smartform-stageindicator-inner {
  color: #0054a6;
}
.main-contents-smartform .smartform-stageindicator .cur-item .smartform-stageindicator-counter {
  border: 1px solid #0054a6;
}
.main-contents-smartform .smartform-page-first-ul {
  display: block;
  padding: 0;
  margin: 0 -2px;
  list-style: none;
}
.main-contents-smartform .smartform-page-first-item {
  display: block;
  float: left;
  width: 16.6666666667%;
  padding: 2px;
  cursor: pointer;
  overflow: hidden;
}
.main-contents-smartform .smartform-page-first-item-inner {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background: black;
}
.main-contents-smartform .smartform-page-first-item-inner span {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
}
.main-contents-smartform .smartform-page-first-item-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0.6;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.main-contents-smartform .smartform-page-first-item:hover .smartform-page-first-item-image {
  opacity: 0.3;
  filter: blur(4px);
  transform: scale(1.1);
}
.main-contents-smartform .smartform-page-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 -7px;
}
.main-contents-smartform .smartform-page-details > [class^=smartform-page-step-] {
  display: block;
  flex: 0 0 25%;
  margin: 0;
  padding: 0 7px;
  list-style: none;
}
.main-contents-smartform .smartform-page-details > [class^=smartform-page-step-] > li {
  cursor: pointer;
  word-break: keep-all;
}
.main-contents-smartform .smartform-page-details > [class^=smartform-page-step-] > li:hover {
  background-color: #f2f6f9;
}
.main-contents-smartform .smartform-page-step-1 li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #c3cbd2;
  min-height: 40px;
  padding: 11px 32px 11px 12px;
  position: relative;
}
.main-contents-smartform .smartform-page-step-1 li:last-child {
  border-bottom: none;
}
.main-contents-smartform .smartform-page-step-1 li.cur-item {
  color: white;
  background-color: #0054a6;
  border-bottom: none;
}
.main-contents-smartform .smartform-page-step-1 li.cur-item:hover {
  background-color: #003a73;
}
.main-contents-smartform .smartform-page-step-1 li.cur-item::after {
  content: "\e907";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  color: white;
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 12px;
  transform: translateY(-50%);
}
.main-contents-smartform .smartform-page-step-2, .main-contents-smartform .smartform-page-step-3 {
  padding-top: 4px !important;
}
.main-contents-smartform .smartform-page-step-2 li, .main-contents-smartform .smartform-page-step-3 li {
  display: block;
  position: relative;
  width: 100%;
  min-height: 32px;
  padding: 8px 14px 7px 0;
}
.main-contents-smartform .smartform-page-step-2 li.cur-item, .main-contents-smartform .smartform-page-step-3 li.cur-item {
  border-bottom: 2px solid #0054a6;
  padding-bottom: 5px;
  color: #0054a6;
}
.main-contents-smartform .smartform-page-step-2 li.cur-item::after, .main-contents-smartform .smartform-page-step-3 li.cur-item::after {
  content: "\e907";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 12px;
  transform: translateY(-50%);
}
.main-contents-smartform .smartform-page-step-last {
  display: flex !important;
  flex-direction: column;
}
.main-contents-smartform .smartform-page-step-last-text {
  display: block;
  width: 100%;
  flex: 1 0 auto;
  background: #f2f6f9;
  color: #1461ad;
  padding: 10px;
  font-size: 12px;
  line-height: 1.5em;
  border: solid #1461ad;
  border-width: 2px 2px 0 2px;
}
.main-contents-smartform .smartform-page-step-last-link {
  display: block;
  position: relative;
  width: 100%;
  flex: 0 0 50px;
  background: url("./static/res/main/smartform/smartform-submit-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color: white;
}
.main-contents-smartform .smartform-page-step-last-link a {
  display: block;
  width: 100%;
  height: 50px;
  color: inherit;
  text-decoration: none;
}
.main-contents-smartform .smartform-page-step-last-link span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.main-contents-smartform .smartform-page-step-last-link span i {
  margin-left: 4px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1700px) {
  .main-contents-smartform .smartform-main {
    padding: 22px 12px;
  }
  .main-contents-smartform .smartform-header {
    height: 75px;
    flex: 0 0 77px;
    padding: 22px 0 0 16px;
    margin-bottom: 6px;
    font-size: inherit;
  }
  .main-contents-smartform .smartform-header h3 {
    font-size: 1.8em;
  }
  .main-contents-smartform .smartform-tabs li {
    padding: 18px 4px;
    font-size: 1.2em;
  }
  .main-contents-smartform .smartform-stageindicator {
    margin: 0 -5px 23px -5px;
  }
  .main-contents-smartform .smartform-stageindicator li {
    font-size: 1.4em;
  }
  .main-contents-smartform .smartform-stageindicator-inner {
    height: 76px;
  }
  .main-contents-smartform .smartform-stageindicator-inner::before {
    border-width: 38px 0 38px 30px;
  }
  .main-contents-smartform .smartform-stageindicator-inner::after {
    border-width: 38px 0 38px 30px;
    right: -30px;
  }
  .main-contents-smartform .smartform-page-first-item-inner span {
    font-size: 1.2em;
    padding: 12px;
    word-break: keep-all;
  }
  .main-contents-smartform .smartform-page-step-1 li {
    min-height: 60px;
    padding: 18px 32px 18px 19px;
    font-size: 1.2em;
  }
  .main-contents-smartform .smartform-page-step-2 li, .main-contents-smartform .smartform-page-step-3 li {
    font-size: 1.2em;
  }
  .main-contents-smartform .smartform-page-step-last-text {
    font-size: 1em;
  }
  .main-contents-smartform .smartform-page-step-last-link {
    flex: 0 0 72px;
    font-size: 1.4em;
  }
  .main-contents-smartform .smartform-page-step-last-link a {
    height: 72px;
  }
  .main-contents-smartform .smartform-page-step-last-link span i {
    margin-left: 7px;
    margin-bottom: 3px;
  }
}
.main-contents-boardwidgets-column {
  padding: 0 10px;
  display: flex;
  flex: 1 0 0;
  overflow: hidden;
}
.main-contents-boardwidgets-widget {
  display: block;
  flex: 1 0 100%;
  background-size: 20px 35px;
  background-repeat: repeat;
  background-position: top left;
  overflow: hidden;
}
.main-contents-boardwidgets-widget.boardwidget-notice {
  background-color: #6b75bc;
}
.main-contents-boardwidgets-widget.boardwidget-faq {
  background-color: #a16abb;
}
.main-contents-boardwidgets-widget.boardwidget-downloads {
  background-color: #6abb80;
}
.main-contents-boardwidgets .boardwidget-head {
  display: block;
  width: 100%;
  padding: 22px 42px 0 20px;
  position: relative;
  color: white;
}
.main-contents-boardwidgets .boardwidget-head a {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
}
.main-contents-boardwidgets .boardwidget-head h3 {
  padding: 0;
  display: inline-block;
  color: white;
}
.main-contents-boardwidgets .boardwidget-link {
  display: block;
  margin-bottom: -3px;
  position: absolute;
  top: 25px;
  right: 20px;
}
.main-contents-boardwidgets .boardwidget-body-articles-ul {
  padding: 15px 0;
  max-width: 100%;
  margin: 0;
  list-style: none;
  font-size: 12px;
  color: white;
  width: 100%;
}
.main-contents-boardwidgets .boardwidget-body-articles-ul a {
  text-decoration: none;
  color: inherit;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.main-contents-boardwidgets .boardwidget-body-articles-ul li {
  padding: 3px 19px;
  display: block;
}
.main-contents-boardwidgets .boardwidget-body-articles-title {
  flex: 1 0 0;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main-contents-boardwidgets .boardwidget-body-articles-date {
  flex: 0 0 70px;
  text-align: right;
}
@media screen and (min-width: 1700px) {
  .main-contents-boardwidgets .boardwidget-head {
    padding: 33px 63px 0 30px;
    font-size: 1.3em;
  }
  .main-contents-boardwidgets .boardwidget-link {
    top: 37px;
    right: 30px;
  }
  .main-contents-boardwidgets .boardwidget-body-articles-ul {
    padding: 22px 0;
    font-size: 1.1em;
  }
  .main-contents-boardwidgets .boardwidget-body-articles-ul li {
    padding: 5px 29px;
  }
}
.main-contents-dealer {
  width: 100%;
  max-width: 100%;
}
.main-contents-dealer-image {
  flex: 0 0 709;
  width: 709;
  height: 100%;
  margin-right: -5%;
}
@media screen and (max-width: 1920px) {
  .main-contents-dealer-image {
    flex: 0 0 auto;
  }
}
.main-contents-dealer-contents {
  flex: 1 1 auto;
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
}
.main-contents-dealer-inner {
  display: flex;
  height: 263px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  justify-content: space-between;
  background: linear-gradient(#94d9f0, #3fa5c8);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat, repeat;
}
@media screen and (max-width: 740px) {
  .main-contents-dealer-inner {
    height: auto;
    padding: 16px;
    padding-left: 0;
    justify-content: center;
    background: linear-gradient(#4aa9c9, #4aa9c9);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: repeat;
  }
}
.main-contents-dealer-text {
  flex: 0 1 auto;
  word-break: keep-all;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-contents-dealer-text h3 {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 23px;
  margin-bottom: 10px;
  text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 740px) {
  .main-contents-dealer-text h3 {
    margin-top: 0;
  }
}
.main-contents-dealer-map {
  display: flex;
  flex: 0 0 auto;
  padding: 16px 52px 16px 16px;
  justify-content: center;
  position: relative;
}
.main-contents-dealer-map-img {
  display: flex;
  position: relative;
  align-items: center;
}
.main-contents-dealer-map-img svg {
  display: block;
  height: 240px;
}
.main-contents-dealer-map-img svg .hl, .main-contents-dealer-map-img svg .hl path {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.main-contents-dealer-map-img svg .hl:hover, .main-contents-dealer-map-img svg .hl path:hover {
  fill-opacity: 1;
}
.main-contents-dealer-map-label {
  display: flex;
  position: relative;
  align-items: center;
}
.main-contents-dealer-map-label-inner {
  display: block;
  background: #0054a6;
  border: 2px solid white;
  height: 34px;
  border-radius: 17px;
  line-height: 30px;
  color: white;
  font-weight: 500;
  text-align: center;
  padding: 0px 4px;
  width: 84px;
}
.main-contents-dealer-subtitle {
  display: block;
  font-size: 13px;
  margin-bottom: 15px;
}
.main-contents-dealer-phone {
  padding: 2px;
  color: white;
}
.main-contents-dealer-phone-number {
  font-size: 32px;
  line-height: 1em;
  font-weight: 700;
  display: block;
}
.main-contents-dealer-phone-number a {
  text-decoration: none;
  color: inherit;
  font-family: "S-coredream";
  font-weight: 800;
  letter-spacing: -0.05em;
}
.main-contents-dealer-phone-number-head {
  font-size: 0.5em;
  margin-bottom: 0.1em;
}
.main-contents-dealer-phone-icon {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: -4px;
  width: 34px;
  height: 35px;
  background: url("./static/res/main/dealer-phone-icon.png");
  background-size: 34px 35px;
  background-position: center;
  background-repeat: no-repeat;
}
.main-contents-dealer-phone-sub {
  margin-top: 8px;
  display: block;
  font-size: 13px;
}
@media screen and (min-width: 1700px) {
  .main-contents-dealer-inner {
    height: 300px;
  }
  .main-contents-dealer-text h3 {
    font-size: 2.3em;
    margin-bottom: 15px;
  }
  .main-contents-dealer-map-img svg {
    height: 280px;
  }
  .main-contents-dealer-map-label-inner {
    height: 50px;
    border-radius: 25px;
    line-height: 46px;
    width: 126px;
    font-size: 1.2em;
  }
  .main-contents-dealer-subtitle {
    font-size: 1.1em;
    margin-bottom: 22px;
  }
  .main-contents-dealer-phone-number {
    margin-bottom: 10px;
    font-size: 2.6em;
  }
  .main-contents-dealer-phone-icon {
    width: 51px;
    height: 52px;
    background-size: 51px 52px;
  }
  .main-contents-dealer-phone-sub {
    font-size: 1.22em;
  }
}
@media screen and (max-width: 740px) {
  .main-contents-dealer-image {
    display: none;
  }
  .main-contents-dealer-map {
    padding: 16px;
    background: rgba(0, 0, 0, 0.1);
    margin: 20px;
    border-radius: 16px;
  }
  .main-contents-dealer-map-img {
    display: block;
    width: 140px;
  }
  .main-contents-dealer-map-img svg {
    height: 100%;
  }
  .main-contents-dealer-contents {
    flex-direction: column;
    justify-content: center;
  }
  .main-contents-dealer-text {
    text-align: center;
    padding: 32px 0 0 0;
  }
  .main-contents-dealer-inner {
    position: relative;
    padding: 0;
  }
}
.main-contents-hiringbanners-banner {
  padding: 0 10px;
}
.main-contents-hiringbanners-banner img {
  max-width: 100%;
}
@media screen and (max-width: 740px) {
  .main-contents-hiringbanners {
    flex-direction: column !important;
    padding: 0;
    flex-wrap: nowrap !important;
  }
  .main-contents-hiringbanners .main-contents-hiringbanners-banner {
    margin: 0 0 10px 0;
  }
  .main-contents-hiringbanners .main-contents-hiringbanners-banner:last-child {
    margin: 0 0 0 0;
  }
}
.main-contents-partnerlogo {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
}
.main-contents-partnerlogo-logo {
  display: block;
  padding: 0 6px;
}
.main-contents-partnerlogo-logo .img-wrapper {
  display: block;
  height: 42px;
  width: 110px;
  border: 1px solid #d2d2d2;
}
.main-contents-partnerlogo-logo img {
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 1700px) {
  .main-contents-partnerlogo {
    padding: 20px 0;
  }
  .main-contents-partnerlogo-logo .img-wrapper {
    height: 48px;
    width: 148px;
  }
}

.body.sub {
  font-size: 0.928em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.comdr-dealer-lookup__list, .sub-block, .comdr-dealer-lookup {
  width: 100%;
  border: 1px solid #cdd1d5;
  border-spacing: 0;
  margin-bottom: 6px;
}

.sub-block-header, .comdr-dealer-lookup__search, .comdr-dealer-lookup__list-cell--header, .sub-block th, .comdr-dealer-lookup th {
  border-bottom: 1px solid #cdd1d5;
  background: #f0f3f5;
  font-weight: 500;
  min-height: 30px;
}

.comdr-dealer-lookup__list-row {
  display: table-row;
}
.comdr-dealer-lookup__list-row:last-child > div, .comdr-dealer-lookup__list-row:last-child > th, .comdr-dealer-lookup__list-row:last-child > td {
  border-bottom: none;
}

.comdr-dealer-lookup__list-cell--header, .sub-block th, .comdr-dealer-lookup th {
  height: 30px;
}

.comdr-dealer-lookup__list-cell:not(.comdr-dealer-lookup__list-cell--header), .sub-block td, .comdr-dealer-lookup td {
  border-bottom: 1px solid #e0e2e5;
  height: 30px;
}

.sub-menu-banner {
  display: block;
  flex: 1 0 100%;
  min-width: 100%;
  background: #262f38;
  position: relative;
  padding: 0;
}
.sub-menu-banner > img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.sub-menu-banner-head {
  width: 100%;
  padding: 0;
  height: 117px;
  background-size: cover;
  background-position: center top;
  filter: blur(30px);
}
@media screen and (max-width: 1700px) {
  .sub-menu-banner-head {
    height: 108px;
  }
}
@media screen and (max-width: 1240px) {
  .sub-menu-banner-head {
    height: 64px;
  }
}
.sub-menu-banner-main {
  padding: 0 244px 0 244px;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1700px) {
  .sub-menu-banner-main {
    padding: 0 200px 0 200px;
  }
}
@media screen and (max-width: 1240px) {
  .sub-menu-banner-main {
    padding: 0 124px 0 124px;
  }
}
.sub-menu-banner .banner-background {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sub-menu-banner .banner-container {
  display: block;
  width: 100%;
  height: 100%;
}
.sub-menu-banner .banner-contents {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1300px;
  height: 100%;
  z-index: 9;
}
.sub-menu-banner .banner-contents img {
  max-height: 100%;
}
.sub-menu-banner.banner-new {
  background-size: cover;
  background-position: center;
}
.sub-menu-banner.banner-new .banner-new-inner {
  display: block;
  width: 100%;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-menu-banner.banner-new .banner-new-inner img {
  display: block;
  width: 100%;
}
.banner-cs {
  height: 240px;
}
.banner-cs-background {
  background-image: url("./static/res/sub/banners/cs/background.jpg");
}
.banner-cs-person {
  display: block;
  margin-left: 3.5%;
  position: relative;
  z-index: 1;
}
.banner-cs-text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0, -50%);
  z-index: 9;
  margin-left: -11%;
  font-size: 14px;
}
.banner-cs-text .banner-title {
  margin: 0 0 9px 0;
  display: block;
  font-size: 36px;
  text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white;
  margin-bottom: 19px;
}
.banner-cs-text .banner-phone {
  display: block;
  margin-bottom: 10px;
  color: #203ccc;
  font-weight: 700;
  font-size: 21px;
}
.banner-cs-text .banner-phone em {
  font-style: normal;
  font-size: 1.1em;
}
.banner-cs-text .banner-phone em::before {
  content: "";
  display: inline-block;
  width: 0;
  box-sizing: content-box;
  height: 18px;
  border-left: 3px solid #203ccc;
  margin: -7px 14px 0 14px;
  vertical-align: middle;
}
.banner-cs-text .banner-sub {
  display: block;
  background: #197992;
  color: #fbff90;
  padding: 5px;
  height: 28px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "S-CoreDream";
  font-size: 2em;
  line-height: 1.3;
}

.sub-contents, .sub-contents-buypc .sub-contents-header, .contents-pagination-block-tabs {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  width: 100%;
  padding-left: 264px;
  padding-right: 284px;
}
@media screen and (max-width: 1280px) {
  .sub-contents, .sub-contents-buypc .sub-contents-header, .contents-pagination-block-tabs {
    flex: 0 0 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .sub-contents, .sub-contents-buypc .sub-contents-header, .contents-pagination-block-tabs {
    padding: 0;
  }
  .sub-contents .sub-contents-header, .sub-contents-buypc .sub-contents-header .sub-contents-header, .contents-pagination-block-tabs .sub-contents-header {
    padding: 32px 16px 16px 16px;
  }
  .sub-contents .sub-contents-header h3, .sub-contents-buypc .sub-contents-header .sub-contents-header h3, .contents-pagination-block-tabs .sub-contents-header h3 {
    padding: 0 34px 20px 34px;
  }
}
.sub-contents h1, .sub-contents-buypc .sub-contents-header h1, .contents-pagination-block-tabs h1, .sub-contents h2, .sub-contents-buypc .sub-contents-header h2, .contents-pagination-block-tabs h2, .sub-contents h3, .sub-contents-buypc .sub-contents-header h3, .contents-pagination-block-tabs h3, .sub-contents h4, .sub-contents-buypc .sub-contents-header h4, .contents-pagination-block-tabs h4, .sub-contents h5, .sub-contents-buypc .sub-contents-header h5, .contents-pagination-block-tabs h5, .sub-contents h6, .sub-contents-buypc .sub-contents-header h6, .contents-pagination-block-tabs h6 {
  word-break: keep-all;
}
.sub-contents-wrap {
  padding-top: 31px;
}
.sub-contents-common {
  display: block;
  width: 100%;
  padding: 0;
}
.sub-contents-body {
  max-width: 2560px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sub-page-main, .sub-contents-proc, .sub-contents-datarec-warning, .sub-contents-service, .sub-contents-equipment, .sub-contents-price {
  flex: 1 0 100%;
  width: 100%;
  min-width: 100%;
}

.sub-common-block {
  display: block;
  background: #ecf2f7;
}
.sub-common-head {
  display: block;
  position: relative;
  width: 100%;
  height: 32px;
  background: #dadada;
  background-size: 100% 100%;
  background-position: center;
}
.sub-common-title {
  display: block;
  position: relative;
  word-break: keep-all;
  float: left;
  top: 0;
  left: 0;
  background: darkgray;
  min-height: 40px;
  padding: 10px 24px;
  min-width: 198px;
  text-align: center;
  background-size: 100% 100%;
  background-position: center;
  box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, 0.5);
}
.sub-common-title h3 {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: white;
  font-weight: 700;
}
.sub-common-title.title-blue {
  background-image: url("./static/res/sub/contents/block-header-bg-blue.png");
}
.sub-common-title.title-red {
  background-image: url("./static/res/sub/contents/block-header-bg-red.png");
}
.sub-common-body {
  display: block;
  width: 100%;
  padding: 8px 0 0 0;
}

.contents-pagination-block {
  display: block;
  width: 100%;
}
.contents-pagination-block-header {
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
  background: white;
}
.contents-pagination-block-title {
  padding: 0;
  font-size: 3.3em;
  display: block;
  text-align: center;
  margin: 0;
  padding: 0 1em 0 20px;
  flex: 0 0 auto;
  padding: 0 1em 0 0;
}
.contents-pagination-block-title [class^=icon-] {
  font-size: 0.9em;
  line-height: 1em;
  color: #7a7ac1;
}
.contents-pagination-block-tabs {
  display: flex;
  top: 117px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.7);
  padding-top: 64px;
  z-index: 9;
  align-items: center;
  flex-direction: row;
}
.contents-pagination-block-tabs-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 0;
}
.contents-pagination-block-tabs-tab {
  display: flex;
  flex: 1 0 0;
  text-align: center;
  justify-content: center;
  font-size: 1.2em;
  font-family: "S-CoreDream";
  font-weight: 700;
  align-items: center;
  margin: 10px;
  min-width: 90px;
  background-color: #8b8bc9;
  border: 4px solid #8b8bc9;
  color: white;
  padding: 8px;
  border-radius: 16px;
  cursor: pointer;
  word-break: keep-all;
}
.contents-pagination-block-tabs-tab:hover {
  background-color: #7a7ac1;
  border-color: #7a7ac1;
}
.contents-pagination-block-tabs-tab.cur-item {
  border: 4px solid #8b8bc9;
  background-color: white;
  color: #7a7ac1;
}
.contents-pagination-block-tabs-tab.cur-item:hover {
  background-color: #efefef;
  border-color: #7a7ac1;
}
.contents-pagination-block-pages {
  display: block;
  width: 100%;
}
.contents-pagination-block-pages-page {
  display: none;
  width: 100%;
}
.contents-pagination-block-pages-page.cur-item {
  display: block;
}
@media screen and (max-width: 740px) {
  .contents-pagination-block-tabs {
    padding-top: 16px !important;
  }
  .contents-pagination-block-title {
    padding: 0 10px;
  }
}

.sub-contents-header {
  padding: 56px 0 25px 0;
  text-align: center;
}
.sub-contents-header h3 {
  margin: 0;
  display: block;
  font-size: 3.3em;
  font-weight: 900;
}
.sub-contents-sub ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.sub-contents-sub ul li {
  margin: 0 0 14px 0;
  line-height: 1.3em;
  display: block;
  position: relative;
  padding: 0 0 0 1.1em;
  text-align: left;
}
.sub-contents-sub ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #003a96;
  margin: 0 0 0 0;
  top: 0.5em;
  left: 0.2em;
}
.sub-contents-sub ul li:last-child {
  margin-bottom: 0;
}
.sub-contents-sub ul ul {
  padding: 0;
  margin: 0;
}
.sub-contents-sub ul ul li {
  margin: 0 0 0 0;
}
.sub-contents-sub ul ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background: #888888;
  margin: 0 0 0 0;
  top: 0.6em;
  left: 0.2em;
}
.sub-contents-sub a {
  font-weight: 700;
  text-decoration: none;
  color: #003a96;
}
.sub-contents img, .sub-contents-buypc .sub-contents-header img, .contents-pagination-block-tabs img {
  max-width: 100%;
  display: block;
}
.sub-contents-block {
  margin: 0;
}
.sub-contents-block-head {
  margin-bottom: 27px;
}
.sub-contents-block-title {
  margin: 0 0 16px 0;
  font-size: 1.3em;
  color: #2472c1;
}
.sub-contents-block-title.title-red {
  color: #ba426f;
}
.sub-contents-block-body {
  padding: 0;
}
.sub-contents-block-body p {
  margin: 0 0 1em 0;
}
.sub-contents-block-body img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.sub-contents-table {
  width: 100%;
  border-spacing: 3px;
  line-height: 1.5em;
}
.sub-contents-table thead th {
  height: 30px;
}
.sub-contents-table th, .sub-contents-table td {
  background-color: #d7dee2;
  padding: 10px;
}
.sub-contents-table th {
  color: #545657;
  font-weight: 500;
}
.sub-contents-table .header-1 {
  font-weight: 500;
  text-align: center;
}
.sub-contents-table .header-2 {
  text-align: center;
}
.sub-contents-table .table-group-1 td {
  background-color: #f0f6ff;
}
.sub-contents-table .table-group-1 .header-1 {
  background-color: #d6e2f5;
}
.sub-contents-table .table-group-1 .header-2 {
  background-color: #e9f0fb;
}
.sub-contents-table .table-group-2 td {
  background-color: #ecf8f6;
}
.sub-contents-table .table-group-2 .header-1 {
  background-color: #d6f5ef;
}
.sub-contents-table .table-group-2 .header-2 {
  background-color: #e5f4f1;
}
.sub-contents-table .table-group-3 td {
  background-color: #f3f7ec;
}
.sub-contents-table .table-group-3 .header-1 {
  background-color: #dfebc9;
}
.sub-contents-table .table-group-3 .header-2 {
  background-color: #eaf1dc;
}
.sub-contents-table .table-group-4 td {
  background-color: #f9f7e2;
}
.sub-contents-table .table-group-4 .header-1 {
  background-color: #ece7b4;
}
.sub-contents-table .table-group-4 .header-2 {
  background-color: #f8f4ce;
}
.sub-contents-table .table-group-5 td {
  background-color: #f9f2e2;
}
.sub-contents-table .table-group-5 .header-1 {
  background-color: #ecd6b4;
}
.sub-contents-table .table-group-5 .header-2 {
  background-color: #f8eace;
}
.sub-contents-table .table-group-6 td {
  background-color: #f9ebe2;
}
.sub-contents-table .table-group-6 .header-1 {
  background-color: #eccbb4;
}
.sub-contents-table .table-group-6 .header-2 {
  background-color: #f8e0ce;
}
.sub-contents-table ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub-contents-table ul li {
  padding-left: 9px;
  position: relative;
}
.sub-contents-table ul li::before {
  content: "·";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.sub-contents-common .sub-common-body {
  font-size: 12px;
  line-height: 1.4em;
}
.sub-contents-service .sub-common-head {
  background-image: url("./static/res/common/common-service-head.png");
}
.sub-contents-service .sub-common-title {
  background-image: url("./static/res/common/common-service-title.png");
}
.sub-contents-service-container {
  list-style: none;
  margin: 0;
  justify-content: center;
  padding: 10px 0;
  counter-reset: sub-service;
}
@media screen and (max-width: 1040px) {
  .sub-contents-service-container {
    padding: 22px 120px;
  }
}
@media screen and (max-width: 740px) {
  .sub-contents-service-container {
    padding: 22px 20px;
  }
}
.sub-contents-service-container li {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  margin: 0;
  padding: 12px 12px;
}
.sub-contents-service-container li:nth-child(1) .sub-contents-service-item-title {
  background-image: url("./static/res/common/common-service-items/01-top.png");
}
.sub-contents-service-container li:nth-child(1) .sub-contents-service-item-body {
  background-image: url("./static/res/common/common-service-items/01-mid.png");
}
.sub-contents-service-container li:nth-child(1) .sub-contents-service-item::after {
  background-image: url("./static/res/common/common-service-items/01-bot.png");
}
.sub-contents-service-container li:nth-child(1) .sub-contents-service-item::before {
  background-image: url("./static/res/common/common-service-items/01-arrow.png");
}
.sub-contents-service-container li:nth-child(2) .sub-contents-service-item-title {
  background-image: url("./static/res/common/common-service-items/02-top.png");
}
.sub-contents-service-container li:nth-child(2) .sub-contents-service-item-body {
  background-image: url("./static/res/common/common-service-items/02-mid.png");
}
.sub-contents-service-container li:nth-child(2) .sub-contents-service-item::after {
  background-image: url("./static/res/common/common-service-items/02-bot.png");
}
.sub-contents-service-container li:nth-child(2) .sub-contents-service-item::before {
  background-image: url("./static/res/common/common-service-items/02-arrow.png");
}
.sub-contents-service-container li:nth-child(3) .sub-contents-service-item-title {
  background-image: url("./static/res/common/common-service-items/03-top.png");
}
.sub-contents-service-container li:nth-child(3) .sub-contents-service-item-body {
  background-image: url("./static/res/common/common-service-items/03-mid.png");
}
.sub-contents-service-container li:nth-child(3) .sub-contents-service-item::after {
  background-image: url("./static/res/common/common-service-items/03-bot.png");
}
.sub-contents-service-container li:nth-child(3) .sub-contents-service-item::before {
  background-image: url("./static/res/common/common-service-items/03-arrow.png");
}
.sub-contents-service-container li:nth-child(4) .sub-contents-service-item-title {
  background-image: url("./static/res/common/common-service-items/04-top.png");
}
.sub-contents-service-container li:nth-child(4) .sub-contents-service-item-body {
  background-image: url("./static/res/common/common-service-items/04-mid.png");
}
.sub-contents-service-container li:nth-child(4) .sub-contents-service-item::after {
  background-image: url("./static/res/common/common-service-items/04-bot.png");
}
.sub-contents-service-container li:nth-child(4) .sub-contents-service-item::before {
  background-image: url("./static/res/common/common-service-items/04-arrow.png");
}
.sub-contents-service-container li:nth-child(5) .sub-contents-service-item-title {
  background-image: url("./static/res/common/common-service-items/05-top.png");
}
.sub-contents-service-container li:nth-child(5) .sub-contents-service-item-body {
  background-image: url("./static/res/common/common-service-items/05-mid.png");
}
.sub-contents-service-container li:nth-child(5) .sub-contents-service-item::after {
  background-image: url("./static/res/common/common-service-items/05-bot.png");
}
.sub-contents-service-container li:nth-child(5) .sub-contents-service-item::before {
  background-image: url("./static/res/common/common-service-items/05-arrow.png");
}
.sub-contents-service-container li:last-child .sub-contents-service-item::before {
  display: none;
}
.sub-contents-service-item {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 131px;
}
.sub-contents-service-item-title {
  display: block;
  width: 100%;
  flex: 0 0 36px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  line-height: 36px;
  text-align: center;
  color: white;
  z-index: 9;
  position: relative;
  font-size: 15px;
}
.sub-contents-service-item-title::before {
  counter-increment: sub-service;
  content: counter(sub-service, decimal-leading-zero) ".";
}
.sub-contents-service-item-body {
  width: 100%;
  background-size: 100% 1px;
  background-repeat: repeat-y;
  display: flex;
  flex: 1 0 auto;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  min-height: 140px;
  text-align: center;
  z-index: 9;
  position: relative;
  font-size: 12px;
}
.sub-contents-service-item-body * {
  font-size: inherit;
  padding: 0 0;
  display: block;
}
.sub-contents-service-item-body h6 {
  margin: 0;
}
.sub-contents-service-item-body p {
  padding: 0;
  margin: 0;
}
.sub-contents-service-item::before {
  content: "";
  display: block;
  width: 25px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: -20px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
  margin-top: -5px;
}
.sub-contents-service-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 19px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 9;
  position: relative;
}
@media screen and (min-width: 1700px) {
  .sub-contents-service-item {
    width: 171px;
  }
  .sub-contents-service-item-title {
    flex: 0 0 42px;
    line-height: 42px;
  }
  .sub-contents-service-item-body {
    padding: 16px;
    min-height: 170px;
    font-size: 1.1em;
    word-break: keep-all;
  }
  .sub-contents-service-item::after {
    height: 24px;
  }
}
.sub-contents-benefits .sub-common-head {
  background-image: url("./static/res/common/common-benefits-head.png");
}
.sub-contents-benefits .sub-common-title {
  background-image: url("./static/res/common/common-benefits-title.png");
}
.sub-contents-benefits .sub-common-body {
  padding: 26px 23px 22px 23px;
}
@media screen and (min-width: 1700px) {
  .sub-contents-benefits .sub-common-body {
    font-size: 1em;
  }
}
.sub-contents-benefits .sub-common-body p {
  padding: 0;
  margin: 0;
  letter-spacing: -0.02em;
}
.sub-contents-benefits-container {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 18px;
  counter-reset: sub-benefits;
}
.sub-contents-benefits-container li {
  counter-increment: sub-benefits;
}
.sub-contents-benefits-title {
  margin: 0;
  padding: 0;
  height: 43px;
}
.sub-contents-benefits-title .title-counter {
  display: flex;
  flex-direction: row;
  flex: 0 0 66px;
  background-color: white;
  color: #ecffb4;
}
.sub-contents-benefits-title .title-counter::before {
  content: "";
  display: block;
  flex: 0 0 22px;
  height: 43px;
  background: url("./static/res/common/common-benefits/benefits-num-left.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sub-contents-benefits-title .title-counter::after {
  content: counter(sub-benefits, decimal-leading-zero);
  display: block;
  flex: 1 0 auto;
  background: url("./static/res/common/common-benefits/benefits-num-body.png");
  background-size: 1px 100%;
  background-repeat: repeat-x;
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  padding-left: 2px;
}
.sub-contents-benefits-title .title-text {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  color: #ecffb4;
}
.sub-contents-benefits-title .title-text::before {
  content: "";
  display: block;
  flex: 0 0 22px;
  height: 43px;
  background: url("./static/res/common/common-benefits/benefits-title-left.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sub-contents-benefits-title .title-text::after {
  content: "";
  display: block;
  flex: 0 0 22px;
  height: 43px;
  background: url("./static/res/common/common-benefits/benefits-title-right.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.sub-contents-benefits-title .title-text em {
  background: url("./static/res/common/common-benefits/benefits-title-body.png");
  background-size: 1px 100%;
  background-repeat: repeat-x;
  flex: 1 0 auto;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.sub-contents-benefits-body {
  background: white;
  padding: 6px 24px 10px 24px;
  font-size: 11px;
  color: #06585b;
  font-weight: 500;
}
@media screen and (min-width: 1700px) {
  .sub-contents-benefits-body {
    font-size: 0.92em;
  }
}
.sub-contents-form-main {
  display: block;
  background: url("./static/res/sub-form/sub-form-bg.png");
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-right: 256px;
  display: flex;
  min-height: 330px;
}
@media screen and (max-width: 740px) {
  .sub-contents-form-main {
    background: none;
    padding-right: 0;
  }
}
.sub-contents-form-contents {
  display: block;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 21px 0 6px 29px;
  padding: 21px;
}
.sub-contents-form-head {
  font-size: 2em;
  flex: 0 0 auto;
  margin-bottom: 18px;
  padding-left: 6px;
}
.sub-contents-form-head h3 {
  font-size: inherit;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.sub-contents-form-head span {
  display: inline-block;
  font-size: 0.6em;
}
.sub-contents-form-head span::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0.9em;
  box-sizing: content-box;
  border-left: 1px solid black;
  vertical-align: middle;
  margin: -2px 9px 0 8px;
}
.sub-contents-form-body {
  display: flex;
  flex-direction: row;
  font-size: 1em;
  flex: 1 0 auto;
  padding-right: 33px;
}
@media screen and (max-width: 740px) {
  .sub-contents-form-body {
    padding-right: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.sub-contents-form-items {
  padding-right: 6px;
}
@media screen and (max-width: 740px) {
  .sub-contents-form-items {
    padding-right: 0;
    flex-basis: 100%;
  }
}
.sub-contents-form-item {
  display: flex;
  flex-direction: row;
  min-height: 26px;
  align-items: center;
  flex-wrap: nowrap;
  padding: 4px 6px;
}
.sub-contents-form-item label {
  display: block;
  min-width: 6em;
  padding-right: 6px;
}
.sub-contents-form-item label em {
  font-style: normal;
}
.sub-contents-form-item input, .sub-contents-form-item textarea {
  min-height: 33px;
  border-radius: 4px;
  border: 1px solid #a3a3a3;
}
.sub-contents-form-item input[type=text] {
  flex: 1 1 auto;
}
.sub-contents-form-item textarea {
  flex: 1 1 auto;
  min-height: 90px;
  resize: none;
}
@media screen and (max-width: 1290px) {
  .sub-contents-form-item {
    flex-basis: 100% !important;
  }
  .sub-contents-form-item label {
    min-width: 77px;
  }
}
.sub-contents-form-privacy {
  padding-left: 67px;
  justify-content: flex-end;
}
.sub-contents-form-privacy a {
  color: #125dae;
}
.sub-contents-form-privacy label {
  min-width: 0;
}
.sub-contents-form-submit {
  flex: 0 0 118px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  flex: 0 0 118px;
  padding: 6px 0;
}
@media screen and (max-width: 740px) {
  .sub-contents-form-submit {
    padding-bottom: 0;
    margin-top: 16px;
  }
}
.sub-contents-form-submit button {
  flex: 1 0 auto;
  padding: 0;
  border: none;
  height: 72px;
  background: #125dae;
  border-radius: 10px;
  color: white;
  font-weight: 700;
  font-size: 1.2em;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .sub-contents-form-main {
    background: none;
    padding-right: 0;
  }
}
.sub-contents-intro {
  background: #ececec;
}
.sub-contents-intro-wrap {
  display: flex;
  flex-direction: column;
  min-height: 670px;
  position: relative;
}
.sub-contents-intro-person {
  height: 620px;
  width: auto;
  max-width: initial !important;
  margin: 51px auto 0 auto;
  display: block;
  position: absolute;
  bottom: 0;
  left: 53px;
  width: 79%;
  width: auto;
}
.sub-contents-intro-person-container {
  text-align: center;
  position: relative;
  min-height: inherit;
  z-index: 1;
}
.sub-contents-intro-main {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  padding: 0 38px 0px 38px;
  position: relative;
  z-index: 9;
}
.sub-contents-intro-main-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 auto;
  padding-top: 51px;
}
.sub-contents-intro-logo {
  margin: 49px 0 0 0;
}
.sub-contents-intro-logo img {
  display: block;
  height: 140px;
}
.sub-contents-intro-text {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  background: rgba(210, 210, 210, 0.6);
  line-height: 2em;
  margin: 0 0 0 0;
  padding: 48px 48px;
  min-height: 240px;
  border-radius: 4px;
  text-align: center;
  align-items: center;
  word-break: keep-all;
}
.sub-contents-intro-bottom {
  padding: 24px 0 0 0;
  flex: 1 0 auto;
  display: inline-block;
}
.sub-contents-intro-bottom h4 {
  color: #da2a34;
  font-size: 1.6em;
  margin: 0 0 0 0;
}
.sub-contents-intro-bottom ul {
  display: block;
  margin: 0;
  padding: 15px 0 0 0;
  list-style: none;
  text-align: left;
}
.sub-contents-intro-bottom ul li {
  margin: 0 0 14px 0;
  line-height: 1.3em;
  display: block;
  position: relative;
  padding: 0 0 0 1.1em;
  text-align: left;
}
.sub-contents-intro-bottom ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #003a96;
  margin: 0 0 0 0;
  top: 0.5em;
  left: 0.2em;
}
.sub-contents-price {
  border-bottom: 1px solid #e5e5e5;
}
.sub-contents-price-header {
  display: flex;
  flex-direction: column;
  padding: 40px 0;
  position: relative;
  align-items: flex-end;
  text-align: right;
  background-size: cover;
  background-position: center;
}
.sub-contents-price-body {
  padding: 40px 40px;
  background-color: rgba(253, 253, 253, 0.85);
  box-shadow: 0 0 40px -15px rgb(0, 0, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sub-contents-price-body .sub-contents-price-title-wrapper {
  padding-bottom: 1em;
}
.sub-contents-price-body .sub-contents-price-title {
  padding: 0 0 0.3em 0;
  background: none;
}
.sub-contents-price-body .sub-contents-price-sub {
  padding: 1em 0 0 0;
  background: none;
}
.sub-contents-price-body-sub {
  display: block;
  margin: 1em 0 1em 0;
  padding: 0;
  list-style: none;
  font-size: 0.92em;
  color: #333333;
}
.sub-contents-price-body-sub:last-child {
  margin: 1em 0 0 0;
}
.sub-contents-price-body-sub li {
  display: block;
  padding-left: 1.2em;
  margin: 0 0 0.4em 0;
  position: relative;
}
.sub-contents-price-body-sub li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.4em;
  height: 0.4em;
  background: #01509e;
  top: 0.4em;
  left: 0.3em;
  border-radius: 50%;
}
.sub-contents-price-body-sub .emph {
  color: #a01717;
  font-weight: 700;
}
.sub-contents-price-title-wrapper {
  display: block;
  width: 100%;
}
.sub-contents-price-title {
  flex: 0 0 auto;
  font-size: 3.3em;
  margin: 0 0 0 0;
  padding: 10px 40px 10px 40px;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #0054a6;
  width: 100%;
  word-break: keep-all;
  text-shadow: 0 0 1em white;
  overflow: hidden;
}
.sub-contents-price-sub {
  flex: 0 0 auto;
  margin: 0 0 0 0;
  display: block;
  padding: 13px 40px;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  font-size: 1.2em;
  word-break: keep-all;
}
.sub-contents-price-bg {
  flex: 1 0 auto;
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.sub-contents-price-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-contents-price-section .sub-contents-wrap-full {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
}
.sub-contents-price-section:nth-child(2n+1) {
  background-color: #eaeaea;
}
.sub-contents-price-section:nth-child(2n+1) .sub-contents-price-body {
  background-color: rgba(239, 239, 239, 0.85);
}
.sub-contents-price-table {
  border-collapse: collapse;
  width: 100%;
  word-break: keep-all;
}
.sub-contents-price-table-border {
  border: 2px solid #363636;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
.sub-contents-price-table th, .sub-contents-price-table td {
  border: 1px solid #959595;
  border-bottom: none;
  background: rgba(255, 255, 255, 0.5);
}
.sub-contents-price-table td {
  padding: 6px 20px;
}
.sub-contents-price-table td.sub-contents-price-cell {
  width: 27px;
  padding: 8px 8px;
}
.sub-contents-price-table tr:first-child th, .sub-contents-price-table tr:first-child td {
  border-top: none;
}
.sub-contents-price-table tr th:last-child, .sub-contents-price-table tr td:last-child {
  border-right: none;
}
.sub-contents-price-table .sub-row th, .sub-contents-price-table .sub-row td {
  border-bottom: 1px solid #e2e2e2;
}
.sub-contents-price-table .sub-row td {
  padding: 3px 20px;
}
.sub-contents-price-table thead th {
  background-color: #d2d2d2;
  height: 2.7em;
  font-size: 1.2em;
  padding: 4px 26px;
}
.sub-contents-price-table h4 {
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 1.2em;
}
.sub-contents-price-table .sub {
  font-size: 0.92em;
}
.sub-contents-price .sub-contents-price-item, .sub-contents-price .sub-contents-price-items li, .sub-contents-price-items .sub-contents-price li {
  display: block;
  position: relative;
  margin: 3px 0;
  padding-left: 3em;
}
.sub-contents-price .sub-contents-price-item::before, .sub-contents-price .sub-contents-price-items li::before, .sub-contents-price-items .sub-contents-price li::before {
  content: "-";
  display: block;
  position: absolute;
  width: 1em;
  top: 0px;
  left: 2em;
}
.sub-contents-price-items {
  padding: 12px 0 0 0;
  margin: 0;
  list-style: none;
}
.sub-contents-price-center {
  display: block;
  width: 100%;
  font-size: 1em;
  text-align: center;
}
.sub-contents-price-data {
  display: block;
  text-align: center;
  font-weight: 500;
}
.sub-contents-price-data-sub {
  display: block;
  font-size: 0.9em;
  white-space: nowrap;
  text-align: center;
  font-weight: 400;
}
.sub-contents-price-hardware {
  background-image: url("./static/res/price/price-hardware-bg.jpg");
}
.sub-contents-price-software {
  background-image: url("./static/res/price/price-software-bg.jpg");
}
.sub-contents-price-datarec {
  background-image: url("./static/res/price/price-datarec-bg.jpg");
}
.sub-contents-price-mac {
  background-image: url("./static/res/price/price-mac-bg.jpg");
  background-position: left center;
}
.sub-contents-price-imac {
  background-image: url("./static/res/price/price-imac-bg.jpg");
  background-position: left center;
}
.sub-contents-price-imaclcd {
  background-image: url("./static/res/price/price-imaclcd-bg.jpg");
}
.sub-contents-price-lcd {
  background-image: url("./static/res/price/price-lcd-bg.jpg");
  background-position: left center;
}
.sub-contents-price-logicboard {
  background-image: url("./static/res/price/price-logicboard-bg.jpg");
}
.sub-contents-price-logicboard-d {
  background-image: url("./static/res/price/price-logicboard-bg-d.jpg");
}
.sub-contents-price-macbook {
  background-image: url("./static/res/price/price-macbook-bg.jpg");
}
.sub-contents-price-server {
  background-image: url("./static/res/price/price-server-bg.jpg");
}
.sub-contents-price-server2 {
  background-image: url("./static/res/price/price-server2-bg.jpg");
}
.sub-contents-price-sdcard {
  background-image: url("./static/res/price/price-sdcard-bg.jpg");
}
.sub-contents-price-ssd {
  background-image: url("./static/res/price/price-ssd-bg.jpg");
}
.sub-contents-price-circuitboard {
  background-image: url("./static/res/price/price-circuitboard-bg.jpg");
}
.sub-contents-price-odd {
  background-image: url("./static/res/price/price-odd-bg.jpg");
}
.sub-contents-price-tv {
  background-image: url("./static/res/price/price-tv-bg.jpg");
  background-position: left center;
}
.sub-contents-equipment {
  display: block;
  background: url("./static/res/equipment/equipment-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 80px;
  word-break: keep-all;
}
.sub-contents-equipment-head {
  display: block;
  padding: 0 0 4.8em 0;
  text-shadow: 0 0 36px black;
}
.sub-contents-equipment-header {
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 1em 0;
  color: white;
  width: 100%;
  font-size: 3.3em;
  font-weight: 700;
  text-align: center;
}
.sub-contents-equipment-header::after {
  content: "";
  display: block;
  margin: 30px auto 0 auto;
  box-sizing: content-box;
  border-bottom: 1px solid red;
  width: 9.2em;
}
.sub-contents-equipment-subheader {
  display: block;
  width: 100%;
  color: white;
  font-size: 1.25em;
  text-align: center;
  font-weight: 400;
  line-height: 1.6em;
}
.sub-contents-equipment-subheader p {
  margin: 0 0 1em 0;
}
.sub-contents-equipment-subheader p:last-child {
  margin: 0 0 0 0;
}
.sub-contents-equipment-ul {
  padding: 0 50px;
  margin: 0;
  list-style: none;
  justify-content: center;
}
.sub-contents-equipment-li {
  display: flex;
  flex-direction: column;
  margin: 0 0 14px 0;
  padding: 0px 16px;
  flex: 0 0 300px;
}
.sub-contents-equipment-li .equipment-li-header {
  display: block;
  flex: 0 0 auto;
  padding: 4px 0 15px 0;
}
.sub-contents-equipment-li .equipment-li-header h4 {
  display: block;
  margin: 0;
  text-align: center;
  padding: 0;
  color: white;
  font-size: 1.6em;
  text-shadow: 0 0 36px black;
}
.sub-contents-equipment-li .equipment-li-body {
  display: flex;
  width: 100%;
  flex: 1 0 auto;
  flex-direction: column;
}
.sub-contents-equipment-li .equipment-li-img {
  display: block;
  flex: 0 0 180px;
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
}
.sub-contents-equipment-li .equipment-li-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
  height: 100%;
}
.sub-contents-equipment-li .equipment-li-text {
  display: block;
  flex: 1 0 auto;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  margin-top: 18px;
  padding: 21px;
  font-size: 0.9em;
  line-height: 1.5em;
  border-radius: 8px;
}
.sub-contents-equipment-li .equipment-li-text p {
  display: block;
  margin: 0 0 1.5em 0;
}
.sub-contents-equipment-li .equipment-li-text p:last-child {
  margin: 0;
}
.sub-contents-service {
  background: #ececec;
  display: block;
  width: 100%;
}
.sub-contents-service img {
  display: block;
  width: 100%;
}
.sub-contents-datarec-main {
  background: #8b8bc9;
  word-break: keep-all;
  display: flex;
  flex-direction: column;
}
.sub-contents-datarec-main-contents {
  padding: 40px;
  align-items: center;
  flex: 1 0 0;
}
.sub-contents-datarec-main-img {
  flex: 1 0 0;
  align-items: center;
  display: flex;
  padding: 60px;
  padding: 40px;
}
.sub-contents-datarec-main-text {
  color: white;
  flex: 0 0 auto;
}
.sub-contents-datarec-main-text .sub-contents-title {
  filter: drop-shadow(0.1em 0.1em 0 rgba(0, 0, 0, 0.3));
}
.sub-contents-datarec-main-text .sub-contents-title h3 {
  margin: 0 0 0.6em 0;
  font-size: 3.3em;
  font-weight: 900;
}
.sub-contents-datarec-main-body {
  font-size: 1em;
  line-height: 1.6em;
}
.sub-contents-datarec-main-body p {
  margin: 0;
}
.sub-contents-datarec-main-body p:last-child {
  margin-bottom: 1em;
}
@media screen and (max-width: 740px) {
  .sub-contents-datarec-main {
    flex: 1 0 100%;
  }
  .sub-contents-datarec-main-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.3;
  }
  .sub-contents-datarec-main-contents {
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
  }
  .sub-contents-datarec-main-text {
    flex: 1 0 250px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.sub-contents-datarec-types {
  display: flex;
  flex-direction: column;
  word-break: keep-all;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3)), url("./static/res/sub/contents/datarec-type.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center, center;
}
.sub-contents-datarec-types-inner {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  padding: 40px;
}
.sub-contents-datarec-types-header {
  flex: 0 0 auto;
}
.sub-contents-datarec-types-header h3 {
  font-size: 3.3em;
  margin: 0 0 30px 0;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 900;
}
.sub-contents-datarec-types-header span {
  display: block;
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  margin: 0 0 3em 0;
}
.sub-contents-datarec-types-body {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sub-contents-datarec-types-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0 32px 0;
}
.sub-contents-datarec-types-nav .datarec-types-nav-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 90px;
  border: 4px solid #8b8bc9;
  margin: 0 16px;
  align-items: center;
  justify-content: center;
  flex: 0 0 36%;
  color: #8b8bc9;
  font-size: 1.6em;
  cursor: pointer;
  box-shadow: 0 0 16px -8px black;
  background: rgba(255, 255, 255, 0.92);
  font-family: "S-CoreDream";
  font-weight: 700;
  text-align: center;
  padding: 6px;
}
.sub-contents-datarec-types-nav .datarec-types-nav-item.cur-item {
  background: #8b8bc9;
  color: white;
}
.sub-contents-datarec-types-contents {
  display: flex;
  min-height: 460px;
  border: 4px solid #8b8bc9;
}
.sub-contents-datarec-types-contents-page {
  display: none;
}
.sub-contents-datarec-types-contents-page.cur-item {
  display: flex;
  flex: 1 0 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sub-contents-datarec-types-contents-page-nav {
  display: block;
  flex: 0 0 28%;
  background: #8b8bc9;
}
.sub-contents-datarec-types-contents-page-nav-item {
  position: relative;
  color: white;
  font-size: 1.2em;
  padding: 14px 40px 13px 14px;
  font-family: "S-CoreDream";
}
.sub-contents-datarec-types-contents-page-nav-item i {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 0.8em;
}
.sub-contents-datarec-types-contents-page-nav-item.cur-item {
  background: white;
  color: #8b8bc9;
  box-shadow: 0 0 16px -8px black;
}
.sub-contents-datarec-types-contents-page-contents {
  display: block;
  flex: 1 1 auto;
  background: rgba(255, 255, 255, 0.92);
}
.sub-contents-datarec-types-contents-page-contents-item {
  display: none;
  padding: 24px 24px;
  font-size: 1em;
  line-height: 1.6em;
}
.sub-contents-datarec-types-contents-page-contents-item.cur-item {
  display: block;
}
.sub-contents-datarec-types-maininfo {
  border: 2px solid #6868b9;
  border-collapse: collapse;
}
.sub-contents-datarec-types-maininfo th {
  font-weight: 700;
  background-color: #f1f1f1;
}
.sub-contents-datarec-types-maininfo th, .sub-contents-datarec-types-maininfo td {
  border: 1px solid #6868b9;
  padding: 8px;
}
@media screen and (max-width: 740px) {
  .sub-contents-datarec-types {
    flex: 1 0 100%;
  }
  .sub-contents-datarec-types-inner {
    padding: 40px 8px;
  }
  .sub-contents-datarec-types-nav {
    flex: 0;
    display: flex;
    flex-direction: row;
  }
  .sub-contents-datarec-types-nav-item {
    padding: 14px;
    flex: 1 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2em;
  }
  .sub-contents-datarec-types-nav-item i {
    right: 50%;
    transform: translate(50%, -50%) rotate(90deg);
    bottom: 0px;
    height: 1em;
    top: unset;
  }
  .sub-contents-datarec-types-nav .datarec-types-nav-item {
    height: 4em;
  }
  .sub-contents-datarec-types-contents-page {
    flex-direction: column !important;
  }
  .sub-contents-datarec-types-contents-page-nav {
    flex-direction: row;
    display: flex;
    flex: 0 0 auto;
  }
  .sub-contents-datarec-types-contents-page-nav-item {
    padding: 8px 8px 1.5em 8px;
    flex: 1 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .sub-contents-datarec-types-contents-page-nav-item i {
    top: 100%;
    right: 50%;
    transform: translate(50%, -150%) rotate(90deg);
  }
}
.sub-contents-datarec-warning-title {
  padding-bottom: 0.6em;
}
.sub-contents-datarec-warning-title-sub {
  font-size: 1.6em;
  color: #808080;
}
.sub-contents-datarec-warning-ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 3em 0 5em 0;
  padding: 0 3em 0 3em;
}
.sub-contents-datarec-warning-ul li {
  display: block;
  flex: 0 0 auto;
  padding: 0 18px 0 18px;
}
.sub-contents-datarec-warning-ul::before {
  content: "";
  display: block;
  width: 100%;
  height: 24px;
  background: #e0e0e0;
  position: absolute;
  top: 100px;
  left: 0;
}
.sub-contents-datarec-warning-item-icon {
  display: block;
  position: relative;
  width: 216px;
  height: 216px;
  border-radius: 50%;
  margin: 0 auto;
  background: white;
  border: 16px solid;
}
.sub-contents-datarec-warning-item-icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents-datarec-warning-item-icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.sub-contents-datarec-warning-item-text {
  text-align: center;
}
.sub-contents-datarec-warning-item-text h4 {
  margin: 0;
  display: block;
  padding: 1em 0 0.5em 0;
}
.sub-contents-datarec-warning-item-text div {
  font-size: 1.2em;
}
.sub-contents-datarec-warning-item.item-1 .sub-contents-datarec-warning-item-icon {
  border-color: #fb8e26;
}
.sub-contents-datarec-warning-item.item-1 .sub-contents-datarec-warning-item-text h4 {
  color: #fb8e26;
}
.sub-contents-datarec-warning-item.item-2 .sub-contents-datarec-warning-item-icon {
  border-color: #ef3a54;
}
.sub-contents-datarec-warning-item.item-2 .sub-contents-datarec-warning-item-text h4 {
  color: #ef3a54;
}
.sub-contents-datarec-warning-item.item-3 .sub-contents-datarec-warning-item-icon {
  border-color: #68af54;
}
.sub-contents-datarec-warning-item.item-3 .sub-contents-datarec-warning-item-text h4 {
  color: #68af54;
}
@media screen and (max-width: 740px) {
  .sub-contents-datarec-warning-item-icon {
    width: 85px;
    height: 85px;
    border: 6px solid;
  }
  .sub-contents-datarec-warning-item-text {
    font-size: 7px;
    word-break: keep-all;
  }
  .sub-contents-datarec-warning-item-text > div {
    font-size: 9px;
  }
  .sub-contents-datarec-warning-ul {
    padding: 0;
    margin-bottom: 2em;
  }
  .sub-contents-datarec-warning-ul::before {
    height: 12px;
    top: 38px;
  }
  .sub-contents-datarec-warning-ul li {
    flex: 1 0 0;
    padding: 0 8px 0 8px;
  }
}
.sub-contents-datarec-stats {
  background-color: #141824;
  padding-top: 40px;
  padding-bottom: 40px;
}
.sub-contents-datarec-stats .sub-contents-header {
  padding: 0 0 0 0;
}
.sub-contents-datarec-stats .sub-contents-header h3 {
  margin: 0;
  padding: 0 0 1em 0;
  font-size: 3.3em;
  color: white;
}
@media screen and (max-width: 740px) {
  .sub-contents-datarec-stats {
    padding: 32px 0 !important;
  }
}
.sub-contents-datarec-proc-ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  word-break: keep-all;
  margin: 0;
  padding: 48px 0 32px 0;
  background: #f1f1f1;
  list-style: none;
  justify-content: center;
}
.sub-contents-datarec-proc-item {
  display: block;
  flex: 0 0 160px;
}
.sub-contents-datarec-proc-item-icon img {
  display: block;
  width: 128px;
  margin: 0 auto;
}
.sub-contents-datarec-proc-item-text {
  display: block;
  text-align: center;
}
.sub-contents-datarec-proc-item-text-header {
  font-family: "s-coredream";
  font-size: 1.6em;
  font-weight: 700;
  margin: 0.6em 0 0.3em 0;
}
.sub-contents-datarec-proc-arrow {
  display: block;
  flex: 0 0 46px;
  padding-top: 61px;
}
.sub-contents-datarec-proc-arrow img {
  display: block;
  width: 46px;
}
@media screen and (max-width: 740px) {
  .sub-contents-datarec-proc-item {
    display: flex;
    flex: 0 0 100%;
    margin: 8px;
    padding: 0px 32px;
    align-items: center;
  }
  .sub-contents-datarec-proc-item-icon {
    margin: 0 0 0 0;
    flex: 0 0 60px;
  }
  .sub-contents-datarec-proc-item-icon img {
    width: 100%;
    height: 60px;
  }
  .sub-contents-datarec-proc-item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    flex: 1 0 0;
  }
  .sub-contents-datarec-proc-item-text-header {
    margin: 0 0 0.3em 0;
  }
  .sub-contents-datarec-proc-arrow {
    display: none;
  }
  .sub-contents-datarec-proc-ul {
    padding: 16px 0 16px 0;
  }
}
.sub-contents-proc .sub-service-proc {
  display: flex;
  margin: 31px 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  counter-reset: sub-service-proc;
  background-size: cover;
  background-repeat: repeat;
  background-position: center top;
  flex-wrap: wrap;
  justify-content: center;
  word-break: keep-all;
}
.sub-contents-proc .sub-service-proc-stage {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 0 1 20%;
  counter-increment: sub-service-proc;
}
@media screen and (max-width: 1500px) {
  .sub-contents-proc .sub-service-proc-stage {
    flex: 0 1 33.333%;
    padding: 8px;
  }
  .sub-contents-proc .sub-service-proc-stage-body {
    border-radius: 16px;
  }
}
@media screen and (max-width: 880px) {
  .sub-contents-proc .sub-service-proc-stage {
    flex: 0 1 50%;
  }
}
.sub-contents-proc .sub-service-proc-stage-counter {
  display: block;
  width: 100%;
  padding-top: 8px;
  font-size: 5.5em;
  font-family: "s-coredream";
  font-weight: 700;
  line-height: 1em;
  letter-spacing: -0.07em;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  color: rgba(0, 0, 0, 0.25);
}
.sub-contents-proc .sub-service-proc-stage-counter::before {
  content: counter(sub-service-proc, decimal-leading-zero);
  display: block;
  margin-bottom: -0.1em;
}
.sub-contents-proc .sub-service-proc-stage-body {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 21px 14px;
  padding-top: 7em;
  min-height: 330px;
}
.sub-contents-proc .sub-service-proc-stage:nth-child(1) .sub-service-proc-stage-body {
  background-color: rgba(254, 157, 19, 0.22);
}
.sub-contents-proc .sub-service-proc-stage:nth-child(1) .sub-service-proc-item-title span {
  color: #dd8201;
}
.sub-contents-proc .sub-service-proc-stage:nth-child(2) .sub-service-proc-stage-body {
  background-color: rgba(160, 208, 95, 0.22);
}
.sub-contents-proc .sub-service-proc-stage:nth-child(2) .sub-service-proc-item-title span {
  color: #88c339;
}
.sub-contents-proc .sub-service-proc-stage:nth-child(3) .sub-service-proc-stage-body {
  background-color: rgba(122, 164, 235, 0.22);
}
.sub-contents-proc .sub-service-proc-stage:nth-child(3) .sub-service-proc-item-title span {
  color: #4e86e4;
}
.sub-contents-proc .sub-service-proc-stage:nth-child(4) .sub-service-proc-stage-body {
  background-color: rgba(237, 51, 161, 0.22);
}
.sub-contents-proc .sub-service-proc-stage:nth-child(4) .sub-service-proc-item-title span {
  color: #da1389;
}
.sub-contents-proc .sub-service-proc-stage:nth-child(5) .sub-service-proc-stage-body {
  background-color: rgba(102, 45, 145, 0.22);
}
.sub-contents-proc .sub-service-proc-stage:nth-child(5) .sub-service-proc-item-title span {
  color: #4b216a;
}
.sub-contents-proc .sub-service-proc-item {
  display: block;
  position: relative;
  padding: 0 0 0 94px;
  margin: 24px 0;
  width: 100%;
}
.sub-contents-proc .sub-service-proc-item-icon {
  background-image: url("./static/res/sprites/sub-proc-icon-sprite.png");
  background-size: 72px auto;
  display: block;
  width: 72px;
  height: 97.2px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sub-contents-proc .sub-service-proc-item-icon-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-call {
  background-position: 0 0px;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-truck {
  background-position: 0 -97.2px;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-engineer {
  background-position: 0 -194.4px;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-diagnosis {
  background-position: 0 -291.6px;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-rescue {
  background-position: 0 -388.8px;
}
.sub-contents-proc .sub-service-proc-item-icon.icon-box {
  background-position: 0 -486px;
}
.sub-contents-proc .sub-service-proc-item-title {
  word-break: keep-all;
  font-family: "S-Coredream";
  padding: 0.2em 0 0 0;
}
.sub-contents-proc .sub-service-proc-item-title span {
  font-size: 1.8em;
  font-weight: 600;
}
.sub-contents-proc .sub-service-proc-item-body {
  display: flex;
  margin: 5px 0 0 0;
  align-items: center;
}
.sub-contents-proc .sub-service-proc-item-body p {
  margin: 0 0 1em 0;
}
.sub-contents-proc .sub-service-proc-item-body p:last-child {
  margin: 0 0 0 0;
}
.sub-contents-mac-intro {
  display: block;
  background: black;
}
.sub-contents-mac-intro-header {
  display: block;
  color: white;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
.sub-contents-mac-intro-title {
  font-size: 5.5em;
  font-weight: 900;
  margin: 0;
  padding: 0;
}
.sub-contents-mac-intro-title-sub {
  display: block;
  font-size: 2.2em;
  margin: 1em 0 1em 0;
}
.sub-contents-mac-intro-text {
  display: block;
  margin: 0 auto;
  line-height: 1.5em;
}
.sub-contents-mac-intro-sub {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.5em;
  color: white;
  font-size: 1.2em;
}
.sub-contents-mac-intro-sub em {
  font-style: normal;
  font-weight: 700;
}
.sub-contents-mac-intro .sub-contents-inner {
  padding: 110px 0;
}
.sub-contents-ransom {
  background-color: #f1f1f1;
}
.sub-contents-ransom-intro .sub-contents-main-header {
  flex: 0 0 auto;
}
.sub-contents-ransom-intro .sub-contents-main-header h3 {
  font-size: 3.3em;
  margin: 0 0 30px 0;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 900;
}
.sub-contents-ransom-intro-body {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 40px;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-contents-ransom-intro-infection {
  padding: 40px;
  display: flex;
  flex-direction: column;
  background: #e5e5e5;
  background-size: cover;
  background-position: center;
}
.sub-contents-ransom-intro-infection .sub-contents-ransom-intro-body {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 16px;
}
.sub-contents-ransom-intro-cause {
  padding: 40px;
  display: flex;
  flex-direction: column;
  background: #f1f1f1;
}
.sub-contents-ransom-intro-cause .sub-contents-ransom-intro-body {
  padding: 0;
}
.sub-contents-ransom-intro-cause-body {
  display: flex;
  flex-wrap: nowrap;
  background: #e5e5e5;
  border-radius: 16px;
  padding: 12px;
  justify-content: center;
}
.sub-contents-ransom-intro-cause-item {
  display: block;
  padding: 0 8px 16px 8px;
  flex: 0 0 33.333%;
}
.sub-contents-ransom-intro-cause-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.2em;
  font-family: "S-CoreDream";
  font-weight: 700;
  word-break: keep-all;
  padding: 0 0 0 8px;
  flex: 0 0 50%;
}
.sub-contents-ransom-intro-cause-icon {
  flex: 0 0 50%;
  width: 50%;
}
.sub-contents-ransom-types {
  background: url("./static/res/ransomware/ransomware-types-bg.jpg");
  background-size: cover;
  background-position: center;
  color: white;
}
.sub-contents-ransom-types-body-ul {
  margin: 0;
  padding: 40px;
  background: rgba(0, 0, 0, 0.5);
  color: #222222;
}
.sub-contents-ransom-types-body-ul li {
  display: flex;
  flex: 0 1 33.333%;
  padding: 16px;
  flex-direction: column;
}
.sub-contents-ransom-types-body-ul li h4 {
  display: block;
  padding: 0 0 0.3em 0;
  margin: 0 0 0.5em 0;
  font-size: 1.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.sub-contents-ransom-types-item-inner {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 16px;
  padding: 16px;
  min-height: 140px;
}
.sub-contents-ransom-types-text {
  word-break: keep-all;
}
.sub-contents-monitor .sub-page-main-header-text {
  display: flex;
  flex-direction: column;
}
.sub-contents-monitor .sub-page-main-header-text-inner {
  flex: 1 0 auto;
  padding-bottom: 40px;
}
.sub-contents-monitor .sub-contents-monitor-bg {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.sub-contents-monitor .sub-contents-monitor-bg-img {
  flex: 0 0 33.333%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-contents-monitor-brands {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #f1f1f1;
  justify-content: center;
  padding: 40px;
  align-items: center;
  border-radius: 16px;
}
.sub-contents-monitor-brands > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  padding: 16px;
}
.sub-contents-monitor-brands > div img {
  display: block;
  max-height: 72px;
  height: 5em;
}
.sub-contents-buypc .sub-contents-header {
  flex: 0 0 auto;
}
.sub-contents-buypc .sub-contents-header-sub {
  font-size: 2em;
  color: #6cc144;
}
@media screen and (max-width: 740px) {
  .sub-contents-buypc .sub-contents-header {
    flex: 0 0 auto;
  }
}
.sub-contents-buypc-tabs {
  padding-top: 0;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro {
  display: flex;
  flex: 1 0 0;
  min-height: 80px;
  flex-direction: column;
  flex-wrap: nowrap;
  color: white;
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
  padding: 0;
  background-color: #a0a0a0;
  border-color: #c11e1e;
  overflow: hidden;
  align-items: initial;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro .sub-contents-buypc-tab-icon {
  display: flex;
  align-items: center;
  background: white;
  flex: 0 0 auto;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro .sub-contents-buypc-tab-icon::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: white;
  background-image: url("./static/res/upgrade/buypc-icon-pro.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro span {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  text-align: center;
  padding: 8px;
  white-space: nowrap;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro:hover {
  border-color: #7f1414;
  background: #ab1b1b;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro.cur-item {
  border-color: #7f1414;
  background: #ab1b1b;
  color: white;
  box-shadow: 0 0 12px -4px black;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-pro.cur-item:hover {
  border-color: #7f1414;
  background: #ab1b1b;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem {
  display: flex;
  flex: 1 0 0;
  min-height: 80px;
  flex-direction: column;
  flex-wrap: nowrap;
  color: white;
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
  padding: 0;
  background-color: #a0a0a0;
  border-color: #76b4ff;
  overflow: hidden;
  align-items: initial;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem .sub-contents-buypc-tab-icon {
  display: flex;
  align-items: center;
  background: white;
  flex: 0 0 auto;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem .sub-contents-buypc-tab-icon::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: white;
  background-image: url("./static/res/upgrade/buypc-icon-prem.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem span {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  text-align: center;
  padding: 8px;
  white-space: nowrap;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem:hover {
  border-color: #2a8aff;
  background: #5da6ff;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem.cur-item {
  border-color: #2a8aff;
  background: #5da6ff;
  color: white;
  box-shadow: 0 0 12px -4px black;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-prem.cur-item:hover {
  border-color: #2a8aff;
  background: #5da6ff;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used {
  display: flex;
  flex: 1 0 0;
  min-height: 80px;
  flex-direction: column;
  flex-wrap: nowrap;
  color: white;
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
  padding: 0;
  background-color: #a0a0a0;
  border-color: #7bc757;
  overflow: hidden;
  align-items: initial;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used .sub-contents-buypc-tab-icon {
  display: flex;
  align-items: center;
  background: white;
  flex: 0 0 auto;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used .sub-contents-buypc-tab-icon::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: white;
  background-image: url("./static/res/upgrade/buypc-icon-used.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used span {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  text-align: center;
  padding: 8px;
  white-space: nowrap;
  justify-content: center;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used:hover {
  border-color: #569d34;
  background: #6cc144;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used.cur-item {
  border-color: #569d34;
  background: #6cc144;
  color: white;
  box-shadow: 0 0 12px -4px black;
}
.sub-contents-buypc-tabs .sub-contents-buypc-tab-used.cur-item:hover {
  border-color: #569d34;
  background: #6cc144;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro {
  background: #f1f1f1;
  border-top: 2px solid #c11e1e;
  border-bottom: 2px solid #c11e1e;
  padding: 40px 15px;
  margin-bottom: 32px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 318px;
  padding: 10px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-name {
  font-family: "S-CoreDream";
  background: #474747;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  text-align: center;
  padding: 8px 2px;
  flex: 0 0 auto;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-img {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  background: white;
  padding: 16px 40px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-img img {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0;
  background: white;
  padding: 16px;
  justify-content: center;
  font-size: 1em;
  flex: 1 0 auto;
  flex-wrap: wrap;
  align-items: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li {
  white-space: nowrap;
  margin: 4px;
  text-align: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li em {
  font-style: normal;
  color: #c11e1e;
  margin-right: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li.model {
  display: block;
  flex: 1 0 100%;
  font-size: 1.1em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li.model span {
  display: inline-block;
  background: #c11e1e;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li.model span em {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  font-weight: 700;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-price {
  display: block;
  flex: 0 0 auto;
  background: #c11e1e;
  color: white;
  text-align: center;
  padding: 8px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-price span {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-price-orig {
  font-family: "S-CoreDream";
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
  font-weight: 700;
  font-size: 1.6em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-price-actual {
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-price-note {
  font-size: 0.92em;
  color: rgba(255, 255, 255, 0.7);
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem {
  background: #f1f1f1;
  border-top: 2px solid #76b4ff;
  border-bottom: 2px solid #76b4ff;
  padding: 40px 15px;
  margin-bottom: 32px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 318px;
  padding: 10px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-name {
  font-family: "S-CoreDream";
  background: #474747;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  text-align: center;
  padding: 8px 2px;
  flex: 0 0 auto;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-img {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  background: white;
  padding: 16px 40px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-img img {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0;
  background: white;
  padding: 16px;
  justify-content: center;
  font-size: 1em;
  flex: 1 0 auto;
  flex-wrap: wrap;
  align-items: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li {
  white-space: nowrap;
  margin: 4px;
  text-align: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li em {
  font-style: normal;
  color: #76b4ff;
  margin-right: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li.model {
  display: block;
  flex: 1 0 100%;
  font-size: 1.1em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li.model span {
  display: inline-block;
  background: #76b4ff;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li.model span em {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  font-weight: 700;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-price {
  display: block;
  flex: 0 0 auto;
  background: #76b4ff;
  color: white;
  text-align: center;
  padding: 8px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-price span {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-price-orig {
  font-family: "S-CoreDream";
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
  font-weight: 700;
  font-size: 1.6em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-price-actual {
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-price-note {
  font-size: 0.92em;
  color: rgba(255, 255, 255, 0.7);
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used {
  background: #f1f1f1;
  border-top: 2px solid #7bc757;
  border-bottom: 2px solid #7bc757;
  padding: 40px 15px;
  margin-bottom: 32px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 318px;
  padding: 10px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-name {
  font-family: "S-CoreDream";
  background: #474747;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  text-align: center;
  padding: 8px 2px;
  flex: 0 0 auto;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-img {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  background: white;
  padding: 16px 40px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-img img {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0;
  background: white;
  padding: 16px;
  justify-content: center;
  font-size: 1em;
  flex: 1 0 auto;
  flex-wrap: wrap;
  align-items: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li {
  white-space: nowrap;
  margin: 4px;
  text-align: center;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li em {
  font-style: normal;
  color: #7bc757;
  margin-right: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li.model {
  display: block;
  flex: 1 0 100%;
  font-size: 1.1em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li.model span {
  display: inline-block;
  background: #7bc757;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li.model span em {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  font-weight: 700;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-price {
  display: block;
  flex: 0 0 auto;
  background: #7bc757;
  color: white;
  text-align: center;
  padding: 8px;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-price span {
  display: block;
  width: 100%;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-price-orig {
  font-family: "S-CoreDream";
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
  font-weight: 700;
  font-size: 1.6em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-price-actual {
  font-family: "S-CoreDream";
  font-weight: 700;
  font-size: 2em;
}
.sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-price-note {
  font-size: 0.92em;
  color: rgba(255, 255, 255, 0.7);
}
.sub-contents-buypc-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -10px;
  justify-content: center;
}
.sub-contents-buypc-items .used-monitor-prices {
  background: white;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
}
.sub-contents-buypc-items .used-monitor-prices-table th {
  color: #7bc757;
}
.sub-contents-buypc-items .used-monitor-prices-table th, .sub-contents-buypc-items .used-monitor-prices-table td {
  padding: 4px;
}
.sub-contents-network-type {
  background: url("./static/res/network/network-type-bg.jpg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.sub-contents-network-type-ul {
  padding: 16px;
  margin: 0;
  list-style: none;
}
.sub-contents-network-type-li {
  flex: 0 0 33.333%;
  display: flex;
  padding: 16px;
}
.sub-contents-network-type-item-container {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 16px -8px black;
}
.sub-contents-network-type-item-header {
  margin: 1em 0 0 0;
  flex: 0 0 auto;
  font-family: "S-CoreDream";
}
.sub-contents-network-type-item-header h4 {
  display: block;
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 2.6em;
  font-weight: 900;
}
.sub-contents-network-type-item-header span {
  display: block;
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
  margin: 0.5em 0 0 0;
}
.sub-contents-network-type-item-body {
  display: block;
  flex: 1 0 auto;
  padding: 1em 32px 32px 32px;
  word-break: keep-all;
  font-size: 1.2em;
  font-size: #333333;
  text-align: center;
}
.sub-contents-network-type-item-body p {
  margin: 0 0 1em 0;
}
.sub-contents-network-type-item-body p:last-child {
  margin-bottom: 0;
}
.sub-contents-network-type .network-type-wired .sub-contents-network-type-item-header h4 {
  color: #fbaa31;
}
.sub-contents-network-type .network-type-wireless .sub-contents-network-type-item-header h4 {
  color: #85bd38;
}
.sub-contents-network-type .network-type-combo .sub-contents-network-type-item-header h4 {
  color: #43b0d5;
}
.sub-contents-network-type-sub {
  display: block;
  padding: 0 32px 32px 32px;
}
.sub-contents-network-type-sub-text {
  display: block;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  padding: 16px;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}
.sub-contents-maintenance-benefits {
  background: #f1f1f1;
}
.sub-contents-maintenance-benefits-ul {
  margin: 0;
  padding: 0 64px;
  list-style: none;
  justify-content: center;
}
.sub-contents-maintenance-benefits-li {
  flex: 0 1 25%;
  min-width: 204px;
  padding: 16px;
  word-break: keep-all;
}
.sub-contents-maintenance-benefits-item {
  display: block;
  width: 204px;
  margin: 0 auto;
}
.sub-contents-maintenance-benefits-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  background: white;
  border-radius: 50%;
}
.sub-contents-maintenance-benefits-head {
  margin: 0;
  text-align: center;
  display: block;
  font-size: 1.6em;
}
.sub-contents-maintenance-benefits-text {
  padding: 16px 0;
}
.sub-contents-maintenance-benefits-text-body {
  text-align: center;
}
.sub-contents-maintenance-benefits-text-body p {
  margin: 0 0 1em 0;
}
.sub-contents-maintenance-benefits-text-body p:last-child {
  margin: 0 0 0 0;
}
.sub-contents-maintenance-proc {
  text-align: center;
  padding: 40px 0;
}
.sub-contents-maintenance-proc img {
  display: inline-block;
  width: 100%;
  max-width: 1156px;
  margin: 0 auto;
}
.sub-contents-maintenance-price .sub-contents-price-title {
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
}
.sub-contents-d2d-proc {
  text-align: center;
}
.sub-contents-d2d-proc img {
  display: inline-block;
  width: 100%;
  max-width: 1156px;
  margin: 0 auto;
}
.sub-contents-d2d-proc .sub-contents-sub {
  display: block;
  width: 100%;
  max-width: 1156px;
  margin: 32px auto 0 auto;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 16px 16px 16px 16px;
}
.sub-contents-d2d-btn {
  display: block;
  padding: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.sub-contents-d2d-btn-submit {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  width: 100%;
  max-width: 448px;
  display: inline-block;
}

.sub-page-maintext {
  background-color: #ececec;
}
.sub-page-maintext-inner {
  padding: 40px 40px;
}
.sub-page-maintext-icon {
  display: block;
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 12px;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-page-maintext .sub-contents-header {
  text-align: left;
  padding: 27px 0 0px 174px;
  position: relative;
}
.sub-page-maintext .sub-contents-header h3 {
  font-size: 5.5em;
  word-break: keep-all;
}
.sub-page-maintext .sub-contents-body {
  font-size: 1.1em;
  padding: 9px 0 0 185px;
  line-height: 1.7em;
  word-break: keep-all;
}
.sub-page-maintext .sub-contents-body p {
  margin: 0 0 0 0;
}
.sub-page-maintext-benefits {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 32px 0 0 0;
  padding: 16px 16px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.sub-page-maintext-benefits li {
  display: block;
  flex: 1 0 33.333%;
  padding: 8px;
  box-sizing: border-box;
}
.sub-page-maintext-benefits-icon {
  display: block;
  margin: 0 auto;
  width: 84px;
  height: 84px;
  background: url("./static/res/sub-intro/sub-maintext-icons.png");
  background-size: 84px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sub-page-maintext-benefits-icon.icon-24h {
  background-position: 0 0px;
}
.sub-page-maintext-benefits-icon.icon-net {
  background-position: 0 -84px;
}
.sub-page-maintext-benefits-icon.icon-headset {
  background-position: 0 -168px;
}
.sub-page-maintext-benefits-icon.icon-magnifying {
  background-position: 0 -252px;
}
.sub-page-maintext-benefits-icon.icon-worker {
  background-position: 0 -336px;
}
.sub-page-maintext-benefits-icon.icon-tools {
  background-position: 0 -420px;
}
.sub-page-maintext-benefits-icon.icon-certificate {
  background-position: 0 -504px;
}
.sub-page-maintext-benefits-icon.icon-award {
  background-position: 0 -588px;
}
.sub-page-maintext-benefits-text {
  display: block;
  text-align: center;
  font-family: "S-CoreDream";
  font-weight: 600;
  line-height: 1.2em;
}
.sub-page-maintext.sub-contents-computer {
  background-color: #d9e2f3;
}
.sub-page-maintext.sub-contents-computer .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-maintext.sub-contents-computer .sub-icon {
  background-image: url("./static/res/sub-icons/computer.png");
}

.sub-page-main {
  padding-top: 40px;
  padding-bottom: 40px;
  word-break: keep-all;
}
.sub-page-main.flex-col-6 {
  flex: 1 0 50% !important;
  width: auto;
  min-width: 50% !important;
}
.sub-page-main.flex-col-7, .sub-page-main.sub-contents-datarec-types {
  flex: 1 0 58.3333333333% !important;
  width: auto;
  min-width: 58.3333333333% !important;
}
.sub-page-main-inner {
  flex: 1 0 100%;
  width: 100%;
}
.sub-page-main-header {
  font-size: 1em;
  display: block;
  position: relative;
}
.sub-page-main-header-title {
  display: block;
  position: relative;
  text-align: center;
  flex: 0 1 auto;
}
.sub-page-main-header-title h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 3.3em;
  font-weight: 900;
  white-space: nowrap;
  padding: 0.35em 0.3em 0.35em 1.8em;
  margin: 0 auto;
}
.sub-page-main-header-text {
  display: block;
  text-align: center;
  padding: 1em 40px;
}
.sub-page-main-header-text-inner {
  display: block;
  width: 100%;
  padding: 0 0 0 0.3em;
  font-size: 1.4em;
  line-height: 1.8em;
}
.sub-page-main-header-text p {
  display: block;
  margin: 0;
}
.sub-page-main-header-logo {
  display: block;
  flex: 0 1 auto;
  flex-direction: row;
}
.sub-page-main-icon {
  display: block;
  width: 1.7em;
  height: 1.7em;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sub-page-main-benefits {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  list-style: none;
  padding: 16px 16px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.sub-page-main-benefits li {
  display: block;
  flex: 1 1 auto;
  padding: 8px;
  box-sizing: border-box;
}
.sub-page-main-benefits-icon {
  display: block;
  margin: 0 auto;
  width: 84px;
  height: 84px;
  background: url("./static/res/sub-intro/sub-maintext-icons.png");
  background-size: 84px auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.sub-page-main-benefits-icon.icon-24h {
  background-position: 0 0px;
}
.sub-page-main-benefits-icon.icon-net {
  background-position: 0 -84px;
}
.sub-page-main-benefits-icon.icon-headset {
  background-position: 0 -168px;
}
.sub-page-main-benefits-icon.icon-magnifying {
  background-position: 0 -252px;
}
.sub-page-main-benefits-icon.icon-worker {
  background-position: 0 -336px;
}
.sub-page-main-benefits-icon.icon-tools {
  background-position: 0 -420px;
}
.sub-page-main-benefits-icon.icon-certificate {
  background-position: 0 -504px;
}
.sub-page-main-benefits-icon.icon-award {
  background-position: 0 -588px;
}
@media screen and (max-width: 740px) {
  .sub-page-main-benefits-icon {
    display: block;
    margin: 0 auto;
    width: 44px;
    height: 44px;
    background: url("./static/res/sub-intro/sub-maintext-icons.png");
    background-size: 44px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .sub-page-main-benefits-icon.icon-24h {
    background-position: 0 0px;
  }
  .sub-page-main-benefits-icon.icon-net {
    background-position: 0 -44px;
  }
  .sub-page-main-benefits-icon.icon-headset {
    background-position: 0 -88px;
  }
  .sub-page-main-benefits-icon.icon-magnifying {
    background-position: 0 -132px;
  }
  .sub-page-main-benefits-icon.icon-worker {
    background-position: 0 -176px;
  }
  .sub-page-main-benefits-icon.icon-tools {
    background-position: 0 -220px;
  }
  .sub-page-main-benefits-icon.icon-certificate {
    background-position: 0 -264px;
  }
  .sub-page-main-benefits-icon.icon-award {
    background-position: 0 -308px;
  }
}
.sub-page-main-benefits-text {
  display: block;
  text-align: center;
  font-family: "S-CoreDream";
  font-weight: 600;
  line-height: 1.2em;
}
.sub-page-main-body {
  text-align: center;
}
.sub-page-main-body img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sub-page-main.sub-contents-computer .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-computer .sub-icon {
  background-image: url("./static/res/sub-icons/computer.png");
}
.sub-page-main.sub-contents-laptop .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-laptop .sub-icon {
  background-image: url("./static/res/sub-icons/laptop.png");
}
.sub-page-main.sub-contents-mac .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-mac .sub-icon {
  background-image: url("./static/res/sub-icons/mac.png");
}
.sub-page-main.sub-contents-data .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-data .sub-icon {
  background-image: url("./static/res/sub-icons/data.png");
}
.sub-page-main.sub-contents-ransom .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-ransom .sub-icon {
  background-image: url("./static/res/sub-icons/ransom.png");
}
.sub-page-main.sub-contents-monitor .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-monitor .sub-icon {
  background-image: url("./static/res/sub-icons/monitor.png");
}
.sub-page-main.sub-contents-upgrade .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-upgrade .sub-icon {
  background-image: url("./static/res/sub-icons/upgrade.png");
}
.sub-page-main.sub-contents-network .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-network .sub-icon {
  background-image: url("./static/res/sub-icons/network.png");
}
.sub-page-main.sub-contents-maintenance .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-maintenance .sub-icon {
  background-image: url("./static/res/sub-icons/maintenance.png");
}
.sub-page-main.sub-contents-d2d .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-d2d .sub-icon {
  background-image: url("./static/res/sub-icons/d2d.png");
}
.sub-page-main.sub-contents-pos .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-pos .sub-icon {
  background-image: url("./static/res/sub-icons/pos.png");
}
.sub-page-main.sub-contents-server .sub-contents-header h3 {
  color: #3d73d8;
}
.sub-page-main.sub-contents-server .sub-icon {
  background-image: url("./static/res/sub-icons/server.png");
}
@media screen and (max-width: 740px) {
  .sub-page-main-inner {
    padding: 20px 8px !important;
  }
}

.sub-pagination {
  text-align: center;
}

.sub-cs {
  padding-bottom: 20px;
  padding-top: 40px;
}
.sub-cs-menu {
  margin: 0 -2px;
  margin-bottom: 24px;
}
.sub-cs-menu-item {
  flex: 1 1 20%;
  padding: 0 2px;
  text-decoration: none;
}
.sub-cs-menu-item-inner {
  display: block;
  background-color: #dbeff6;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #608794;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 740px) {
  .sub-cs-menu-item-inner {
    height: auto;
    line-height: 28px;
    font-size: 11px;
    padding: 12px 0 0 0;
  }
}
.sub-cs-menu-item-inner i {
  font-size: 19px;
  margin: 0px 4px 0px 0;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 740px) {
  .sub-cs-menu-item-inner i {
    display: block;
  }
}
.sub-cs-menu-item.cur-item .sub-cs-menu-item-inner {
  background-color: #2e94ba;
  color: white;
}
.sub-cs-menu::after {
  content: "";
  display: block;
  box-sizing: content-box;
  height: 0;
  margin: 0 2px;
  border-bottom: 1px solid #2e94ba;
  flex-grow: 1;
}
.sub-cs-dealer-search-form-inner {
  padding: 11px 0 0 0;
  text-align: center;
}
.sub-cs-dealer-search-form-inner select, .sub-cs-dealer-search-form-inner input, .sub-cs-dealer-search-form-inner button {
  height: 25px;
  margin: 0 3px 11px 0;
}
.sub-cs-dealer-search-form-inner select {
  width: 95px;
}
.sub-cs-dealer-search-form-inner input {
  width: 304px;
}
.sub-cs-dealer-search-form-inner button {
  height: 25px;
  border: none;
  background: #066c92;
  color: white;
  width: 83px;
}
.sub-cs-dealer-search-map-container {
  height: 344px;
  padding: 18px 0 18px 0;
  position: relative;
}
.sub-cs-dealer-search-map-container svg {
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.sub-cs-dealer-search-map-container svg #highlight polygon, .sub-cs-dealer-search-map-container svg #highlight g path {
  transition: 0.3s ease-in-out;
}
.sub-cs-dealer-search-map-container svg #highlight polygon:hover, .sub-cs-dealer-search-map-container svg #highlight g path:hover {
  fill-opacity: 1;
}
.sub-cs-dealer-search-map-container .sub-cs-map-label {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  min-width: 72px;
  height: 26px;
  border: 2px solid #0054a6;
  border-radius: 13px;
  text-align: center;
  line-height: 22px;
  font-weight: 500;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 9;
  pointer-events: none;
}
.sub-cs-dealer-search-map-container .sub-cs-map-label::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #0054a6 transparent transparent transparent;
}

.board-list {
  border: 1px solid #d0d1d3;
  width: 100%;
  border-spacing: 0;
  font-size: 1em;
  margin-bottom: 18px;
}
.board-list th {
  height: 38px;
  background-color: #ecedef;
  border: none;
  border-bottom: 3px double #d0d1d3;
}
.board-list td {
  height: 34px;
  border-bottom: 1px solid #cecfd1;
  background: #f5f6f8;
  text-align: center;
}
.board-list a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.board-search {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.board-search-container {
  display: block;
  border: 1px solid #dddddd;
  border-radius: 2px;
}
.board-search-cat-wrapper, .board-search-cat, .board-search-text, .board-search-submit {
  display: block;
  position: relative;
  float: left;
  height: 32px;
  border: none;
  background: transparent;
}
.board-search-cat {
  width: 91px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.board-search-cat-wrapper i {
  position: absolute;
  font-size: 14px;
  pointer-events: none;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  font-size: 0.7em;
}
.board-search-cat-wrapper::after {
  content: "";
  display: block;
  box-sizing: content-box;
  width: 0;
  height: 16px;
  border-right: 1px solid #dddddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.board-search-text {
  width: 142px;
  padding-left: 4px;
}
.board-search-submit {
  width: 31px;
}
.board-pagination {
  display: block;
  text-align: center;
  padding: 12px 0;
}
.board-pagination-prev, .board-pagination-next, .board-pagination-page {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  background: transparent;
  padding: 0;
  text-align: center;
  line-height: 1em;
  margin: 0 0;
  color: #9b9b9b;
  text-decoration: none;
}
.board-pagination-prev, .board-pagination-next {
  border: 1px solid #9b9b9b;
  font-size: 8px;
  margin: 0 8px;
}
.board-pagination-page.cur-item {
  color: #117ed1;
}
.board-read {
  border-top: 1px solid #cdd1d5;
}
.board-read-title {
  display: block;
  width: 100%;
  min-height: 34px;
  border-bottom: 1px solid #cdd1d5;
  background: #ebedef;
  font-weight: 700;
  padding: 10px 28px 8px 28px;
}
.board-read-info {
  display: flex;
  padding: 6px 10px 4px 10px;
  font-size: 0.9em;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  flex-direction: row;
  min-height: 34px;
  border-bottom: 1px solid #cdd1d5;
}
.board-read-info-item {
  display: block;
  margin: 4px 18px;
  flex: 0 0 auto;
}
.board-read-info-item em {
  font-style: normal;
}
.board-read-info .board-file-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-image: url("./static/res/sub/board/board-file-icon.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.board-read-contents {
  display: block;
  width: 100%;
  min-height: 155px;
  border-bottom: 1px solid #cdd1d5;
  padding: 24px 28px;
  line-height: 1.6em;
}
.board-read-contents p {
  margin-top: 0;
}
.board-read-contents p:last-child {
  margin-bottom: 0;
}
.board-read-article {
  display: block;
}
.board-read-article-prev, .board-read-article-next {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #cdd1d5;
}
.board-read-article-label {
  display: block;
  min-height: 37px;
  background: #efefef;
  padding: 11px 14px 10px 14px;
  font-size: 12px;
  text-align: center;
  flex: 0 0 92px;
  font-weight: 500;
}
.board-read-article-link {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 11px 10px 10px 22px;
  flex: 1 0 auto;
}
.board-read-article-date {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 11px 10px 10px 10px;
  flex: 0 0 auto;
}
.board-read-nav {
  margin-top: 37px;
  text-align: center;
}
.board-read-nav-list {
  display: inline-block;
  border: none;
  background: #2e94ba;
  color: white;
  font-weight: 500;
  width: 104px;
  height: 38px;
}

.cs-form {
  display: block;
  width: 100%;
  max-width: 916px;
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 26px;
}
.cs-form img {
  max-width: 100%;
}
.cs-form .cs-form-banner-conditions {
  padding: 0 3% 24px 3%;
}
.cs-form-inner {
  border: 1px solid #d0d1d3;
  width: 100%;
  padding: 28px 28px;
}
.cs-form__field {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 8px 8px;
}
.cs-form__field--privacy {
  justify-content: flex-end;
}
.cs-form__field--privacy > div {
  flex: 0 0 auto;
}
.cs-form__label-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: top;
  padding-top: 10px;
  flex: 0 0 109px;
}
.cs-form__label {
  font-weight: 700;
}
.cs-form__label--required::after {
  content: " *";
  color: red;
}
.cs-form__input-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
.cs-form .cs-form-element {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 8px 8px;
}
.cs-form .cs-form-element-label {
  font-weight: 700;
}
.cs-form .cs-form-element-label-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: top;
  padding-top: 10px;
  flex: 0 0 109px;
}
.cs-form .cs-form-element-label.req::after {
  content: " *";
  color: red;
}
.cs-form .cs-form-element-input-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}
.cs-form .cs-form-element.priv {
  padding-left: 117px;
}
.cs-form .cs-form-element.priv a {
  color: #0858af;
  margin-right: 4px;
}
.cs-form .cs-form-element.priv label {
  font-weight: 700;
  margin-right: 4px;
}
.cs-form textarea, .cs-form select, .cs-form input[type=text], .cs-form input[type=tel], .cs-form input[type=number], .cs-form input[type=password], .cs-form input[type=email], .cs-form input[type=file] {
  display: block;
  width: 100%;
  min-height: 38px;
  border: 1px solid #8a8a8a;
  border-radius: 2px;
  padding: 10px 10px;
}
.cs-form select {
  width: 360px;
  background-position: right 10px center;
  padding: 0 36px 0 6px;
}
.cs-form textarea {
  height: 192px;
  resize: vertical;
  line-height: 1.6em;
}
.cs-form__button, .cs-form-btn {
  margin: 0 8px;
  height: 50px;
  min-width: 256px;
  display: inline-block;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}
.cs-form__button-container, .cs-form-btn-container {
  display: block;
  text-align: center;
  margin-top: 26px;
}
.cs-form__button--submit, .cs-form__button-submit, .cs-form-btn--submit, .cs-form-btn-submit {
  background: #0858af;
  color: white;
}
.cs-form-sub {
  display: block;
  margin-bottom: 7px;
}
.cs-form-sub i {
  color: red;
  margin: 0 4px;
}

.quickform {
  display: block;
  width: 100%;
  height: 620px;
  background: url("./static/res/sub/quickform/quickform-bg.jpg");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px;
}
@media screen and (max-width: 740px) {
  .quickform {
    background: none;
    height: auto;
  }
}
.quickform-top {
  display: block;
  height: 117px;
  width: 100%;
  background: url("./static/res/sub/quickform/quickform-bg-top.jpg");
  background-size: 2075px auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1700px) {
  .quickform-top {
    height: 108px;
  }
}
@media screen and (max-width: 1240px) {
  .quickform-top {
    height: 64px;
  }
}
.quickform-header {
  padding: 0 0;
  margin: 0 0 57px 0;
  text-align: center;
  display: block;
  font-size: 27px;
  font-weight: 700;
}
.quickform-header h2 {
  display: block;
  margin: 0 0 10px 0;
  font-size: inherit;
}
.quickform-header span {
  font-size: 0.8em;
  line-height: 1.1em;
  display: block;
  word-break: keep-all;
}
@media screen and (max-width: 740px) {
  .quickform-header {
    margin-bottom: 18px;
  }
}
.quickform-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 500px;
  overflow-x: hidden;
  height: 318px;
  overflow-y: auto;
}
@media screen and (max-width: 740px) {
  .quickform-form {
    width: 100%;
    height: auto;
  }
}
.quickform-form-main {
  width: 390px;
  margin: 0 auto;
  padding: 0 0 0 0;
  flex: 0 0 auto;
}
@media screen and (max-width: 740px) {
  .quickform-form-main {
    width: 100%;
  }
}
.quickform-form-submit {
  display: block;
  text-align: center;
  padding: 0 0 16px 0;
}
.quickform-form-submit-btn {
  display: inline-block;
  height: 44px;
  width: 300px;
  max-width: 100%;
  padding: 0;
  border: none;
  color: white;
  background: #0858af;
  font-size: 17px;
  font-weight: 700;
}
.quickform-form__field {
  display: flex;
}
.quickform-form__field--privacy {
  justify-content: center;
  margin-bottom: 1rem;
}
.quickform-form__field--privacy > div {
  flex: 0 0 auto;
}
.quickform-form__label-container {
  flex: 0 0 59px;
  padding: 7px 0 0 0;
}
.quickform-form__input-container {
  flex: 1 1 0;
}
.quickform-form__input-combo {
  display: flex;
  flex-direction: row;
}
.quickform-form__input-combo > * {
  z-index: 1;
}
.quickform-form__input-combo > *:focus {
  z-index: 9;
}
.quickform-form__input-combo > *:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none;
}
.quickform-form__input-combo > *:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.quickform-form__input-combo--address-combo select {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
}
.quickform-element {
  width: 100%;
  flex-wrap: nowrap;
  margin: 0 0 6px 0;
}
.quickform-element-label {
  flex: 0 0 59px;
  padding: 7px 0 0 0;
}
.quickform-element-input {
  flex: 1 1 0;
}
.quickform-element.priv {
  padding: 0 0 0 60px;
  align-items: center;
  height: 1.5em;
}
.quickform-element.priv a {
  text-decoration: none;
  color: #0858af;
}
.quickform-element.priv label {
  font-weight: 700;
  margin: 0 4px;
}
.quickform-element.priv input[type=checkbox] {
  vertical-align: middle;
}
.quickform textarea, .quickform select, .quickform input[type=text], .quickform input[type=tel], .quickform input[type=number], .quickform input[type=password], .quickform input[type=email], .quickform input[type=file] {
  display: block;
  width: 100%;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid #8a8a8a;
  border-radius: 2px;
}
.quickform select {
  padding: 4px 6px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-position: right 6px center;
  padding-right: 28px;
}
.quickform textarea {
  height: 66px;
  resize: vertical;
  line-height: 1.6em;
}

.data-caution > li {
  display: flex;
}

@media screen and (max-width: 1700px) {
  .sub-contents, .contents-pagination-block-tabs, .sub-contents-buypc .sub-contents-header {
    padding-left: 220px;
    padding-right: 240px;
  }
}
@media screen and (max-width: 1240px) {
  .sub-contents, .contents-pagination-block-tabs, .sub-contents-buypc .sub-contents-header {
    padding-left: 144px;
    padding-right: 240px;
  }
}
.sub-form {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 740px) {
  .sub-form {
    flex-direction: column;
  }
}
.sub-form__field {
  width: 100%;
}
.sub-form__field--privacy > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sub-form__field--privacy > div label {
  padding: 0;
  margin-left: 0.25rem;
}
.sub-form__input-container {
  flex: 1 1 auto;
}
.sub-form__input-container:focus-within {
  outline: 2px solid #0060df;
  border-radius: 4px;
}
.sub-form__input:not(.sub-form__input--checkbox) {
  width: 100%;
}
.sub-form__input:not(.sub-form__input--checkbox):focus {
  outline: none;
}
.sub-form__input-combo {
  display: flex;
  border-radius: 4px;
  border: 1px solid #a3a3a3;
  overflow: hidden;
}
.sub-form__input-combo input, .sub-form__input-combo select {
  border-radius: 0;
  border: none;
}
.sub-form__input-combo--address-combo select {
  flex: 0 0 14ch;
  width: auto !important;
}
.sub-form__input-combo--address-combo input {
  flex: 1 1 auto;
}

.d2d-cta {
  display: block;
  width: 100%;
}
@media screen and (max-width: 740px) {
  .d2d-cta {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
.d2d-cta__inner {
  display: flex;
  padding: 30px;
  justify-content: center;
}
.d2d-cta__btn {
  border: 0;
  background: 0;
  padding: 0;
  margin: 0 30px;
  max-width: 200px;
  cursor: pointer;
  border-radius: 50%;
  flex: 0 1 auto;
}
.d2d-cta .sub-contents-sub {
  display: inline-block;
  max-width: 1156px;
  margin: 32px auto 0 auto;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 16px 32px 16px 32px;
}

.popup-window .popup-body-sub {
  display: block;
  width: 100%;
  padding: 0 40px 40px 40px;
}
.popup-window .popup-body-sub-separator {
  display: block;
  position: relative;
  box-sizing: content-box;
  width: 100%;
  height: 0;
  border-top: 1px solid #dcdcdc;
  margin-bottom: 30px;
}
@media screen and (max-width: 740px) {
  .popup-window .popup-body-sub-separator {
    margin-bottom: 18px;
  }
}
.popup-window .sub-contents-sub {
  display: block;
  width: 100%;
  max-width: 1156px;
  margin: 0 auto 0 auto;
  background: #f1f1f1;
  border-radius: 16px;
  padding: 16px 16px 16px 16px;
}

/* Inline #12 | http://0803652430.co.kr/workspace/ */
.popup-form-moreinfo {
  display: block;
  margin: -15px auto 16px auto;
  padding: 0 8px 0 33px;
  background: #f9c856;
  border-radius: 15px;
  height: 30px;
  line-height: 30px;
  position: relative;
  text-decoration: none;
  color: #000000;
  font-family: "s-coredream", sans-serif;
  font-weight: 500;
}
.popup-form-moreinfo i {
  display: block;
  position: absolute;
  background: #4c4c4c;
  width: 30px;
  height: 30px;
  color: white;
  font-style: normal;
  text-align: center;
  top: 0;
  left: 0;
  border-radius: 15px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.popup-badclick-open {
  cursor: pointer;
}

.page-dealer-map {
  padding: 0;
  max-width: 916px;
  margin: 0 auto 32px auto;
}

.dealer-search {
  max-width: 916px;
}

.comdr-dealer-lookup__search {
  padding: 11px 0 0 0;
  text-align: center;
}
.comdr-dealer-lookup__search select, .comdr-dealer-lookup__search input, .comdr-dealer-lookup__search button {
  height: 25px;
  margin: 0 3px 11px 0;
}
.comdr-dealer-lookup__search select {
  width: 95px;
}
.comdr-dealer-lookup__search input {
  width: 304px;
}
.comdr-dealer-lookup__search button {
  height: 25px;
  border: none;
  background: #066c92;
  color: white;
  width: 83px;
}
.comdr-dealer-lookup__map-element {
  width: 100%;
  overflow: hidden;
  padding: 32px 16px;
}
.comdr-dealer-lookup svg.map080 {
  max-height: 344px;
  width: 100%;
  width: auto;
  max-width: auto;
  margin: 0 auto;
  display: block;
}
.comdr-dealer-lookup svg.map080 .bgsolid {
  fill: #FFFFFF;
}
.comdr-dealer-lookup svg.map080 .linepath {
  fill: none;
  stroke: #70899B;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.comdr-dealer-lookup svg.map080 .hlpath {
  fill: #0071BC;
  fill-opacity: 0;
}
.comdr-dealer-lookup svg.map080 .hlpath:hover {
  fill-opacity: 1;
}
.comdr-dealer-lookup svg.map080 .hlpath, .comdr-dealer-lookup svg.map080 .hlpath path {
  transition: 0.3s ease-in-out;
}
.comdr-dealer-lookup__list {
  display: table;
  width: 100%;
  margin: 0;
  border-left: none;
  border-right: none;
}
.comdr-dealer-lookup__list-row {
  display: table-row;
}
.comdr-dealer-lookup__list-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.comdr-dealer-lookup__pagination-inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 8px;
}
.comdr-dealer-lookup__pagination-btn {
  min-width: 22px;
  min-height: 22px;
  line-height: 20px;
  text-align: center;
  margin: 0 4px;
  color: #9b9b9b;
  text-decoration: none;
}
.comdr-dealer-lookup__pagination-btn.cur-item {
  color: #117ed1;
}
.comdr-dealer-lookup__pagination-btn--prev, .comdr-dealer-lookup__pagination-btn--next {
  border: 1px solid #9b9b9b;
  font-size: 8px;
  display: inline-block;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  text-align: center;
  line-height: 1em;
  margin: 0 0;
  text-decoration: none;
}
.comdr-dealer-lookup__pagination-btn--prev::before, .comdr-dealer-lookup__pagination-btn--next::before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.comdr-dealer-lookup__pagination-btn--prev::before {
  content: "\e906";
}
.comdr-dealer-lookup__pagination-btn--next::before {
  content: "\e907";
}
.comdr-dealer-lookup .maplegend {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  min-width: 72px;
  height: 26px;
  border: 2px solid #0054a6;
  border-radius: 13px;
  text-align: center;
  line-height: 22px;
  font-weight: 500;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3);
  transform: translate(0, -60%);
  background: white;
  z-index: 9;
  pointer-events: none;
}
.comdr-dealer-lookup .maplegend::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #0054a6 transparent transparent transparent;
}

.mobileonly {
  display: none;
}

@media screen and (max-width: 740px) {
  .vp-wrap {
    width: 100vw;
    min-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
  }
  .hideonmobile {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
  }
  .mobileonly {
    display: block;
  }
  table.mobileonly {
    display: table;
  }
  .header-mobile {
    display: block;
    position: relative;
  }
  .header-mobile .header-links {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    overflow: hidden;
    background: #2473c1;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
    box-shadow: 0 0 16px -8px black;
  }
  .header-mobile .header-links-main {
    display: block;
    height: 100%;
    position: relative;
    background: white;
  }
  .header-mobile .header-links-main::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 60px 0 0 20px;
    position: absolute;
    top: 0;
    right: -19.5px;
    z-index: 0;
  }
  .header-mobile .header-links-main img {
    display: block;
    height: 34px;
    height: 34px;
    margin-top: 5px;
    margin-left: 3px;
  }
  .header-mobile .header-links-form {
    display: block;
    max-height: 55px;
  }
  .header-mobile .header-links-form img {
    display: block;
    max-height: 55px;
  }
  .header-mobile .header-banner {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 42px;
  }
  .header-mobile .header-banner a {
    display: block;
    width: 100%;
  }
  .header-mobile .header-banner a img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .header-mobile .header-mobile-phone {
    background: url("./static/res/quick-service-1-bg.jpg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    text-decoration: none;
    flex-direction: column;
    justify-content: center;
    color: white;
    align-items: center;
    padding: 0 7px;
    height: 100%;
    font-family: "S-CoreDream", sans-serif;
    font-weight: 700;
  }
  .header-mobile .header-mobile-phone span, .header-mobile .header-mobile-phone i {
    vertical-align: middle;
  }
  .header-mobile .header-mobile-phone-number {
    font-size: 16px;
    margin: 0 0 2px 0;
    font-weight: 900;
    letter-spacing: -0.02em;
    font-weight: 900;
  }
  .header-mobile .header-mobile-phone-number i {
    margin: 0 3px 0 0;
  }
  .header-mobile .header-mobile-phone-span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    padding: 0 0 0 0.3em;
    letter-spacing: 0.1em;
  }
  .header-mobile .header-mobile-phone-span i {
    font-size: 0.7em;
    margin: 0 0 0 0.2em;
  }
  .header-mobile .header-badclick-btn {
    display: block;
    height: 100%;
    background: none;
    border: none;
  }
  .header-mobile .header-badclick-btn img {
    display: block;
    height: 100%;
    width: auto;
  }
  .main {
    word-break: keep-all;
  }
  .main-contents-block {
    flex-basis: 100% !important;
    flex-shrink: 0;
  }
  .main-contents-info-data-table th {
    padding: 6px;
  }
  .main-contents-dealer-map-img {
    display: block;
  }
  .main-slider .slide-contents {
    padding: 0;
  }
  .contents-wrapper, .main-slider-container, .main-slider .slick-dots {
    padding-left: 0;
    padding-right: 0;
  }
  .bottom-widget {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #e0e0e0;
    z-index: 30;
    font-size: 12px;
  }
  .bottom-widget-box {
    display: block;
    width: 100%;
    height: 60px;
    list-style: none;
    padding: 0;
    background: #0053a6;
    margin: 0;
    z-index: 1001;
    display: block;
  }
  .bottom-widget-box li {
    display: block;
  }
  .bottom-widget-item a {
    display: block;
    width: 100%;
    height: 60px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    padding: 5px;
    z-index: 1000;
  }
  .bottom-widget-item img {
    display: block;
    margin: 0 auto;
    height: 29px;
  }
  .bottom-widget-item span {
    display: block;
    text-align: center;
    margin-top: 6px;
  }
  .body.sub {
    font-size: 10px;
  }
  .sub-page-main {
    padding: 8px;
  }
  .sub-page-main-header-text {
    padding: 0;
    font-size: 0.9em;
    word-break: keep-all;
  }
  .sub-menu-banner-head {
    display: none;
  }
  .sub-menu-banner-main {
    padding: 0 0 0 0;
  }
  .sub-contents-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .sub-contents, .contents-pagination-block-tabs, .sub-contents-buypc .sub-contents-header {
    padding: 0 0;
  }
  .sub-contents-header {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sub-contents-price-header {
    padding: 20px;
  }
  .sub-contents-price-title {
    text-shadow: none;
  }
  .sub-contents-price-body {
    padding: 16px;
    background-color: rgba(239, 239, 239, 0.65);
    width: 100%;
    flex: 1 0 100%;
  }
  .sub-contents-price-table {
    width: 101%;
    margin: -1px;
  }
  .sub-contents-price-table tr th, .sub-contents-price-table tr td {
    padding: 3px;
  }
  .sub-contents-price-table tr td {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .sub-contents-price-table h4 {
    margin: 0 0 0 0;
  }
  .sub-contents-price-data {
    white-space: nowrap;
  }
  .sub-contents-price-odd {
    background-position: left center;
  }
  .sub-contents-equipment {
    padding: 30px 0 30px 0;
  }
  .sub-contents-equipment-head {
    padding: 0 0 1.8em 0;
  }
  .sub-contents-equipment-header {
    margin: 0 0 20px 0;
  }
  .sub-contents-equipment-header::after {
    margin: 20px auto 0 auto;
  }
  .sub-contents-equipment-subheader {
    font-size: 1em;
    padding: 0 30px;
  }
  .sub-contents-equipment-ul {
    padding: 0 8px;
  }
  .sub-contents-equipment-li {
    padding: 0px 8px;
    flex: 0 0 50%;
  }
  .sub-contents-equipment-li .equipment-li-header {
    padding: 4px 0 0.7em 0px;
  }
  .sub-contents-equipment-li .equipment-li-header h4 {
    font-size: 1.2em;
  }
  .sub-contents-equipment-li .equipment-li-img {
    flex: 0 0 130px;
    height: 130px;
  }
  .sub-contents-equipment-li .equipment-li-text {
    display: none;
  }
  .sub-contents-proc .sub-contents-header {
    padding: 20px 0;
  }
  .sub-contents-proc .sub-service-proc {
    margin: 0;
  }
  .sub-contents-proc .sub-service-proc-stage {
    flex: 1 0 100%;
  }
  .sub-contents-proc .sub-service-proc-stage-body {
    padding: 0px 14px 40px 104px;
    min-height: 0;
  }
  .sub-contents-proc .sub-service-proc-stage-counter {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sub-contents-mac-intro .sub-contents-inner {
    padding: 55px 24px;
    word-break: keep-all;
  }
  .sub-contents-mac-intro-title {
    font-size: 4em;
  }
  .sub-contents-ransom-intro .flex-col-6 {
    flex: 1 0 100%;
  }
  .sub-contents-ransom-intro-body {
    padding: 18px;
    flex-wrap: nowrap;
  }
  .sub-contents-ransom-intro-cause {
    padding: 40px 16px;
  }
  .sub-contents-ransom-intro-cause-icon {
    flex: 0 0 80px;
    margin: 0 0 5px 0;
    width: auto;
  }
  .sub-contents-ransom-intro-cause-item {
    display: flex;
    flex-direction: column;
  }
  .sub-contents-ransom-intro-cause-body {
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex: 1 0 auto;
    text-align: center;
  }
  .sub-contents-ransom-intro-infection {
    padding: 40px 16px 16px 16px;
  }
  .sub-contents-ransom-types-body-ul {
    padding: 0 8px 16px 8px;
  }
  .sub-contents-ransom-types-body-ul li {
    flex: 0 0 50%;
    padding: 8px;
  }
  .sub-contents-ransom-types-item-inner {
    min-height: 110px;
    padding: 8px;
  }
  .sub-contents-network-type-ul {
    padding: 16px 8px 8px 8px;
  }
  .sub-contents-network-type-li {
    padding: 8px;
  }
  .sub-contents-network-type-item-header {
    font-size: 8px;
    padding: 8px;
    word-break: keep-all;
  }
  .sub-contents-network-type-item-header span {
    font-size: 1.4em;
  }
  .sub-contents-network-type-item-body {
    display: none;
  }
  .sub-contents-network-type-sub {
    padding: 0 16px 16px 16px;
  }
  .sub-contents-monitor-brands {
    padding: 16px;
  }
  .sub-contents-monitor-brands > div {
    padding: 8px;
  }
  .sub-contents-monitor .sub-contents-monitor-bg-img {
    display: none;
  }
  .sub-contents-buypc .contents-pagination-block-tabs {
    padding: 0;
  }
  .sub-contents-buypc .contents-pagination-block-tabs-tab {
    flex-direction: column !important;
    flex: 1 0 0 !important;
    min-width: 0 !important;
    justify-content: center;
    align-items: center;
    min-height: 60px !important;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-pro {
    font-size: 1.5em;
    justify-content: center;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-pro .sub-contents-buypc-tab-icon {
    justify-content: center;
    width: 100%;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-pro .sub-contents-buypc-tab-icon::before {
    width: 60px;
    height: 60px;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-pro span {
    padding: 4px;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-prem {
    font-size: 1.5em;
    justify-content: center;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-prem .sub-contents-buypc-tab-icon {
    justify-content: center;
    width: 100%;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-prem .sub-contents-buypc-tab-icon::before {
    width: 60px;
    height: 60px;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-prem span {
    padding: 4px;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-used {
    font-size: 1.5em;
    justify-content: center;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-used .sub-contents-buypc-tab-icon {
    justify-content: center;
    width: 100%;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-used .sub-contents-buypc-tab-icon::before {
    width: 60px;
    height: 60px;
  }
  .sub-contents-buypc-tabs .sub-contents-buypc-tab-used span {
    padding: 4px;
  }
  .sub-contents-buypc-items {
    font-size: 8px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-pro {
    padding: 15px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item {
    flex: 0 0 50%;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-img {
    padding: 8px 16px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs {
    padding: 0 8px 8px 8px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-pro .sub-contents-buypc-item .buypc-item-specs li {
    margin: 2px;
    text-align: center;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-prem {
    padding: 15px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item {
    flex: 0 0 50%;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-img {
    padding: 8px 16px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs {
    padding: 0 8px 8px 8px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-prem .sub-contents-buypc-item .buypc-item-specs li {
    margin: 2px;
    text-align: center;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-used {
    padding: 15px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item {
    flex: 0 0 50%;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-img {
    padding: 8px 16px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs {
    padding: 0 8px 8px 8px;
  }
  .sub-contents-buypc-pages .sub-contents-buypc-page-used .sub-contents-buypc-item .buypc-item-specs li {
    margin: 2px;
    text-align: center;
  }
  .sub-contents-maintenance-proc {
    padding: 16px;
  }
  .sub-contents-maintenance-benefits-ul {
    padding: 0 8px;
  }
  .sub-contents-maintenance-benefits li {
    flex: 0 0 33.333%;
    min-width: unset;
    padding: 8px;
  }
  .sub-contents-maintenance-benefits-item {
    max-width: 100%;
    width: 66%;
  }
  .sub-contents-maintenance-benefits-icon {
    width: unset;
    height: unset;
  }
  .sub-contents-maintenance-benefits-text-body {
    display: none;
  }
  .cs-form select {
    max-width: 100%;
    width: 100%;
  }
  .cs-form-inner {
    padding: 8px;
  }
  .cs-form .cs-form-element {
    flex-basis: 100%;
  }
  .cs-form .cs-form-element-label-container {
    flex: 0 0 7em;
  }
  .sub-contents-text {
    padding-left: 8px;
    padding-right: 8px;
  }
}/*# sourceMappingURL=style.css.map */