@charset "UTF-8";
html, body, main {
  height: 100%; }
  html em, body em, main em {
    font-style: normal; }

.header {
  padding: 0 24px; }

main {
  padding: 0 24px; }

.page-header, .homepage-header .title-box {
  margin-top: 8px;
  margin-bottom: 28px; }

.blocks-item {
  margin-bottom: 20px; }

.border-line {
  width: 327px;
  height: 1px;
  border: solid 1px var(--grey030); }

.search-container {
  position: relative;
  height: 48px;
  width: 100%; }
  .search-container .search-icon {
    display: none; }
  .search-container .search {
    position: relative; }
    .search-container .search:before {
      content: '';
      background-image: url("https://frontend-design-system.socar.kr/images/ic-24-search-grey-060.png");
      background-size: 24px 24px;
      width: 24px;
      height: 24px;
      position: absolute;
      left: 12px;
      top: 12px;
      z-index: 1; }
    .search-container .search input[type="search2"] {
      width: 100%;
      height: 48px;
      border-radius: 4px;
      background-color: var(--grey030);
      -webkit-appearance: none;
      outline: none;
      border: none;
      text-indent: 48px;
      text-align: left; }

.regular-fill-button-blue {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: var(--blue050);
  height: 56px; }

.container {
  height: auto;
  padding-bottom: 48px; }

/***** Buttons *****/
button:focus {
  outline: 0; }

.button, [role="button"] {
  border: 1px solid #00b8ff;
  border-radius: 4px;
  color: #00b8ff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none; }

@media (min-width: 768px) {
  .button, [role="button"] {
    width: auto; } }

.button::after, [role="button"]::after {
  color: #00b8ff; }

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
  background-color: #00b8ff;
  color: white;
  text-decoration: none; }

.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active {
  background-color: #006e99;
  border-color: #006e99; }

.button[data-disabled], [role="button"][data-disabled] {
  cursor: default; }

.button-large, input[type="submit"] {
  background-color: #00b8ff;
  border: 0;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%; }

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto; } }

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #006e99; }

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd; }

.button-secondary {
  color: #333333;
  border: 1px solid #ddd;
  background-color: transparent; }

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: black;
  border: 1px solid #ddd;
  background-color: #f7f7f7; }

.pagination {
  margin-top: 56px;
  height: 24px;
  padding-left: calc(17%);
  padding-right: calc(17%); }
  .pagination .pagination-list {
    position: relative; }
    .pagination .pagination-list .pagination-last, .pagination .pagination-list .pagination-first {
      display: none; }
    .pagination .pagination-list .pagination-next {
      position: absolute;
      right: 66px;
      display: inline-block; }
      .pagination .pagination-list .pagination-next .pagination-next-text {
        position: relative; }
        .pagination .pagination-list .pagination-next .pagination-next-text::after {
          content: '';
          background-image: url("https://frontend-design-system.socar.kr/images/ic-12-chevron-right2-grey-050.png");
          background-size: 12px 24px;
          width: 12px;
          height: 24px;
          position: absolute;
          bottom: -2px;
          right: -20px; }
      .pagination .pagination-list .pagination-next .pagination-next-icon {
        display: none; }
    .pagination .pagination-list .pagination-prev {
      display: inline-block;
      position: absolute;
      left: 66px; }
      .pagination .pagination-list .pagination-prev .pagination-prev-text {
        position: relative; }
        .pagination .pagination-list .pagination-prev .pagination-prev-text::before {
          content: '';
          background-image: url("https://frontend-design-system.socar.kr/images/ic-12-chevron-right2-grey-050.png");
          background-size: 12px 24px;
          width: 12px;
          height: 24px;
          transform: scaleX(-1);
          position: absolute;
          left: -20px;
          top: -4px; }
      .pagination .pagination-list .pagination-prev .pagination-prev-icon {
        display: none; }

[data-font=android] .pagination-prev-text::before {
  top: -2px !important; }

/***** Tables *****/
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0; }

table, th, td {
  border: 1px solid black; }

.wysiwyg-color-black {
  color: #000; }

.wysiwyg-color-black70 {
  color: #4d4d4d; }

.wysiwyg-color-black60 {
  color: #666; }

.wysiwyg-color-black50 {
  color: grey; }

.wysiwyg-color-black40 {
  color: #999; }

.wysiwyg-color-black30 {
  color: #b3b3b3; }

.wysiwyg-color-black20 {
  color: #ccc; }

.wysiwyg-color-black10 {
  color: #e6e6e6; }

.wysiwyg-color-red {
  color: red; }

.wysiwyg-color-orange {
  color: #f90; }

.wysiwyg-color-yellow {
  color: #ff0; }

.wysiwyg-color-green {
  color: #0f0; }

.wysiwyg-color-cyan {
  color: #0ff; }

.wysiwyg-color-blue {
  color: #00f; }

.wysiwyg-color-purple {
  color: #90f; }

.wysiwyg-color-pink {
  color: #f0f; }

.wysiwyg-color-red90 {
  color: #f33; }

.wysiwyg-color-red80 {
  color: #f66; }

.wysiwyg-color-red70 {
  color: #f99; }

.wysiwyg-color-red110 {
  color: #c00; }

.wysiwyg-color-red120 {
  color: #900; }

.wysiwyg-color-red130 {
  color: #600; }

.wysiwyg-color-orange90 {
  color: #ffad33; }

.wysiwyg-color-orange80 {
  color: #ffc266; }

.wysiwyg-color-orange70 {
  color: #ffd699; }

.wysiwyg-color-orange110 {
  color: #cc7a00; }

.wysiwyg-color-orange120 {
  color: #995c00; }

.wysiwyg-color-orange130 {
  color: #663d00; }

.wysiwyg-color-yellow90 {
  color: #ff3; }

.wysiwyg-color-yellow80 {
  color: #ff6; }

.wysiwyg-color-yellow70 {
  color: #ff9; }

.wysiwyg-color-yellow110 {
  color: #cc0; }

.wysiwyg-color-yellow120 {
  color: #990; }

.wysiwyg-color-yellow130 {
  color: #660; }

.wysiwyg-color-green90 {
  color: #3f3; }

.wysiwyg-color-green80 {
  color: #6f6; }

.wysiwyg-color-green70 {
  color: #9f9; }

.wysiwyg-color-green110 {
  color: #0c0; }

.wysiwyg-color-green120 {
  color: #090; }

.wysiwyg-color-green130 {
  color: #060; }

.wysiwyg-color-cyan90 {
  color: #3ff; }

.wysiwyg-color-cyan80 {
  color: #6ff; }

.wysiwyg-color-cyan70 {
  color: #9ff; }

.wysiwyg-color-cyan110 {
  color: #0cc; }

.wysiwyg-color-cyan120 {
  color: #099; }

.wysiwyg-color-cyan130 {
  color: #066; }

.wysiwyg-color-blue90 {
  color: #33f; }

.wysiwyg-color-blue80 {
  color: #66f; }

.wysiwyg-color-blue70 {
  color: #99f; }

.wysiwyg-color-blue110 {
  color: #00c; }

.wysiwyg-color-blue120 {
  color: #009; }

.wysiwyg-color-blue130 {
  color: #006; }

.wysiwyg-color-purple90 {
  color: #ad33ff; }

.wysiwyg-color-purple80 {
  color: #c266ff; }

.wysiwyg-color-purple70 {
  color: #d699ff; }

.wysiwyg-color-purple110 {
  color: #7a00cc; }

.wysiwyg-color-purple120 {
  color: #5c0099; }

.wysiwyg-color-purple130 {
  color: #3d0066; }

.wysiwyg-color-pink90 {
  color: #f3f; }

.wysiwyg-color-pink80 {
  color: #f6f; }

.wysiwyg-color-pink70 {
  color: #f9f; }

.wysiwyg-color-pink110 {
  color: #c0c; }

.wysiwyg-color-pink120 {
  color: #909; }

.wysiwyg-color-pink130 {
  color: #606; }

.wysiwyg-font-size-small {
  font-size: x-small; }

.wysiwyg-font-size-medium {
  font-size: small; }

.wysiwyg-font-size-large {
  font-size: large; }

.wysiwyg-font-size-x-large {
  font-size: x-large; }

.wysiwyg-underline {
  text-decoration: underline; }

.wysiwyg-text-align-right {
  text-align: right; }

.wysiwyg-text-align-center {
  text-align: center; }

.wysiwyg-text-align-left {
  text-align: left; }

.wysiwyg-text-align-justify {
  text-align: justify; }

.wysiwyg-indent1 {
  padding-left: 10px; }

[dir=rtl] .wysiwyg-indent1 {
  padding-left: auto;
  padding-right: 10px; }

.wysiwyg-indent2 {
  padding-left: 20px; }

[dir=rtl] .wysiwyg-indent2 {
  padding-left: auto;
  padding-right: 20px; }

.wysiwyg-indent3 {
  padding-left: 30px; }

[dir=rtl] .wysiwyg-indent3 {
  padding-left: auto;
  padding-right: 30px; }

.wysiwyg-indent4 {
  padding-left: 40px; }

[dir=rtl] .wysiwyg-indent4 {
  padding-left: auto;
  padding-right: 40px; }

.wysiwyg-indent5 {
  padding-left: 50px; }

[dir=rtl] .wysiwyg-indent5 {
  padding-left: auto;
  padding-right: 50px; }

.wysiwyg-indent6 {
  padding-left: 60px; }

[dir=rtl] .wysiwyg-indent6 {
  padding-left: auto;
  padding-right: 60px; }

.wysiwyg-indent7 {
  padding-left: 70px; }

[dir=rtl] .wysiwyg-indent7 {
  padding-left: auto;
  padding-right: 70px; }

.wysiwyg-indent8 {
  padding-left: 80px; }

[dir=rtl] .wysiwyg-indent8 {
  padding-left: auto;
  padding-right: 80px; }

.wysiwyg-indent9 {
  padding-left: 90px; }

[dir=rtl] .wysiwyg-indent9 {
  padding-left: auto;
  padding-right: 90px; }

.wysiwyg-indent10 {
  padding-left: 100px; }

[dir=rtl] .wysiwyg-indent10 {
  padding-left: auto;
  padding-right: 100px; }

.wysiwyg-indent11 {
  padding-left: 110px; }

[dir=rtl] .wysiwyg-indent11 {
  padding-left: auto;
  padding-right: 110px; }

.wysiwyg-indent12 {
  padding-left: 120px; }

[dir=rtl] .wysiwyg-indent12 {
  padding-left: auto;
  padding-right: 120px; }

.wysiwyg-indent13 {
  padding-left: 130px; }

[dir=rtl] .wysiwyg-indent13 {
  padding-left: auto;
  padding-right: 130px; }

.wysiwyg-indent14 {
  padding-left: 140px; }

[dir=rtl] .wysiwyg-indent14 {
  padding-left: auto;
  padding-right: 140px; }

.wysiwyg-indent15 {
  padding-left: 150px; }

[dir=rtl] .wysiwyg-indent15 {
  padding-left: auto;
  padding-right: 150px; }

.wysiwyg-indent16 {
  padding-left: 160px; }

[dir=rtl] .wysiwyg-indent16 {
  padding-left: auto;
  padding-right: 160px; }

.wysiwyg-indent17 {
  padding-left: 170px; }

[dir=rtl] .wysiwyg-indent17 {
  padding-left: auto;
  padding-right: 170px; }

.wysiwyg-indent18 {
  padding-left: 180px; }

[dir=rtl] .wysiwyg-indent18 {
  padding-left: auto;
  padding-right: 180px; }

.wysiwyg-indent19 {
  padding-left: 190px; }

[dir=rtl] .wysiwyg-indent19 {
  padding-left: auto;
  padding-right: 190px; }

.wysiwyg-indent20 {
  padding-left: 200px; }

[dir=rtl] .wysiwyg-indent20 {
  padding-left: auto;
  padding-right: 200px; }

.mce-tinymce {
  visibility: inherit !important;
  position: relative; }

*, html, body, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer; }

figure {
  margin: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

ul, ol, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

p {
  margin: 0; }

cite {
  font-style: normal; }

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
  ========================================================================== */
/*for using REM units*/
html {
  font-size: 1px; }

/**
* 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 */
  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; }

[data-font='ios'] {
  --font-weight-normal: 400;
  --font-weight-bold: 600; }

@font-face {
  [data-font='ios'] {
    font-family: 'SF Pro Text';
    font-weight: var(--font-weight-normal);
    src: local("SF Pro Text"), url("//frontend-design-system.socar.kr/assets/fonts/SF-Pro-Text-Regular.woff") format("woff"); } }

@font-face {
  [data-font='ios'] {
    font-family: 'SF Pro Display Semibold';
    font-weight: var(--font-weight-normal);
    src: local("SF Pro Display Semibold"), url("//frontend-design-system.socar.kr/assets/fonts/SF-Pro-Display-Semibold.woff") format("woff"); } }
  [data-font='ios'] body {
    font-family: 'SF Pro Text', 'SF Pro Display Semibold', 'Apple SD Gothic Neo';
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

[data-font='android'] {
  --font-weight-normal: 400;
  --font-weight-bold: 700; }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Regular';
    font-weight: var(--font-weight-normal);
    src: local("Spoqa Han Sans Regular"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansRegular.woff2") format("woff2"); } }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Bold';
    font-weight: var(--font-weight-bold);
    src: local("Spoqa Han Sans Bold"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansBold.woff2") format("woff2"); } }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Bold';
    font-weight: bold;
    src: local("Spoqa Han Sans Bold"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansBold.woff2") format("woff2"); } }
  [data-font='android'] body {
    font-family: 'Spoqa Han Sans Regular', 'Spoqa Han Sans Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.header1, .page-header .page-title, .homepage-header .title-box .page-title {
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal; }

.header2, .article-title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal; }

.subtitle1, .homepage-section-title, .no-search-results {
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal; }

.subtitle2, .regular-fill-button-blue {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.subtitle3, html em, body em, main em, .related-articles-title {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }

.subtitle4, .search-results-subheading {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.body1, .section-tree-title, .blocks-item, .search-container .search input[type="search2"], .homepage-menus .article-list .article-link, .search-result-title, .section-page .article-list-item {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.body2, .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-prev .pagination-prev-text, .homepage-bottom .socartalk-info, .faq-more-button, .search-results-description {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }

.caption1 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.caption2 {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal; }

:root {
  --grey010: #fdfdfd;
  --grey020: #f7f8f9;
  --grey030: #e9ebee;
  --grey040: #c5c8ce;
  --grey050: #646f7c;
  --grey060: #374553;
  --grey070: #28323c;
  --grey080: #161d24;
  --white: #ffffff;
  --black: #000000;
  --blue010: #F0FAFF;
  --blue020: #b2e5ff;
  --blue030: #7dd5ff;
  --blue040: #44c4ff;
  --blue050: #00b8ff;
  --blue060: #00aafe;
  --blue070: #009bef;
  --blue080: #0088da;
  --coral010: #FFEEF1;
  --coral020: #FFD5D9;
  --coral030: #F8A8A5;
  --coral040: #F28882;
  --coral050: #FF6F61;
  --coral060: #FF6247;
  --coral070: #FF5B48;
  --coral080: #E45141;
  --navy050: #0069ff;
  --navy060: #1B56EC;
  --red050: #ff2c51;
  --yellow050: #fff028;
  --yellow060: #ffd324;
  --socarbusiness050: #00469d;
  --socarplus050: #006ddf;
  --socarplan050: #ffcc00; }

.background-base {
  background-color: var(--white); }

.background-elevated-modal {
  background-color: var(--white); }

.background-base-otherside {
  background-color: var(--grey070); }

.background-grouped-base {
  background-color: var(--grey020); }

.background-grouped-contents {
  background-color: var(--white); }

.button-basecolor-blue {
  background-color: var(--blue050); }

.button-basecolor-grey {
  background-color: var(--grey060); }

.button-basecolor-coral {
  background-color: var(--coral050); }

.button-basecolor-disabled {
  background-color: var(--grey030); }

.button-basecolor-line {
  background-color: var(--white); }

.button-basecolor-disabled {
  background-color: #e9ebee; }

.bg-pressed-light {
  background-color: var(--pressed-light); }

.bg-grey010 {
  background-color: var(--grey010); }

.bg-grey020 {
  background-color: var(--grey020); }

.bg-grey030 {
  background-color: var(--grey030); }

.bg-grey040 {
  background-color: var(--grey040); }

.bg-grey050 {
  background-color: var(--grey050); }

.bg-grey060 {
  background-color: var(--grey060); }

.bg-grey070 {
  background-color: var(--grey070); }

.bg-grey080 {
  background-color: var(--grey080); }

.bg-white {
  background-color: var(--white); }

.bg-black {
  background-color: var(--black); }

.bg-blue010 {
  background-color: var(--blue010); }

.bg-blue020 {
  background-color: var(--blue020); }

.bg-blue030 {
  background-color: var(--blue030); }

.bg-blue040 {
  background-color: var(--blue040); }

.bg-blue050 {
  background-color: var(--blue050); }

.bg-blue060 {
  background-color: var(--blue060); }

.bg-blue070 {
  background-color: var(--blue070); }

.bg-blue080 {
  background-color: var(--blue080); }

.bg-coral010 {
  background-color: var(--coral010); }

.bg-coral020 {
  background-color: var(--coral020); }

.bg-coral030 {
  background-color: var(--coral030); }

.bg-coral040 {
  background-color: var(--coral040); }

.bg-coral050 {
  background-color: var(--coral050); }

.bg-coral060 {
  background-color: var(--coral060); }

.bg-coral070 {
  background-color: var(--coral070); }

.bg-coral080 {
  background-color: var(--coral080); }

.bg-yellow050 {
  background-color: var(--yellow050); }

.bg-yellow060 {
  background-color: var(--yellow060); }

.bg-navy050 {
  background-color: var(--navy050); }

.bg-navy060 {
  background-color: var(--navy060); }

.bg-red050 {
  background-color: var(--red050); }

.bg-socarbusiness050 {
  background-color: var(--socarbusiness050); }

.bg-socarplus050 {
  background-color: var(--socarplus050); }

.bg-socarplan050 {
  background-color: var(--socarplan050); }

.primary, html em, body em, main em, .section-tree-title, .page-header .page-title, .homepage-header .title-box .page-title, .blocks-item, .search-container .search input[type="search2"], .homepage-section-title, .homepage-menus .article-list .article-link, .article-title, .search-results-subheading, .search-result-title, .no-search-results, .section-page .article-list-item {
  color: var(--grey060); }

.secondary, .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-prev .pagination-prev-text, .homepage-bottom .socartalk-info, .faq-more-button, .search-results-description {
  color: var(--grey050); }

.disable-placeholder {
  color: var(--grey040); }

.button-textcolor-white {
  color: var(--white); }

.button-textcolor-disabled {
  color: var(--grey040); }

.button-textcolor-blue {
  color: var(--blue050); }

.button-textcolor-secondary {
  color: var(--grey050); }

.button-textcolor-coral {
  color: var(--coral050); }

.grey010 {
  color: var(--grey010); }

.grey020 {
  color: var(--grey020); }

.grey030 {
  color: var(--grey030); }

.grey040 {
  color: var(--grey040); }

.grey050 {
  color: var(--grey050); }

.grey060 {
  color: var(--grey060); }

.grey070 {
  color: var(--grey070); }

.grey080 {
  color: var(--grey080); }

.white, .regular-fill-button-blue {
  color: var(--white); }

.black {
  color: var(--black); }

.blue010 {
  color: var(--blue010); }

.blue020 {
  color: var(--blue020); }

.blue030 {
  color: var(--blue030); }

.blue040 {
  color: var(--blue040); }

.blue050 {
  color: var(--blue050); }

.blue060 {
  color: var(--blue060); }

.blue070 {
  color: var(--blue070); }

.blue080 {
  color: var(--blue080); }

.coral010 {
  color: var(--coral010); }

.coral020 {
  color: var(--coral020); }

.coral030 {
  color: var(--coral030); }

.coral040 {
  color: var(--coral040); }

.coral050 {
  color: var(--coral050); }

.coral060 {
  color: var(--coral060); }

.coral070 {
  color: var(--coral070); }

.coral080 {
  color: var(--coral080); }

.yellow050 {
  color: var(--yellow050); }

.yellow060 {
  color: var(--yellow060); }

.navy050 {
  color: var(--navy050); }

.navy060 {
  color: var(--navy060); }

.red050 {
  color: var(--red050); }

.socarbusiness050 {
  color: var(--socarbusiness050); }

.socarplus050 {
  color: var(--socarplus050); }

.socarplan050 {
  color: var(--socarplan050); }

.border-basic1 {
  border-color: var(--grey030);
  border: 1px solid; }

.border-basic2 {
  border-color: var(--grey030);
  border: 1px solid; }

.button-bordercolor-line {
  border-color: var(--grey030); }

.dim-thick {
  background-color: var(--grey080);
  opacity: .75; }

.dim-basic {
  background-color: var(--grey080);
  opacity: .5; }

.dim-thin {
  background-color: var(--grey080);
  opacity: .15; }

.dim-toast {
  background-color: var(--grey080);
  opacity: .75; }

[data-theme="dark"] {
  --grey010: #1e2427;
  --grey020: #2e363a;
  --grey030: #41474c;
  --grey040: #5a6166;
  --grey050: #999fa4;
  --grey060: #c5c8ce;
  --grey070: #f7f8f9;
  --grey080: #fdfdfd;
  --white: #ffffff;
  --black: #000000;
  --blue010: #0656A6;
  --blue020: #0088dc;
  --blue030: #00a9ff;
  --blue040: #00b7ff;
  --blue050: #00c3ff;
  --blue060: #6fd4ff;
  --blue070: #ace5ff;
  --blue080: #def5ff;
  --coral010: #D73F2F;
  --coral020: #E44636;
  --coral030: #F7503C;
  --coral040: #FF583B;
  --coral050: #FF6557;
  --coral060: #F3817B;
  --coral070: #F9A4A0;
  --coral080: #FFD3D6;
  --navy050: #007EFF;
  --navy060: #008DFF;
  --red050: #f26175;
  --yellow050: #FFD324;
  --yellow060: #fff028;
  --socarbusiness050: #00469d;
  --socarplus050: #006ddf;
  --socarplan050: #ffcc00; }

[data-theme="dark"] .background-base {
  background-color: #171b1c; }

[data-theme="dark"] .background-elevated-modal {
  background-color: var(--grey010); }

[data-theme="dark"] .background-base-otherside {
  background-color: var(--black); }

[data-theme="dark"] .background-grouped-base {
  background-color: var(--black); }

[data-theme="dark"] .background-grouped-contents {
  background-color: #171b1c; }

[data-theme="dark"] .button-basecolor-blue {
  background-color: var(--blue050); }

[data-theme="dark"] .button-basecolor-grey {
  background-color: var(--grey030); }

[data-theme="dark"] .button-basecolor-disabled {
  background-color: var(--grey020); }

[data-theme="dark"] .button-textcolor-white {
  color: var(--grey070); }

[data-theme="dark"] .button-basecolor-line {
  background-color: var(--grey010); }

[data-theme="dark"] .button-basecolor-disabled {
  background-color: var(--grey020); }

[data-theme="dark"] .primary, [data-theme="dark"] html em, html [data-theme="dark"] em, [data-theme="dark"] body em, body [data-theme="dark"] em, [data-theme="dark"] main em, main [data-theme="dark"] em, [data-theme="dark"] .section-tree-title, [data-theme="dark"] .page-header .page-title, .page-header [data-theme="dark"] .page-title, [data-theme="dark"] .homepage-header .title-box .page-title, .homepage-header .title-box [data-theme="dark"] .page-title, [data-theme="dark"] .blocks-item, [data-theme="dark"] .search-container .search input[type="search2"], .search-container .search [data-theme="dark"] input[type="search2"], [data-theme="dark"] .homepage-section-title, [data-theme="dark"] .homepage-menus .article-list .article-link, .homepage-menus .article-list [data-theme="dark"] .article-link, [data-theme="dark"] .article-title, [data-theme="dark"] .search-results-subheading, [data-theme="dark"] .search-result-title, [data-theme="dark"] .no-search-results, [data-theme="dark"] .section-page .article-list-item, .section-page [data-theme="dark"] .article-list-item {
  color: var(--grey070); }

[data-theme="dark"] .secondary, [data-theme="dark"] .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-next [data-theme="dark"] .pagination-next-text, [data-theme="dark"] .pagination .pagination-list .pagination-prev .pagination-prev-text, .pagination .pagination-list .pagination-prev [data-theme="dark"] .pagination-prev-text, [data-theme="dark"] .homepage-bottom .socartalk-info, .homepage-bottom [data-theme="dark"] .socartalk-info, [data-theme="dark"] .faq-more-button, [data-theme="dark"] .search-results-description {
  color: var(--grey060); }

[data-theme="dark"] .disable-placeholder {
  color: var(--grey040); }

[data-theme="dark"] .button-textcolor-white {
  color: var(--white); }

[data-theme="dark"] .button-textcolor-disabled {
  color: var(--grey040); }

[data-theme="dark"] .button-textcolor-blue {
  color: var(--blue050); }

[data-theme="dark"] .button-textcolor-secondary {
  color: var(--grey060); }

[data-theme="dark"] .button-textcolor-coral {
  color: var(--coral050); }

[data-theme="dark"] .border-basic1 {
  border-color: var(--grey020);
  border: 1px solid; }

[data-theme="dark"] .border-basic2 {
  background-color: none; }

[data-theme="dark"] .button-bordercolor-line {
  border-color: var(--grey030); }

[data-theme="dark"] .dim-thick {
  background-color: var(--black);
  opacity: .75; }

[data-theme="dark"] .dim-basic {
  background-color: var(--black);
  opacity: .5; }

[data-theme="dark"] .dim-thin {
  background-color: var(--black);
  opacity: .3; }

[data-theme="dark"] .dim-toast {
  background-color: var(--grey040);
  opacity: .9; }

[data-theme="dark"] .pressed-light {
  background-color: var(--white);
  opacity: .1; }

[data-theme="dark"] .pressed-dark {
  background-color: var(--white);
  opacity: .1; }

.z-idx-top, .full-screen {
  z-index: 9999; }

.z-idx-modal {
  z-index: 9990; }

.full-screen {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%; }

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

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-pre-wrap {
  white-space: pre-wrap;
  word-break: keep-all; }

.margin-1px {
  margin: 1px; }

.top-1px {
  margin-top: 1px; }

.right-1px {
  margin-right: 1px; }

.bottom-1px {
  margin-bottom: 1px; }

.left-1px {
  margin-left: 1px; }

.margin-2px {
  margin: 2px; }

.top-2px {
  margin-top: 2px; }

.right-2px {
  margin-right: 2px; }

.bottom-2px {
  margin-bottom: 2px; }

.left-2px {
  margin-left: 2px; }

.margin-3px {
  margin: 3px; }

.top-3px {
  margin-top: 3px; }

.right-3px {
  margin-right: 3px; }

.bottom-3px {
  margin-bottom: 3px; }

.left-3px {
  margin-left: 3px; }

.margin-4px {
  margin: 4px; }

.top-4px {
  margin-top: 4px; }

.right-4px {
  margin-right: 4px; }

.bottom-4px {
  margin-bottom: 4px; }

.left-4px {
  margin-left: 4px; }

.margin-5px {
  margin: 5px; }

.top-5px {
  margin-top: 5px; }

.right-5px {
  margin-right: 5px; }

.bottom-5px {
  margin-bottom: 5px; }

.left-5px {
  margin-left: 5px; }

.margin-6px {
  margin: 6px; }

.top-6px {
  margin-top: 6px; }

.right-6px {
  margin-right: 6px; }

.bottom-6px {
  margin-bottom: 6px; }

.left-6px {
  margin-left: 6px; }

.margin-7px {
  margin: 7px; }

.top-7px {
  margin-top: 7px; }

.right-7px {
  margin-right: 7px; }

.bottom-7px {
  margin-bottom: 7px; }

.left-7px {
  margin-left: 7px; }

.margin-8px {
  margin: 8px; }

.top-8px {
  margin-top: 8px; }

.right-8px {
  margin-right: 8px; }

.bottom-8px {
  margin-bottom: 8px; }

.left-8px {
  margin-left: 8px; }

.margin-9px {
  margin: 9px; }

.top-9px {
  margin-top: 9px; }

.right-9px {
  margin-right: 9px; }

.bottom-9px {
  margin-bottom: 9px; }

.left-9px {
  margin-left: 9px; }

.margin-10px {
  margin: 10px; }

.top-10px {
  margin-top: 10px; }

.right-10px {
  margin-right: 10px; }

.bottom-10px {
  margin-bottom: 10px; }

.left-10px {
  margin-left: 10px; }

.margin-11px {
  margin: 11px; }

.top-11px {
  margin-top: 11px; }

.right-11px {
  margin-right: 11px; }

.bottom-11px {
  margin-bottom: 11px; }

.left-11px {
  margin-left: 11px; }

.margin-12px {
  margin: 12px; }

.top-12px {
  margin-top: 12px; }

.right-12px {
  margin-right: 12px; }

.bottom-12px {
  margin-bottom: 12px; }

.left-12px {
  margin-left: 12px; }

.margin-13px {
  margin: 13px; }

.top-13px {
  margin-top: 13px; }

.right-13px {
  margin-right: 13px; }

.bottom-13px {
  margin-bottom: 13px; }

.left-13px {
  margin-left: 13px; }

.margin-14px {
  margin: 14px; }

.top-14px {
  margin-top: 14px; }

.right-14px {
  margin-right: 14px; }

.bottom-14px {
  margin-bottom: 14px; }

.left-14px {
  margin-left: 14px; }

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

.top-15px {
  margin-top: 15px; }

.right-15px {
  margin-right: 15px; }

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

.left-15px {
  margin-left: 15px; }

.margin-16px {
  margin: 16px; }

.top-16px {
  margin-top: 16px; }

.right-16px {
  margin-right: 16px; }

.bottom-16px {
  margin-bottom: 16px; }

.left-16px {
  margin-left: 16px; }

.margin-17px {
  margin: 17px; }

.top-17px {
  margin-top: 17px; }

.right-17px {
  margin-right: 17px; }

.bottom-17px {
  margin-bottom: 17px; }

.left-17px {
  margin-left: 17px; }

.margin-18px {
  margin: 18px; }

.top-18px {
  margin-top: 18px; }

.right-18px {
  margin-right: 18px; }

.bottom-18px {
  margin-bottom: 18px; }

.left-18px {
  margin-left: 18px; }

.margin-19px {
  margin: 19px; }

.top-19px {
  margin-top: 19px; }

.right-19px {
  margin-right: 19px; }

.bottom-19px {
  margin-bottom: 19px; }

.left-19px {
  margin-left: 19px; }

.margin-20px {
  margin: 20px; }

.top-20px {
  margin-top: 20px; }

.right-20px {
  margin-right: 20px; }

.bottom-20px {
  margin-bottom: 20px; }

.left-20px {
  margin-left: 20px; }

.margin-21px {
  margin: 21px; }

.top-21px {
  margin-top: 21px; }

.right-21px {
  margin-right: 21px; }

.bottom-21px {
  margin-bottom: 21px; }

.left-21px {
  margin-left: 21px; }

.margin-22px {
  margin: 22px; }

.top-22px {
  margin-top: 22px; }

.right-22px {
  margin-right: 22px; }

.bottom-22px {
  margin-bottom: 22px; }

.left-22px {
  margin-left: 22px; }

.margin-23px {
  margin: 23px; }

.top-23px {
  margin-top: 23px; }

.right-23px {
  margin-right: 23px; }

.bottom-23px {
  margin-bottom: 23px; }

.left-23px {
  margin-left: 23px; }

.margin-24px {
  margin: 24px; }

.top-24px {
  margin-top: 24px; }

.right-24px {
  margin-right: 24px; }

.bottom-24px {
  margin-bottom: 24px; }

.left-24px {
  margin-left: 24px; }

.margin-25px {
  margin: 25px; }

.top-25px {
  margin-top: 25px; }

.right-25px {
  margin-right: 25px; }

.bottom-25px {
  margin-bottom: 25px; }

.left-25px {
  margin-left: 25px; }

.margin-26px {
  margin: 26px; }

.top-26px {
  margin-top: 26px; }

.right-26px {
  margin-right: 26px; }

.bottom-26px {
  margin-bottom: 26px; }

.left-26px {
  margin-left: 26px; }

.margin-27px {
  margin: 27px; }

.top-27px {
  margin-top: 27px; }

.right-27px {
  margin-right: 27px; }

.bottom-27px {
  margin-bottom: 27px; }

.left-27px {
  margin-left: 27px; }

.margin-28px {
  margin: 28px; }

.top-28px {
  margin-top: 28px; }

.right-28px {
  margin-right: 28px; }

.bottom-28px {
  margin-bottom: 28px; }

.left-28px {
  margin-left: 28px; }

.margin-29px {
  margin: 29px; }

.top-29px {
  margin-top: 29px; }

.right-29px {
  margin-right: 29px; }

.bottom-29px {
  margin-bottom: 29px; }

.left-29px {
  margin-left: 29px; }

.margin-30px {
  margin: 30px; }

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

.right-30px {
  margin-right: 30px; }

.bottom-30px {
  margin-bottom: 30px; }

.left-30px {
  margin-left: 30px; }

.margin-31px {
  margin: 31px; }

.top-31px {
  margin-top: 31px; }

.right-31px {
  margin-right: 31px; }

.bottom-31px {
  margin-bottom: 31px; }

.left-31px {
  margin-left: 31px; }

.margin-32px {
  margin: 32px; }

.top-32px {
  margin-top: 32px; }

.right-32px {
  margin-right: 32px; }

.bottom-32px {
  margin-bottom: 32px; }

.left-32px {
  margin-left: 32px; }

.margin-33px {
  margin: 33px; }

.top-33px {
  margin-top: 33px; }

.right-33px {
  margin-right: 33px; }

.bottom-33px {
  margin-bottom: 33px; }

.left-33px {
  margin-left: 33px; }

.margin-34px {
  margin: 34px; }

.top-34px {
  margin-top: 34px; }

.right-34px {
  margin-right: 34px; }

.bottom-34px {
  margin-bottom: 34px; }

.left-34px {
  margin-left: 34px; }

.margin-35px {
  margin: 35px; }

.top-35px {
  margin-top: 35px; }

.right-35px {
  margin-right: 35px; }

.bottom-35px {
  margin-bottom: 35px; }

.left-35px {
  margin-left: 35px; }

.margin-36px {
  margin: 36px; }

.top-36px {
  margin-top: 36px; }

.right-36px {
  margin-right: 36px; }

.bottom-36px {
  margin-bottom: 36px; }

.left-36px {
  margin-left: 36px; }

.margin-37px {
  margin: 37px; }

.top-37px {
  margin-top: 37px; }

.right-37px {
  margin-right: 37px; }

.bottom-37px {
  margin-bottom: 37px; }

.left-37px {
  margin-left: 37px; }

.margin-38px {
  margin: 38px; }

.top-38px {
  margin-top: 38px; }

.right-38px {
  margin-right: 38px; }

.bottom-38px {
  margin-bottom: 38px; }

.left-38px {
  margin-left: 38px; }

.margin-39px {
  margin: 39px; }

.top-39px {
  margin-top: 39px; }

.right-39px {
  margin-right: 39px; }

.bottom-39px {
  margin-bottom: 39px; }

.left-39px {
  margin-left: 39px; }

.margin-40px {
  margin: 40px; }

.top-40px {
  margin-top: 40px; }

.right-40px {
  margin-right: 40px; }

.bottom-40px {
  margin-bottom: 40px; }

.left-40px {
  margin-left: 40px; }

.margin-41px {
  margin: 41px; }

.top-41px {
  margin-top: 41px; }

.right-41px {
  margin-right: 41px; }

.bottom-41px {
  margin-bottom: 41px; }

.left-41px {
  margin-left: 41px; }

.margin-42px {
  margin: 42px; }

.top-42px {
  margin-top: 42px; }

.right-42px {
  margin-right: 42px; }

.bottom-42px {
  margin-bottom: 42px; }

.left-42px {
  margin-left: 42px; }

.margin-43px {
  margin: 43px; }

.top-43px {
  margin-top: 43px; }

.right-43px {
  margin-right: 43px; }

.bottom-43px {
  margin-bottom: 43px; }

.left-43px {
  margin-left: 43px; }

.margin-44px {
  margin: 44px; }

.top-44px {
  margin-top: 44px; }

.right-44px {
  margin-right: 44px; }

.bottom-44px {
  margin-bottom: 44px; }

.left-44px {
  margin-left: 44px; }

.margin-45px {
  margin: 45px; }

.top-45px {
  margin-top: 45px; }

.right-45px {
  margin-right: 45px; }

.bottom-45px {
  margin-bottom: 45px; }

.left-45px {
  margin-left: 45px; }

.margin-46px {
  margin: 46px; }

.top-46px {
  margin-top: 46px; }

.right-46px {
  margin-right: 46px; }

.bottom-46px {
  margin-bottom: 46px; }

.left-46px {
  margin-left: 46px; }

.margin-47px {
  margin: 47px; }

.top-47px {
  margin-top: 47px; }

.right-47px {
  margin-right: 47px; }

.bottom-47px {
  margin-bottom: 47px; }

.left-47px {
  margin-left: 47px; }

.margin-48px {
  margin: 48px; }

.top-48px {
  margin-top: 48px; }

.right-48px {
  margin-right: 48px; }

.bottom-48px {
  margin-bottom: 48px; }

.left-48px {
  margin-left: 48px; }

.margin-49px {
  margin: 49px; }

.top-49px {
  margin-top: 49px; }

.right-49px {
  margin-right: 49px; }

.bottom-49px {
  margin-bottom: 49px; }

.left-49px {
  margin-left: 49px; }

.margin-50px {
  margin: 50px; }

.top-50px {
  margin-top: 50px; }

.right-50px {
  margin-right: 50px; }

.bottom-50px {
  margin-bottom: 50px; }

.left-50px {
  margin-left: 50px; }

.margin-51px {
  margin: 51px; }

.top-51px {
  margin-top: 51px; }

.right-51px {
  margin-right: 51px; }

.bottom-51px {
  margin-bottom: 51px; }

.left-51px {
  margin-left: 51px; }

.margin-52px {
  margin: 52px; }

.top-52px {
  margin-top: 52px; }

.right-52px {
  margin-right: 52px; }

.bottom-52px {
  margin-bottom: 52px; }

.left-52px {
  margin-left: 52px; }

.margin-53px {
  margin: 53px; }

.top-53px {
  margin-top: 53px; }

.right-53px {
  margin-right: 53px; }

.bottom-53px {
  margin-bottom: 53px; }

.left-53px {
  margin-left: 53px; }

.margin-54px {
  margin: 54px; }

.top-54px {
  margin-top: 54px; }

.right-54px {
  margin-right: 54px; }

.bottom-54px {
  margin-bottom: 54px; }

.left-54px {
  margin-left: 54px; }

.margin-55px {
  margin: 55px; }

.top-55px {
  margin-top: 55px; }

.right-55px {
  margin-right: 55px; }

.bottom-55px {
  margin-bottom: 55px; }

.left-55px {
  margin-left: 55px; }

.margin-56px {
  margin: 56px; }

.top-56px {
  margin-top: 56px; }

.right-56px {
  margin-right: 56px; }

.bottom-56px {
  margin-bottom: 56px; }

.left-56px {
  margin-left: 56px; }

.margin-57px {
  margin: 57px; }

.top-57px {
  margin-top: 57px; }

.right-57px {
  margin-right: 57px; }

.bottom-57px {
  margin-bottom: 57px; }

.left-57px {
  margin-left: 57px; }

.margin-58px {
  margin: 58px; }

.top-58px {
  margin-top: 58px; }

.right-58px {
  margin-right: 58px; }

.bottom-58px {
  margin-bottom: 58px; }

.left-58px {
  margin-left: 58px; }

.margin-59px {
  margin: 59px; }

.top-59px {
  margin-top: 59px; }

.right-59px {
  margin-right: 59px; }

.bottom-59px {
  margin-bottom: 59px; }

.left-59px {
  margin-left: 59px; }

.margin-60px {
  margin: 60px; }

.top-60px {
  margin-top: 60px; }

.right-60px {
  margin-right: 60px; }

.bottom-60px {
  margin-bottom: 60px; }

.left-60px {
  margin-left: 60px; }

.margin-61px {
  margin: 61px; }

.top-61px {
  margin-top: 61px; }

.right-61px {
  margin-right: 61px; }

.bottom-61px {
  margin-bottom: 61px; }

.left-61px {
  margin-left: 61px; }

.margin-62px {
  margin: 62px; }

.top-62px {
  margin-top: 62px; }

.right-62px {
  margin-right: 62px; }

.bottom-62px {
  margin-bottom: 62px; }

.left-62px {
  margin-left: 62px; }

.margin-63px {
  margin: 63px; }

.top-63px {
  margin-top: 63px; }

.right-63px {
  margin-right: 63px; }

.bottom-63px {
  margin-bottom: 63px; }

.left-63px {
  margin-left: 63px; }

.margin-64px {
  margin: 64px; }

.top-64px {
  margin-top: 64px; }

.right-64px {
  margin-right: 64px; }

.bottom-64px {
  margin-bottom: 64px; }

.left-64px {
  margin-left: 64px; }

.margin-65px {
  margin: 65px; }

.top-65px {
  margin-top: 65px; }

.right-65px {
  margin-right: 65px; }

.bottom-65px {
  margin-bottom: 65px; }

.left-65px {
  margin-left: 65px; }

.margin-66px {
  margin: 66px; }

.top-66px {
  margin-top: 66px; }

.right-66px {
  margin-right: 66px; }

.bottom-66px {
  margin-bottom: 66px; }

.left-66px {
  margin-left: 66px; }

.margin-67px {
  margin: 67px; }

.top-67px {
  margin-top: 67px; }

.right-67px {
  margin-right: 67px; }

.bottom-67px {
  margin-bottom: 67px; }

.left-67px {
  margin-left: 67px; }

.margin-68px {
  margin: 68px; }

.top-68px {
  margin-top: 68px; }

.right-68px {
  margin-right: 68px; }

.bottom-68px {
  margin-bottom: 68px; }

.left-68px {
  margin-left: 68px; }

.margin-69px {
  margin: 69px; }

.top-69px {
  margin-top: 69px; }

.right-69px {
  margin-right: 69px; }

.bottom-69px {
  margin-bottom: 69px; }

.left-69px {
  margin-left: 69px; }

.margin-70px {
  margin: 70px; }

.top-70px {
  margin-top: 70px; }

.right-70px {
  margin-right: 70px; }

.bottom-70px {
  margin-bottom: 70px; }

.left-70px {
  margin-left: 70px; }

.margin-71px {
  margin: 71px; }

.top-71px {
  margin-top: 71px; }

.right-71px {
  margin-right: 71px; }

.bottom-71px {
  margin-bottom: 71px; }

.left-71px {
  margin-left: 71px; }

.margin-72px {
  margin: 72px; }

.top-72px {
  margin-top: 72px; }

.right-72px {
  margin-right: 72px; }

.bottom-72px {
  margin-bottom: 72px; }

.left-72px {
  margin-left: 72px; }

.margin-73px {
  margin: 73px; }

.top-73px {
  margin-top: 73px; }

.right-73px {
  margin-right: 73px; }

.bottom-73px {
  margin-bottom: 73px; }

.left-73px {
  margin-left: 73px; }

.margin-74px {
  margin: 74px; }

.top-74px {
  margin-top: 74px; }

.right-74px {
  margin-right: 74px; }

.bottom-74px {
  margin-bottom: 74px; }

.left-74px {
  margin-left: 74px; }

.margin-75px {
  margin: 75px; }

.top-75px {
  margin-top: 75px; }

.right-75px {
  margin-right: 75px; }

.bottom-75px {
  margin-bottom: 75px; }

.left-75px {
  margin-left: 75px; }

.margin-76px {
  margin: 76px; }

.top-76px {
  margin-top: 76px; }

.right-76px {
  margin-right: 76px; }

.bottom-76px {
  margin-bottom: 76px; }

.left-76px {
  margin-left: 76px; }

.margin-77px {
  margin: 77px; }

.top-77px {
  margin-top: 77px; }

.right-77px {
  margin-right: 77px; }

.bottom-77px {
  margin-bottom: 77px; }

.left-77px {
  margin-left: 77px; }

.margin-78px {
  margin: 78px; }

.top-78px {
  margin-top: 78px; }

.right-78px {
  margin-right: 78px; }

.bottom-78px {
  margin-bottom: 78px; }

.left-78px {
  margin-left: 78px; }

.margin-79px {
  margin: 79px; }

.top-79px {
  margin-top: 79px; }

.right-79px {
  margin-right: 79px; }

.bottom-79px {
  margin-bottom: 79px; }

.left-79px {
  margin-left: 79px; }

.margin-80px {
  margin: 80px; }

.top-80px {
  margin-top: 80px; }

.right-80px {
  margin-right: 80px; }

.bottom-80px {
  margin-bottom: 80px; }

.left-80px {
  margin-left: 80px; }

.margin-81px {
  margin: 81px; }

.top-81px {
  margin-top: 81px; }

.right-81px {
  margin-right: 81px; }

.bottom-81px {
  margin-bottom: 81px; }

.left-81px {
  margin-left: 81px; }

.margin-82px {
  margin: 82px; }

.top-82px {
  margin-top: 82px; }

.right-82px {
  margin-right: 82px; }

.bottom-82px {
  margin-bottom: 82px; }

.left-82px {
  margin-left: 82px; }

.margin-83px {
  margin: 83px; }

.top-83px {
  margin-top: 83px; }

.right-83px {
  margin-right: 83px; }

.bottom-83px {
  margin-bottom: 83px; }

.left-83px {
  margin-left: 83px; }

.margin-84px {
  margin: 84px; }

.top-84px {
  margin-top: 84px; }

.right-84px {
  margin-right: 84px; }

.bottom-84px {
  margin-bottom: 84px; }

.left-84px {
  margin-left: 84px; }

.margin-85px {
  margin: 85px; }

.top-85px {
  margin-top: 85px; }

.right-85px {
  margin-right: 85px; }

.bottom-85px {
  margin-bottom: 85px; }

.left-85px {
  margin-left: 85px; }

.margin-86px {
  margin: 86px; }

.top-86px {
  margin-top: 86px; }

.right-86px {
  margin-right: 86px; }

.bottom-86px {
  margin-bottom: 86px; }

.left-86px {
  margin-left: 86px; }

.margin-87px {
  margin: 87px; }

.top-87px {
  margin-top: 87px; }

.right-87px {
  margin-right: 87px; }

.bottom-87px {
  margin-bottom: 87px; }

.left-87px {
  margin-left: 87px; }

.margin-88px {
  margin: 88px; }

.top-88px {
  margin-top: 88px; }

.right-88px {
  margin-right: 88px; }

.bottom-88px {
  margin-bottom: 88px; }

.left-88px {
  margin-left: 88px; }

.margin-89px {
  margin: 89px; }

.top-89px {
  margin-top: 89px; }

.right-89px {
  margin-right: 89px; }

.bottom-89px {
  margin-bottom: 89px; }

.left-89px {
  margin-left: 89px; }

.margin-90px {
  margin: 90px; }

.top-90px {
  margin-top: 90px; }

.right-90px {
  margin-right: 90px; }

.bottom-90px {
  margin-bottom: 90px; }

.left-90px {
  margin-left: 90px; }

.margin-91px {
  margin: 91px; }

.top-91px {
  margin-top: 91px; }

.right-91px {
  margin-right: 91px; }

.bottom-91px {
  margin-bottom: 91px; }

.left-91px {
  margin-left: 91px; }

.margin-92px {
  margin: 92px; }

.top-92px {
  margin-top: 92px; }

.right-92px {
  margin-right: 92px; }

.bottom-92px {
  margin-bottom: 92px; }

.left-92px {
  margin-left: 92px; }

.margin-93px {
  margin: 93px; }

.top-93px {
  margin-top: 93px; }

.right-93px {
  margin-right: 93px; }

.bottom-93px {
  margin-bottom: 93px; }

.left-93px {
  margin-left: 93px; }

.margin-94px {
  margin: 94px; }

.top-94px {
  margin-top: 94px; }

.right-94px {
  margin-right: 94px; }

.bottom-94px {
  margin-bottom: 94px; }

.left-94px {
  margin-left: 94px; }

.margin-95px {
  margin: 95px; }

.top-95px {
  margin-top: 95px; }

.right-95px {
  margin-right: 95px; }

.bottom-95px {
  margin-bottom: 95px; }

.left-95px {
  margin-left: 95px; }

.margin-96px {
  margin: 96px; }

.top-96px {
  margin-top: 96px; }

.right-96px {
  margin-right: 96px; }

.bottom-96px {
  margin-bottom: 96px; }

.left-96px {
  margin-left: 96px; }

.margin-97px {
  margin: 97px; }

.top-97px {
  margin-top: 97px; }

.right-97px {
  margin-right: 97px; }

.bottom-97px {
  margin-bottom: 97px; }

.left-97px {
  margin-left: 97px; }

.margin-98px {
  margin: 98px; }

.top-98px {
  margin-top: 98px; }

.right-98px {
  margin-right: 98px; }

.bottom-98px {
  margin-bottom: 98px; }

.left-98px {
  margin-left: 98px; }

.margin-99px {
  margin: 99px; }

.top-99px {
  margin-top: 99px; }

.right-99px {
  margin-right: 99px; }

.bottom-99px {
  margin-bottom: 99px; }

.left-99px {
  margin-left: 99px; }

.margin-100px {
  margin: 100px; }

.top-100px {
  margin-top: 100px; }

.right-100px {
  margin-right: 100px; }

.bottom-100px {
  margin-bottom: 100px; }

.left-100px {
  margin-left: 100px; }

.width-1 {
  width: 1%; }

.height-1 {
  height: 1%; }

.width-1px {
  width: 1px; }

.height-1px {
  height: 1px; }

.width-2 {
  width: 2%; }

.height-2 {
  height: 2%; }

.width-2px {
  width: 2px; }

.height-2px {
  height: 2px; }

.width-3 {
  width: 3%; }

.height-3 {
  height: 3%; }

.width-3px {
  width: 3px; }

.height-3px {
  height: 3px; }

.width-4 {
  width: 4%; }

.height-4 {
  height: 4%; }

.width-4px {
  width: 4px; }

.height-4px {
  height: 4px; }

.width-5 {
  width: 5%; }

.height-5 {
  height: 5%; }

.width-5px {
  width: 5px; }

.height-5px {
  height: 5px; }

.width-6 {
  width: 6%; }

.height-6 {
  height: 6%; }

.width-6px {
  width: 6px; }

.height-6px {
  height: 6px; }

.width-7 {
  width: 7%; }

.height-7 {
  height: 7%; }

.width-7px {
  width: 7px; }

.height-7px {
  height: 7px; }

.width-8 {
  width: 8%; }

.height-8 {
  height: 8%; }

.width-8px {
  width: 8px; }

.height-8px {
  height: 8px; }

.width-9 {
  width: 9%; }

.height-9 {
  height: 9%; }

.width-9px {
  width: 9px; }

.height-9px {
  height: 9px; }

.width-10 {
  width: 10%; }

.height-10 {
  height: 10%; }

.width-10px {
  width: 10px; }

.height-10px {
  height: 10px; }

.width-11 {
  width: 11%; }

.height-11 {
  height: 11%; }

.width-11px {
  width: 11px; }

.height-11px {
  height: 11px; }

.width-12 {
  width: 12%; }

.height-12 {
  height: 12%; }

.width-12px {
  width: 12px; }

.height-12px {
  height: 12px; }

.width-13 {
  width: 13%; }

.height-13 {
  height: 13%; }

.width-13px {
  width: 13px; }

.height-13px {
  height: 13px; }

.width-14 {
  width: 14%; }

.height-14 {
  height: 14%; }

.width-14px {
  width: 14px; }

.height-14px {
  height: 14px; }

.width-15 {
  width: 15%; }

.height-15 {
  height: 15%; }

.width-15px {
  width: 15px; }

.height-15px {
  height: 15px; }

.width-16 {
  width: 16%; }

.height-16 {
  height: 16%; }

.width-16px {
  width: 16px; }

.height-16px {
  height: 16px; }

.width-17 {
  width: 17%; }

.height-17 {
  height: 17%; }

.width-17px {
  width: 17px; }

.height-17px {
  height: 17px; }

.width-18 {
  width: 18%; }

.height-18 {
  height: 18%; }

.width-18px {
  width: 18px; }

.height-18px {
  height: 18px; }

.width-19 {
  width: 19%; }

.height-19 {
  height: 19%; }

.width-19px {
  width: 19px; }

.height-19px {
  height: 19px; }

.width-20 {
  width: 20%; }

.height-20 {
  height: 20%; }

.width-20px {
  width: 20px; }

.height-20px {
  height: 20px; }

.width-21 {
  width: 21%; }

.height-21 {
  height: 21%; }

.width-21px {
  width: 21px; }

.height-21px {
  height: 21px; }

.width-22 {
  width: 22%; }

.height-22 {
  height: 22%; }

.width-22px {
  width: 22px; }

.height-22px {
  height: 22px; }

.width-23 {
  width: 23%; }

.height-23 {
  height: 23%; }

.width-23px {
  width: 23px; }

.height-23px {
  height: 23px; }

.width-24 {
  width: 24%; }

.height-24 {
  height: 24%; }

.width-24px {
  width: 24px; }

.height-24px {
  height: 24px; }

.width-25 {
  width: 25%; }

.height-25 {
  height: 25%; }

.width-25px {
  width: 25px; }

.height-25px {
  height: 25px; }

.width-26 {
  width: 26%; }

.height-26 {
  height: 26%; }

.width-26px {
  width: 26px; }

.height-26px {
  height: 26px; }

.width-27 {
  width: 27%; }

.height-27 {
  height: 27%; }

.width-27px {
  width: 27px; }

.height-27px {
  height: 27px; }

.width-28 {
  width: 28%; }

.height-28 {
  height: 28%; }

.width-28px {
  width: 28px; }

.height-28px {
  height: 28px; }

.width-29 {
  width: 29%; }

.height-29 {
  height: 29%; }

.width-29px {
  width: 29px; }

.height-29px {
  height: 29px; }

.width-30 {
  width: 30%; }

.height-30 {
  height: 30%; }

.width-30px {
  width: 30px; }

.height-30px {
  height: 30px; }

.width-31 {
  width: 31%; }

.height-31 {
  height: 31%; }

.width-31px {
  width: 31px; }

.height-31px {
  height: 31px; }

.width-32 {
  width: 32%; }

.height-32 {
  height: 32%; }

.width-32px {
  width: 32px; }

.height-32px {
  height: 32px; }

.width-33 {
  width: 33%; }

.height-33 {
  height: 33%; }

.width-33px {
  width: 33px; }

.height-33px {
  height: 33px; }

.width-34 {
  width: 34%; }

.height-34 {
  height: 34%; }

.width-34px {
  width: 34px; }

.height-34px {
  height: 34px; }

.width-35 {
  width: 35%; }

.height-35 {
  height: 35%; }

.width-35px {
  width: 35px; }

.height-35px {
  height: 35px; }

.width-36 {
  width: 36%; }

.height-36 {
  height: 36%; }

.width-36px {
  width: 36px; }

.height-36px {
  height: 36px; }

.width-37 {
  width: 37%; }

.height-37 {
  height: 37%; }

.width-37px {
  width: 37px; }

.height-37px {
  height: 37px; }

.width-38 {
  width: 38%; }

.height-38 {
  height: 38%; }

.width-38px {
  width: 38px; }

.height-38px {
  height: 38px; }

.width-39 {
  width: 39%; }

.height-39 {
  height: 39%; }

.width-39px {
  width: 39px; }

.height-39px {
  height: 39px; }

.width-40 {
  width: 40%; }

.height-40 {
  height: 40%; }

.width-40px {
  width: 40px; }

.height-40px {
  height: 40px; }

.width-41 {
  width: 41%; }

.height-41 {
  height: 41%; }

.width-41px {
  width: 41px; }

.height-41px {
  height: 41px; }

.width-42 {
  width: 42%; }

.height-42 {
  height: 42%; }

.width-42px {
  width: 42px; }

.height-42px {
  height: 42px; }

.width-43 {
  width: 43%; }

.height-43 {
  height: 43%; }

.width-43px {
  width: 43px; }

.height-43px {
  height: 43px; }

.width-44 {
  width: 44%; }

.height-44 {
  height: 44%; }

.width-44px {
  width: 44px; }

.height-44px {
  height: 44px; }

.width-45 {
  width: 45%; }

.height-45 {
  height: 45%; }

.width-45px {
  width: 45px; }

.height-45px {
  height: 45px; }

.width-46 {
  width: 46%; }

.height-46 {
  height: 46%; }

.width-46px {
  width: 46px; }

.height-46px {
  height: 46px; }

.width-47 {
  width: 47%; }

.height-47 {
  height: 47%; }

.width-47px {
  width: 47px; }

.height-47px {
  height: 47px; }

.width-48 {
  width: 48%; }

.height-48 {
  height: 48%; }

.width-48px {
  width: 48px; }

.height-48px {
  height: 48px; }

.width-49 {
  width: 49%; }

.height-49 {
  height: 49%; }

.width-49px {
  width: 49px; }

.height-49px {
  height: 49px; }

.width-50 {
  width: 50%; }

.height-50 {
  height: 50%; }

.width-50px {
  width: 50px; }

.height-50px {
  height: 50px; }

.width-51 {
  width: 51%; }

.height-51 {
  height: 51%; }

.width-51px {
  width: 51px; }

.height-51px {
  height: 51px; }

.width-52 {
  width: 52%; }

.height-52 {
  height: 52%; }

.width-52px {
  width: 52px; }

.height-52px {
  height: 52px; }

.width-53 {
  width: 53%; }

.height-53 {
  height: 53%; }

.width-53px {
  width: 53px; }

.height-53px {
  height: 53px; }

.width-54 {
  width: 54%; }

.height-54 {
  height: 54%; }

.width-54px {
  width: 54px; }

.height-54px {
  height: 54px; }

.width-55 {
  width: 55%; }

.height-55 {
  height: 55%; }

.width-55px {
  width: 55px; }

.height-55px {
  height: 55px; }

.width-56 {
  width: 56%; }

.height-56 {
  height: 56%; }

.width-56px {
  width: 56px; }

.height-56px {
  height: 56px; }

.width-57 {
  width: 57%; }

.height-57 {
  height: 57%; }

.width-57px {
  width: 57px; }

.height-57px {
  height: 57px; }

.width-58 {
  width: 58%; }

.height-58 {
  height: 58%; }

.width-58px {
  width: 58px; }

.height-58px {
  height: 58px; }

.width-59 {
  width: 59%; }

.height-59 {
  height: 59%; }

.width-59px {
  width: 59px; }

.height-59px {
  height: 59px; }

.width-60 {
  width: 60%; }

.height-60 {
  height: 60%; }

.width-60px {
  width: 60px; }

.height-60px {
  height: 60px; }

.width-61 {
  width: 61%; }

.height-61 {
  height: 61%; }

.width-61px {
  width: 61px; }

.height-61px {
  height: 61px; }

.width-62 {
  width: 62%; }

.height-62 {
  height: 62%; }

.width-62px {
  width: 62px; }

.height-62px {
  height: 62px; }

.width-63 {
  width: 63%; }

.height-63 {
  height: 63%; }

.width-63px {
  width: 63px; }

.height-63px {
  height: 63px; }

.width-64 {
  width: 64%; }

.height-64 {
  height: 64%; }

.width-64px {
  width: 64px; }

.height-64px {
  height: 64px; }

.width-65 {
  width: 65%; }

.height-65 {
  height: 65%; }

.width-65px {
  width: 65px; }

.height-65px {
  height: 65px; }

.width-66 {
  width: 66%; }

.height-66 {
  height: 66%; }

.width-66px {
  width: 66px; }

.height-66px {
  height: 66px; }

.width-67 {
  width: 67%; }

.height-67 {
  height: 67%; }

.width-67px {
  width: 67px; }

.height-67px {
  height: 67px; }

.width-68 {
  width: 68%; }

.height-68 {
  height: 68%; }

.width-68px {
  width: 68px; }

.height-68px {
  height: 68px; }

.width-69 {
  width: 69%; }

.height-69 {
  height: 69%; }

.width-69px {
  width: 69px; }

.height-69px {
  height: 69px; }

.width-70 {
  width: 70%; }

.height-70 {
  height: 70%; }

.width-70px {
  width: 70px; }

.height-70px {
  height: 70px; }

.width-71 {
  width: 71%; }

.height-71 {
  height: 71%; }

.width-71px {
  width: 71px; }

.height-71px {
  height: 71px; }

.width-72 {
  width: 72%; }

.height-72 {
  height: 72%; }

.width-72px {
  width: 72px; }

.height-72px {
  height: 72px; }

.width-73 {
  width: 73%; }

.height-73 {
  height: 73%; }

.width-73px {
  width: 73px; }

.height-73px {
  height: 73px; }

.width-74 {
  width: 74%; }

.height-74 {
  height: 74%; }

.width-74px {
  width: 74px; }

.height-74px {
  height: 74px; }

.width-75 {
  width: 75%; }

.height-75 {
  height: 75%; }

.width-75px {
  width: 75px; }

.height-75px {
  height: 75px; }

.width-76 {
  width: 76%; }

.height-76 {
  height: 76%; }

.width-76px {
  width: 76px; }

.height-76px {
  height: 76px; }

.width-77 {
  width: 77%; }

.height-77 {
  height: 77%; }

.width-77px {
  width: 77px; }

.height-77px {
  height: 77px; }

.width-78 {
  width: 78%; }

.height-78 {
  height: 78%; }

.width-78px {
  width: 78px; }

.height-78px {
  height: 78px; }

.width-79 {
  width: 79%; }

.height-79 {
  height: 79%; }

.width-79px {
  width: 79px; }

.height-79px {
  height: 79px; }

.width-80 {
  width: 80%; }

.height-80 {
  height: 80%; }

.width-80px {
  width: 80px; }

.height-80px {
  height: 80px; }

.width-81 {
  width: 81%; }

.height-81 {
  height: 81%; }

.width-81px {
  width: 81px; }

.height-81px {
  height: 81px; }

.width-82 {
  width: 82%; }

.height-82 {
  height: 82%; }

.width-82px {
  width: 82px; }

.height-82px {
  height: 82px; }

.width-83 {
  width: 83%; }

.height-83 {
  height: 83%; }

.width-83px {
  width: 83px; }

.height-83px {
  height: 83px; }

.width-84 {
  width: 84%; }

.height-84 {
  height: 84%; }

.width-84px {
  width: 84px; }

.height-84px {
  height: 84px; }

.width-85 {
  width: 85%; }

.height-85 {
  height: 85%; }

.width-85px {
  width: 85px; }

.height-85px {
  height: 85px; }

.width-86 {
  width: 86%; }

.height-86 {
  height: 86%; }

.width-86px {
  width: 86px; }

.height-86px {
  height: 86px; }

.width-87 {
  width: 87%; }

.height-87 {
  height: 87%; }

.width-87px {
  width: 87px; }

.height-87px {
  height: 87px; }

.width-88 {
  width: 88%; }

.height-88 {
  height: 88%; }

.width-88px {
  width: 88px; }

.height-88px {
  height: 88px; }

.width-89 {
  width: 89%; }

.height-89 {
  height: 89%; }

.width-89px {
  width: 89px; }

.height-89px {
  height: 89px; }

.width-90 {
  width: 90%; }

.height-90 {
  height: 90%; }

.width-90px {
  width: 90px; }

.height-90px {
  height: 90px; }

.width-91 {
  width: 91%; }

.height-91 {
  height: 91%; }

.width-91px {
  width: 91px; }

.height-91px {
  height: 91px; }

.width-92 {
  width: 92%; }

.height-92 {
  height: 92%; }

.width-92px {
  width: 92px; }

.height-92px {
  height: 92px; }

.width-93 {
  width: 93%; }

.height-93 {
  height: 93%; }

.width-93px {
  width: 93px; }

.height-93px {
  height: 93px; }

.width-94 {
  width: 94%; }

.height-94 {
  height: 94%; }

.width-94px {
  width: 94px; }

.height-94px {
  height: 94px; }

.width-95 {
  width: 95%; }

.height-95 {
  height: 95%; }

.width-95px {
  width: 95px; }

.height-95px {
  height: 95px; }

.width-96 {
  width: 96%; }

.height-96 {
  height: 96%; }

.width-96px {
  width: 96px; }

.height-96px {
  height: 96px; }

.width-97 {
  width: 97%; }

.height-97 {
  height: 97%; }

.width-97px {
  width: 97px; }

.height-97px {
  height: 97px; }

.width-98 {
  width: 98%; }

.height-98 {
  height: 98%; }

.width-98px {
  width: 98px; }

.height-98px {
  height: 98px; }

.width-99 {
  width: 99%; }

.height-99 {
  height: 99%; }

.width-99px {
  width: 99px; }

.height-99px {
  height: 99px; }

.width-100 {
  width: 100%; }

.height-100 {
  height: 100%; }

.width-100px {
  width: 100px; }

.height-100px {
  height: 100px; }

.homepage-header {
  margin-bottom: 40px; }
  .homepage-header .title-box {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 20px; }

.homepage-section-title {
  margin-bottom: 24px; }

.iframe-accident iframe {
  border: none; }

.iframe-driving-callcenter {
  height: 82px;
  margin-bottom: 28px; }
  .iframe-driving-callcenter iframe {
    border: none; }

.homepage-bottom .socartalk-info {
  margin-bottom: 16px; }

.homepage-menus .article-list {
  border-bottom: 1px dotted var(--grey030);
  margin-bottom: 28px; }
  .homepage-menus .article-list .article-link {
    margin-bottom: 20px; }

.homepage-menus .article-list:last-child {
  margin-bottom: 0;
  border: none; }

.faq-more-button {
  position: absolute;
  right: 24px; }

*, html, body, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer; }

figure {
  margin: 0; }

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0; }

ul, ol, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

p {
  margin: 0; }

cite {
  font-style: normal; }

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
  ========================================================================== */
/*for using REM units*/
html {
  font-size: 1px; }

/**
* 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 */
  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; }

[data-font='ios'] {
  --font-weight-normal: 400;
  --font-weight-bold: 600; }

@font-face {
  [data-font='ios'] {
    font-family: 'SF Pro Text';
    font-weight: var(--font-weight-normal);
    src: local("SF Pro Text"), url("//frontend-design-system.socar.kr/assets/fonts/SF-Pro-Text-Regular.woff") format("woff"); } }

@font-face {
  [data-font='ios'] {
    font-family: 'SF Pro Display Semibold';
    font-weight: var(--font-weight-normal);
    src: local("SF Pro Display Semibold"), url("//frontend-design-system.socar.kr/assets/fonts/SF-Pro-Display-Semibold.woff") format("woff"); } }
  [data-font='ios'] body {
    font-family: 'SF Pro Text', 'SF Pro Display Semibold', 'Apple SD Gothic Neo';
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

[data-font='android'] {
  --font-weight-normal: 400;
  --font-weight-bold: 700; }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Regular';
    font-weight: var(--font-weight-normal);
    src: local("Spoqa Han Sans Regular"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansRegular.woff2") format("woff2"); } }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Bold';
    font-weight: var(--font-weight-bold);
    src: local("Spoqa Han Sans Bold"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansBold.woff2") format("woff2"); } }

@font-face {
  [data-font='android'] {
    font-family: 'Spoqa Han Sans Bold';
    font-weight: bold;
    src: local("Spoqa Han Sans Bold"), url("//frontend-design-system.socar.kr/assets/fonts/SpoqaHanSansBold.woff2") format("woff2"); } }
  [data-font='android'] body {
    font-family: 'Spoqa Han Sans Regular', 'Spoqa Han Sans Bold';
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.header1, .page-header .page-title, .homepage-header .title-box .page-title {
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal; }

.header2, .article-title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal; }

.subtitle1, .homepage-section-title, .no-search-results {
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal; }

.subtitle2, .regular-fill-button-blue {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.subtitle3, html em, body em, main em, .related-articles-title {
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }

.subtitle4, .search-results-subheading {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.body1, .section-tree-title, .blocks-item, .search-container .search input[type="search2"], .homepage-menus .article-list .article-link, .search-result-title, .section-page .article-list-item {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.body2, .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-prev .pagination-prev-text, .homepage-bottom .socartalk-info, .faq-more-button, .search-results-description {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }

.caption1 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.caption2 {
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal; }

:root {
  --grey010: #fdfdfd;
  --grey020: #f7f8f9;
  --grey030: #e9ebee;
  --grey040: #c5c8ce;
  --grey050: #646f7c;
  --grey060: #374553;
  --grey070: #28323c;
  --grey080: #161d24;
  --white: #ffffff;
  --black: #000000;
  --blue010: #F0FAFF;
  --blue020: #b2e5ff;
  --blue030: #7dd5ff;
  --blue040: #44c4ff;
  --blue050: #00b8ff;
  --blue060: #00aafe;
  --blue070: #009bef;
  --blue080: #0088da;
  --coral010: #FFEEF1;
  --coral020: #FFD5D9;
  --coral030: #F8A8A5;
  --coral040: #F28882;
  --coral050: #FF6F61;
  --coral060: #FF6247;
  --coral070: #FF5B48;
  --coral080: #E45141;
  --navy050: #0069ff;
  --navy060: #1B56EC;
  --red050: #ff2c51;
  --yellow050: #fff028;
  --yellow060: #ffd324;
  --socarbusiness050: #00469d;
  --socarplus050: #006ddf;
  --socarplan050: #ffcc00; }

.background-base {
  background-color: var(--white); }

.background-elevated-modal {
  background-color: var(--white); }

.background-base-otherside {
  background-color: var(--grey070); }

.background-grouped-base {
  background-color: var(--grey020); }

.background-grouped-contents {
  background-color: var(--white); }

.button-basecolor-blue {
  background-color: var(--blue050); }

.button-basecolor-grey {
  background-color: var(--grey060); }

.button-basecolor-coral {
  background-color: var(--coral050); }

.button-basecolor-disabled {
  background-color: var(--grey030); }

.button-basecolor-line {
  background-color: var(--white); }

.button-basecolor-disabled {
  background-color: #e9ebee; }

.bg-pressed-light {
  background-color: var(--pressed-light); }

.bg-grey010 {
  background-color: var(--grey010); }

.bg-grey020 {
  background-color: var(--grey020); }

.bg-grey030 {
  background-color: var(--grey030); }

.bg-grey040 {
  background-color: var(--grey040); }

.bg-grey050 {
  background-color: var(--grey050); }

.bg-grey060 {
  background-color: var(--grey060); }

.bg-grey070 {
  background-color: var(--grey070); }

.bg-grey080 {
  background-color: var(--grey080); }

.bg-white {
  background-color: var(--white); }

.bg-black {
  background-color: var(--black); }

.bg-blue010 {
  background-color: var(--blue010); }

.bg-blue020 {
  background-color: var(--blue020); }

.bg-blue030 {
  background-color: var(--blue030); }

.bg-blue040 {
  background-color: var(--blue040); }

.bg-blue050 {
  background-color: var(--blue050); }

.bg-blue060 {
  background-color: var(--blue060); }

.bg-blue070 {
  background-color: var(--blue070); }

.bg-blue080 {
  background-color: var(--blue080); }

.bg-coral010 {
  background-color: var(--coral010); }

.bg-coral020 {
  background-color: var(--coral020); }

.bg-coral030 {
  background-color: var(--coral030); }

.bg-coral040 {
  background-color: var(--coral040); }

.bg-coral050 {
  background-color: var(--coral050); }

.bg-coral060 {
  background-color: var(--coral060); }

.bg-coral070 {
  background-color: var(--coral070); }

.bg-coral080 {
  background-color: var(--coral080); }

.bg-yellow050 {
  background-color: var(--yellow050); }

.bg-yellow060 {
  background-color: var(--yellow060); }

.bg-navy050 {
  background-color: var(--navy050); }

.bg-navy060 {
  background-color: var(--navy060); }

.bg-red050 {
  background-color: var(--red050); }

.bg-socarbusiness050 {
  background-color: var(--socarbusiness050); }

.bg-socarplus050 {
  background-color: var(--socarplus050); }

.bg-socarplan050 {
  background-color: var(--socarplan050); }

.primary, html em, body em, main em, .section-tree-title, .page-header .page-title, .homepage-header .title-box .page-title, .blocks-item, .search-container .search input[type="search2"], .homepage-section-title, .homepage-menus .article-list .article-link, .article-title, .search-results-subheading, .search-result-title, .no-search-results, .section-page .article-list-item {
  color: var(--grey060); }

.secondary, .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-prev .pagination-prev-text, .homepage-bottom .socartalk-info, .faq-more-button, .search-results-description {
  color: var(--grey050); }

.disable-placeholder {
  color: var(--grey040); }

.button-textcolor-white {
  color: var(--white); }

.button-textcolor-disabled {
  color: var(--grey040); }

.button-textcolor-blue {
  color: var(--blue050); }

.button-textcolor-secondary {
  color: var(--grey050); }

.button-textcolor-coral {
  color: var(--coral050); }

.grey010 {
  color: var(--grey010); }

.grey020 {
  color: var(--grey020); }

.grey030 {
  color: var(--grey030); }

.grey040 {
  color: var(--grey040); }

.grey050 {
  color: var(--grey050); }

.grey060 {
  color: var(--grey060); }

.grey070 {
  color: var(--grey070); }

.grey080 {
  color: var(--grey080); }

.white, .regular-fill-button-blue {
  color: var(--white); }

.black {
  color: var(--black); }

.blue010 {
  color: var(--blue010); }

.blue020 {
  color: var(--blue020); }

.blue030 {
  color: var(--blue030); }

.blue040 {
  color: var(--blue040); }

.blue050 {
  color: var(--blue050); }

.blue060 {
  color: var(--blue060); }

.blue070 {
  color: var(--blue070); }

.blue080 {
  color: var(--blue080); }

.coral010 {
  color: var(--coral010); }

.coral020 {
  color: var(--coral020); }

.coral030 {
  color: var(--coral030); }

.coral040 {
  color: var(--coral040); }

.coral050 {
  color: var(--coral050); }

.coral060 {
  color: var(--coral060); }

.coral070 {
  color: var(--coral070); }

.coral080 {
  color: var(--coral080); }

.yellow050 {
  color: var(--yellow050); }

.yellow060 {
  color: var(--yellow060); }

.navy050 {
  color: var(--navy050); }

.navy060 {
  color: var(--navy060); }

.red050 {
  color: var(--red050); }

.socarbusiness050 {
  color: var(--socarbusiness050); }

.socarplus050 {
  color: var(--socarplus050); }

.socarplan050 {
  color: var(--socarplan050); }

.border-basic1 {
  border-color: var(--grey030);
  border: 1px solid; }

.border-basic2 {
  border-color: var(--grey030);
  border: 1px solid; }

.button-bordercolor-line {
  border-color: var(--grey030); }

.dim-thick {
  background-color: var(--grey080);
  opacity: .75; }

.dim-basic {
  background-color: var(--grey080);
  opacity: .5; }

.dim-thin {
  background-color: var(--grey080);
  opacity: .15; }

.dim-toast {
  background-color: var(--grey080);
  opacity: .75; }

[data-theme="dark"] {
  --grey010: #1e2427;
  --grey020: #2e363a;
  --grey030: #41474c;
  --grey040: #5a6166;
  --grey050: #999fa4;
  --grey060: #c5c8ce;
  --grey070: #f7f8f9;
  --grey080: #fdfdfd;
  --white: #ffffff;
  --black: #000000;
  --blue010: #0656A6;
  --blue020: #0088dc;
  --blue030: #00a9ff;
  --blue040: #00b7ff;
  --blue050: #00c3ff;
  --blue060: #6fd4ff;
  --blue070: #ace5ff;
  --blue080: #def5ff;
  --coral010: #D73F2F;
  --coral020: #E44636;
  --coral030: #F7503C;
  --coral040: #FF583B;
  --coral050: #FF6557;
  --coral060: #F3817B;
  --coral070: #F9A4A0;
  --coral080: #FFD3D6;
  --navy050: #007EFF;
  --navy060: #008DFF;
  --red050: #f26175;
  --yellow050: #FFD324;
  --yellow060: #fff028;
  --socarbusiness050: #00469d;
  --socarplus050: #006ddf;
  --socarplan050: #ffcc00; }

[data-theme="dark"] .background-base {
  background-color: #171b1c; }

[data-theme="dark"] .background-elevated-modal {
  background-color: var(--grey010); }

[data-theme="dark"] .background-base-otherside {
  background-color: var(--black); }

[data-theme="dark"] .background-grouped-base {
  background-color: var(--black); }

[data-theme="dark"] .background-grouped-contents {
  background-color: #171b1c; }

[data-theme="dark"] .button-basecolor-blue {
  background-color: var(--blue050); }

[data-theme="dark"] .button-basecolor-grey {
  background-color: var(--grey030); }

[data-theme="dark"] .button-basecolor-disabled {
  background-color: var(--grey020); }

[data-theme="dark"] .button-textcolor-white {
  color: var(--grey070); }

[data-theme="dark"] .button-basecolor-line {
  background-color: var(--grey010); }

[data-theme="dark"] .button-basecolor-disabled {
  background-color: var(--grey020); }

[data-theme="dark"] .primary, [data-theme="dark"] html em, html [data-theme="dark"] em, [data-theme="dark"] body em, body [data-theme="dark"] em, [data-theme="dark"] main em, main [data-theme="dark"] em, [data-theme="dark"] .section-tree-title, [data-theme="dark"] .page-header .page-title, .page-header [data-theme="dark"] .page-title, [data-theme="dark"] .homepage-header .title-box .page-title, .homepage-header .title-box [data-theme="dark"] .page-title, [data-theme="dark"] .blocks-item, [data-theme="dark"] .search-container .search input[type="search2"], .search-container .search [data-theme="dark"] input[type="search2"], [data-theme="dark"] .homepage-section-title, [data-theme="dark"] .homepage-menus .article-list .article-link, .homepage-menus .article-list [data-theme="dark"] .article-link, [data-theme="dark"] .article-title, [data-theme="dark"] .search-results-subheading, [data-theme="dark"] .search-result-title, [data-theme="dark"] .no-search-results, [data-theme="dark"] .section-page .article-list-item, .section-page [data-theme="dark"] .article-list-item {
  color: var(--grey070); }

[data-theme="dark"] .secondary, [data-theme="dark"] .pagination .pagination-list .pagination-next .pagination-next-text, .pagination .pagination-list .pagination-next [data-theme="dark"] .pagination-next-text, [data-theme="dark"] .pagination .pagination-list .pagination-prev .pagination-prev-text, .pagination .pagination-list .pagination-prev [data-theme="dark"] .pagination-prev-text, [data-theme="dark"] .homepage-bottom .socartalk-info, .homepage-bottom [data-theme="dark"] .socartalk-info, [data-theme="dark"] .faq-more-button, [data-theme="dark"] .search-results-description {
  color: var(--grey060); }

[data-theme="dark"] .disable-placeholder {
  color: var(--grey040); }

[data-theme="dark"] .button-textcolor-white {
  color: var(--white); }

[data-theme="dark"] .button-textcolor-disabled {
  color: var(--grey040); }

[data-theme="dark"] .button-textcolor-blue {
  color: var(--blue050); }

[data-theme="dark"] .button-textcolor-secondary {
  color: var(--grey060); }

[data-theme="dark"] .button-textcolor-coral {
  color: var(--coral050); }

[data-theme="dark"] .border-basic1 {
  border-color: var(--grey020);
  border: 1px solid; }

[data-theme="dark"] .border-basic2 {
  background-color: none; }

[data-theme="dark"] .button-bordercolor-line {
  border-color: var(--grey030); }

[data-theme="dark"] .dim-thick {
  background-color: var(--black);
  opacity: .75; }

[data-theme="dark"] .dim-basic {
  background-color: var(--black);
  opacity: .5; }

[data-theme="dark"] .dim-thin {
  background-color: var(--black);
  opacity: .3; }

[data-theme="dark"] .dim-toast {
  background-color: var(--grey040);
  opacity: .9; }

[data-theme="dark"] .pressed-light {
  background-color: var(--white);
  opacity: .1; }

[data-theme="dark"] .pressed-dark {
  background-color: var(--white);
  opacity: .1; }

.z-idx-top, .full-screen {
  z-index: 9999; }

.z-idx-modal {
  z-index: 9990; }

.full-screen {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%; }

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

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-pre-wrap {
  white-space: pre-wrap;
  word-break: keep-all; }

.margin-1px {
  margin: 1px; }

.top-1px {
  margin-top: 1px; }

.right-1px {
  margin-right: 1px; }

.bottom-1px {
  margin-bottom: 1px; }

.left-1px {
  margin-left: 1px; }

.margin-2px {
  margin: 2px; }

.top-2px {
  margin-top: 2px; }

.right-2px {
  margin-right: 2px; }

.bottom-2px {
  margin-bottom: 2px; }

.left-2px {
  margin-left: 2px; }

.margin-3px {
  margin: 3px; }

.top-3px {
  margin-top: 3px; }

.right-3px {
  margin-right: 3px; }

.bottom-3px {
  margin-bottom: 3px; }

.left-3px {
  margin-left: 3px; }

.margin-4px {
  margin: 4px; }

.top-4px {
  margin-top: 4px; }

.right-4px {
  margin-right: 4px; }

.bottom-4px {
  margin-bottom: 4px; }

.left-4px {
  margin-left: 4px; }

.margin-5px {
  margin: 5px; }

.top-5px {
  margin-top: 5px; }

.right-5px {
  margin-right: 5px; }

.bottom-5px {
  margin-bottom: 5px; }

.left-5px {
  margin-left: 5px; }

.margin-6px {
  margin: 6px; }

.top-6px {
  margin-top: 6px; }

.right-6px {
  margin-right: 6px; }

.bottom-6px {
  margin-bottom: 6px; }

.left-6px {
  margin-left: 6px; }

.margin-7px {
  margin: 7px; }

.top-7px {
  margin-top: 7px; }

.right-7px {
  margin-right: 7px; }

.bottom-7px {
  margin-bottom: 7px; }

.left-7px {
  margin-left: 7px; }

.margin-8px {
  margin: 8px; }

.top-8px {
  margin-top: 8px; }

.right-8px {
  margin-right: 8px; }

.bottom-8px {
  margin-bottom: 8px; }

.left-8px {
  margin-left: 8px; }

.margin-9px {
  margin: 9px; }

.top-9px {
  margin-top: 9px; }

.right-9px {
  margin-right: 9px; }

.bottom-9px {
  margin-bottom: 9px; }

.left-9px {
  margin-left: 9px; }

.margin-10px {
  margin: 10px; }

.top-10px {
  margin-top: 10px; }

.right-10px {
  margin-right: 10px; }

.bottom-10px {
  margin-bottom: 10px; }

.left-10px {
  margin-left: 10px; }

.margin-11px {
  margin: 11px; }

.top-11px {
  margin-top: 11px; }

.right-11px {
  margin-right: 11px; }

.bottom-11px {
  margin-bottom: 11px; }

.left-11px {
  margin-left: 11px; }

.margin-12px {
  margin: 12px; }

.top-12px {
  margin-top: 12px; }

.right-12px {
  margin-right: 12px; }

.bottom-12px {
  margin-bottom: 12px; }

.left-12px {
  margin-left: 12px; }

.margin-13px {
  margin: 13px; }

.top-13px {
  margin-top: 13px; }

.right-13px {
  margin-right: 13px; }

.bottom-13px {
  margin-bottom: 13px; }

.left-13px {
  margin-left: 13px; }

.margin-14px {
  margin: 14px; }

.top-14px {
  margin-top: 14px; }

.right-14px {
  margin-right: 14px; }

.bottom-14px {
  margin-bottom: 14px; }

.left-14px {
  margin-left: 14px; }

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

.top-15px {
  margin-top: 15px; }

.right-15px {
  margin-right: 15px; }

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

.left-15px {
  margin-left: 15px; }

.margin-16px {
  margin: 16px; }

.top-16px {
  margin-top: 16px; }

.right-16px {
  margin-right: 16px; }

.bottom-16px {
  margin-bottom: 16px; }

.left-16px {
  margin-left: 16px; }

.margin-17px {
  margin: 17px; }

.top-17px {
  margin-top: 17px; }

.right-17px {
  margin-right: 17px; }

.bottom-17px {
  margin-bottom: 17px; }

.left-17px {
  margin-left: 17px; }

.margin-18px {
  margin: 18px; }

.top-18px {
  margin-top: 18px; }

.right-18px {
  margin-right: 18px; }

.bottom-18px {
  margin-bottom: 18px; }

.left-18px {
  margin-left: 18px; }

.margin-19px {
  margin: 19px; }

.top-19px {
  margin-top: 19px; }

.right-19px {
  margin-right: 19px; }

.bottom-19px {
  margin-bottom: 19px; }

.left-19px {
  margin-left: 19px; }

.margin-20px {
  margin: 20px; }

.top-20px {
  margin-top: 20px; }

.right-20px {
  margin-right: 20px; }

.bottom-20px {
  margin-bottom: 20px; }

.left-20px {
  margin-left: 20px; }

.margin-21px {
  margin: 21px; }

.top-21px {
  margin-top: 21px; }

.right-21px {
  margin-right: 21px; }

.bottom-21px {
  margin-bottom: 21px; }

.left-21px {
  margin-left: 21px; }

.margin-22px {
  margin: 22px; }

.top-22px {
  margin-top: 22px; }

.right-22px {
  margin-right: 22px; }

.bottom-22px {
  margin-bottom: 22px; }

.left-22px {
  margin-left: 22px; }

.margin-23px {
  margin: 23px; }

.top-23px {
  margin-top: 23px; }

.right-23px {
  margin-right: 23px; }

.bottom-23px {
  margin-bottom: 23px; }

.left-23px {
  margin-left: 23px; }

.margin-24px {
  margin: 24px; }

.top-24px {
  margin-top: 24px; }

.right-24px {
  margin-right: 24px; }

.bottom-24px {
  margin-bottom: 24px; }

.left-24px {
  margin-left: 24px; }

.margin-25px {
  margin: 25px; }

.top-25px {
  margin-top: 25px; }

.right-25px {
  margin-right: 25px; }

.bottom-25px {
  margin-bottom: 25px; }

.left-25px {
  margin-left: 25px; }

.margin-26px {
  margin: 26px; }

.top-26px {
  margin-top: 26px; }

.right-26px {
  margin-right: 26px; }

.bottom-26px {
  margin-bottom: 26px; }

.left-26px {
  margin-left: 26px; }

.margin-27px {
  margin: 27px; }

.top-27px {
  margin-top: 27px; }

.right-27px {
  margin-right: 27px; }

.bottom-27px {
  margin-bottom: 27px; }

.left-27px {
  margin-left: 27px; }

.margin-28px {
  margin: 28px; }

.top-28px {
  margin-top: 28px; }

.right-28px {
  margin-right: 28px; }

.bottom-28px {
  margin-bottom: 28px; }

.left-28px {
  margin-left: 28px; }

.margin-29px {
  margin: 29px; }

.top-29px {
  margin-top: 29px; }

.right-29px {
  margin-right: 29px; }

.bottom-29px {
  margin-bottom: 29px; }

.left-29px {
  margin-left: 29px; }

.margin-30px {
  margin: 30px; }

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

.right-30px {
  margin-right: 30px; }

.bottom-30px {
  margin-bottom: 30px; }

.left-30px {
  margin-left: 30px; }

.margin-31px {
  margin: 31px; }

.top-31px {
  margin-top: 31px; }

.right-31px {
  margin-right: 31px; }

.bottom-31px {
  margin-bottom: 31px; }

.left-31px {
  margin-left: 31px; }

.margin-32px {
  margin: 32px; }

.top-32px {
  margin-top: 32px; }

.right-32px {
  margin-right: 32px; }

.bottom-32px {
  margin-bottom: 32px; }

.left-32px {
  margin-left: 32px; }

.margin-33px {
  margin: 33px; }

.top-33px {
  margin-top: 33px; }

.right-33px {
  margin-right: 33px; }

.bottom-33px {
  margin-bottom: 33px; }

.left-33px {
  margin-left: 33px; }

.margin-34px {
  margin: 34px; }

.top-34px {
  margin-top: 34px; }

.right-34px {
  margin-right: 34px; }

.bottom-34px {
  margin-bottom: 34px; }

.left-34px {
  margin-left: 34px; }

.margin-35px {
  margin: 35px; }

.top-35px {
  margin-top: 35px; }

.right-35px {
  margin-right: 35px; }

.bottom-35px {
  margin-bottom: 35px; }

.left-35px {
  margin-left: 35px; }

.margin-36px {
  margin: 36px; }

.top-36px {
  margin-top: 36px; }

.right-36px {
  margin-right: 36px; }

.bottom-36px {
  margin-bottom: 36px; }

.left-36px {
  margin-left: 36px; }

.margin-37px {
  margin: 37px; }

.top-37px {
  margin-top: 37px; }

.right-37px {
  margin-right: 37px; }

.bottom-37px {
  margin-bottom: 37px; }

.left-37px {
  margin-left: 37px; }

.margin-38px {
  margin: 38px; }

.top-38px {
  margin-top: 38px; }

.right-38px {
  margin-right: 38px; }

.bottom-38px {
  margin-bottom: 38px; }

.left-38px {
  margin-left: 38px; }

.margin-39px {
  margin: 39px; }

.top-39px {
  margin-top: 39px; }

.right-39px {
  margin-right: 39px; }

.bottom-39px {
  margin-bottom: 39px; }

.left-39px {
  margin-left: 39px; }

.margin-40px {
  margin: 40px; }

.top-40px {
  margin-top: 40px; }

.right-40px {
  margin-right: 40px; }

.bottom-40px {
  margin-bottom: 40px; }

.left-40px {
  margin-left: 40px; }

.margin-41px {
  margin: 41px; }

.top-41px {
  margin-top: 41px; }

.right-41px {
  margin-right: 41px; }

.bottom-41px {
  margin-bottom: 41px; }

.left-41px {
  margin-left: 41px; }

.margin-42px {
  margin: 42px; }

.top-42px {
  margin-top: 42px; }

.right-42px {
  margin-right: 42px; }

.bottom-42px {
  margin-bottom: 42px; }

.left-42px {
  margin-left: 42px; }

.margin-43px {
  margin: 43px; }

.top-43px {
  margin-top: 43px; }

.right-43px {
  margin-right: 43px; }

.bottom-43px {
  margin-bottom: 43px; }

.left-43px {
  margin-left: 43px; }

.margin-44px {
  margin: 44px; }

.top-44px {
  margin-top: 44px; }

.right-44px {
  margin-right: 44px; }

.bottom-44px {
  margin-bottom: 44px; }

.left-44px {
  margin-left: 44px; }

.margin-45px {
  margin: 45px; }

.top-45px {
  margin-top: 45px; }

.right-45px {
  margin-right: 45px; }

.bottom-45px {
  margin-bottom: 45px; }

.left-45px {
  margin-left: 45px; }

.margin-46px {
  margin: 46px; }

.top-46px {
  margin-top: 46px; }

.right-46px {
  margin-right: 46px; }

.bottom-46px {
  margin-bottom: 46px; }

.left-46px {
  margin-left: 46px; }

.margin-47px {
  margin: 47px; }

.top-47px {
  margin-top: 47px; }

.right-47px {
  margin-right: 47px; }

.bottom-47px {
  margin-bottom: 47px; }

.left-47px {
  margin-left: 47px; }

.margin-48px {
  margin: 48px; }

.top-48px {
  margin-top: 48px; }

.right-48px {
  margin-right: 48px; }

.bottom-48px {
  margin-bottom: 48px; }

.left-48px {
  margin-left: 48px; }

.margin-49px {
  margin: 49px; }

.top-49px {
  margin-top: 49px; }

.right-49px {
  margin-right: 49px; }

.bottom-49px {
  margin-bottom: 49px; }

.left-49px {
  margin-left: 49px; }

.margin-50px {
  margin: 50px; }

.top-50px {
  margin-top: 50px; }

.right-50px {
  margin-right: 50px; }

.bottom-50px {
  margin-bottom: 50px; }

.left-50px {
  margin-left: 50px; }

.margin-51px {
  margin: 51px; }

.top-51px {
  margin-top: 51px; }

.right-51px {
  margin-right: 51px; }

.bottom-51px {
  margin-bottom: 51px; }

.left-51px {
  margin-left: 51px; }

.margin-52px {
  margin: 52px; }

.top-52px {
  margin-top: 52px; }

.right-52px {
  margin-right: 52px; }

.bottom-52px {
  margin-bottom: 52px; }

.left-52px {
  margin-left: 52px; }

.margin-53px {
  margin: 53px; }

.top-53px {
  margin-top: 53px; }

.right-53px {
  margin-right: 53px; }

.bottom-53px {
  margin-bottom: 53px; }

.left-53px {
  margin-left: 53px; }

.margin-54px {
  margin: 54px; }

.top-54px {
  margin-top: 54px; }

.right-54px {
  margin-right: 54px; }

.bottom-54px {
  margin-bottom: 54px; }

.left-54px {
  margin-left: 54px; }

.margin-55px {
  margin: 55px; }

.top-55px {
  margin-top: 55px; }

.right-55px {
  margin-right: 55px; }

.bottom-55px {
  margin-bottom: 55px; }

.left-55px {
  margin-left: 55px; }

.margin-56px {
  margin: 56px; }

.top-56px {
  margin-top: 56px; }

.right-56px {
  margin-right: 56px; }

.bottom-56px {
  margin-bottom: 56px; }

.left-56px {
  margin-left: 56px; }

.margin-57px {
  margin: 57px; }

.top-57px {
  margin-top: 57px; }

.right-57px {
  margin-right: 57px; }

.bottom-57px {
  margin-bottom: 57px; }

.left-57px {
  margin-left: 57px; }

.margin-58px {
  margin: 58px; }

.top-58px {
  margin-top: 58px; }

.right-58px {
  margin-right: 58px; }

.bottom-58px {
  margin-bottom: 58px; }

.left-58px {
  margin-left: 58px; }

.margin-59px {
  margin: 59px; }

.top-59px {
  margin-top: 59px; }

.right-59px {
  margin-right: 59px; }

.bottom-59px {
  margin-bottom: 59px; }

.left-59px {
  margin-left: 59px; }

.margin-60px {
  margin: 60px; }

.top-60px {
  margin-top: 60px; }

.right-60px {
  margin-right: 60px; }

.bottom-60px {
  margin-bottom: 60px; }

.left-60px {
  margin-left: 60px; }

.margin-61px {
  margin: 61px; }

.top-61px {
  margin-top: 61px; }

.right-61px {
  margin-right: 61px; }

.bottom-61px {
  margin-bottom: 61px; }

.left-61px {
  margin-left: 61px; }

.margin-62px {
  margin: 62px; }

.top-62px {
  margin-top: 62px; }

.right-62px {
  margin-right: 62px; }

.bottom-62px {
  margin-bottom: 62px; }

.left-62px {
  margin-left: 62px; }

.margin-63px {
  margin: 63px; }

.top-63px {
  margin-top: 63px; }

.right-63px {
  margin-right: 63px; }

.bottom-63px {
  margin-bottom: 63px; }

.left-63px {
  margin-left: 63px; }

.margin-64px {
  margin: 64px; }

.top-64px {
  margin-top: 64px; }

.right-64px {
  margin-right: 64px; }

.bottom-64px {
  margin-bottom: 64px; }

.left-64px {
  margin-left: 64px; }

.margin-65px {
  margin: 65px; }

.top-65px {
  margin-top: 65px; }

.right-65px {
  margin-right: 65px; }

.bottom-65px {
  margin-bottom: 65px; }

.left-65px {
  margin-left: 65px; }

.margin-66px {
  margin: 66px; }

.top-66px {
  margin-top: 66px; }

.right-66px {
  margin-right: 66px; }

.bottom-66px {
  margin-bottom: 66px; }

.left-66px {
  margin-left: 66px; }

.margin-67px {
  margin: 67px; }

.top-67px {
  margin-top: 67px; }

.right-67px {
  margin-right: 67px; }

.bottom-67px {
  margin-bottom: 67px; }

.left-67px {
  margin-left: 67px; }

.margin-68px {
  margin: 68px; }

.top-68px {
  margin-top: 68px; }

.right-68px {
  margin-right: 68px; }

.bottom-68px {
  margin-bottom: 68px; }

.left-68px {
  margin-left: 68px; }

.margin-69px {
  margin: 69px; }

.top-69px {
  margin-top: 69px; }

.right-69px {
  margin-right: 69px; }

.bottom-69px {
  margin-bottom: 69px; }

.left-69px {
  margin-left: 69px; }

.margin-70px {
  margin: 70px; }

.top-70px {
  margin-top: 70px; }

.right-70px {
  margin-right: 70px; }

.bottom-70px {
  margin-bottom: 70px; }

.left-70px {
  margin-left: 70px; }

.margin-71px {
  margin: 71px; }

.top-71px {
  margin-top: 71px; }

.right-71px {
  margin-right: 71px; }

.bottom-71px {
  margin-bottom: 71px; }

.left-71px {
  margin-left: 71px; }

.margin-72px {
  margin: 72px; }

.top-72px {
  margin-top: 72px; }

.right-72px {
  margin-right: 72px; }

.bottom-72px {
  margin-bottom: 72px; }

.left-72px {
  margin-left: 72px; }

.margin-73px {
  margin: 73px; }

.top-73px {
  margin-top: 73px; }

.right-73px {
  margin-right: 73px; }

.bottom-73px {
  margin-bottom: 73px; }

.left-73px {
  margin-left: 73px; }

.margin-74px {
  margin: 74px; }

.top-74px {
  margin-top: 74px; }

.right-74px {
  margin-right: 74px; }

.bottom-74px {
  margin-bottom: 74px; }

.left-74px {
  margin-left: 74px; }

.margin-75px {
  margin: 75px; }

.top-75px {
  margin-top: 75px; }

.right-75px {
  margin-right: 75px; }

.bottom-75px {
  margin-bottom: 75px; }

.left-75px {
  margin-left: 75px; }

.margin-76px {
  margin: 76px; }

.top-76px {
  margin-top: 76px; }

.right-76px {
  margin-right: 76px; }

.bottom-76px {
  margin-bottom: 76px; }

.left-76px {
  margin-left: 76px; }

.margin-77px {
  margin: 77px; }

.top-77px {
  margin-top: 77px; }

.right-77px {
  margin-right: 77px; }

.bottom-77px {
  margin-bottom: 77px; }

.left-77px {
  margin-left: 77px; }

.margin-78px {
  margin: 78px; }

.top-78px {
  margin-top: 78px; }

.right-78px {
  margin-right: 78px; }

.bottom-78px {
  margin-bottom: 78px; }

.left-78px {
  margin-left: 78px; }

.margin-79px {
  margin: 79px; }

.top-79px {
  margin-top: 79px; }

.right-79px {
  margin-right: 79px; }

.bottom-79px {
  margin-bottom: 79px; }

.left-79px {
  margin-left: 79px; }

.margin-80px {
  margin: 80px; }

.top-80px {
  margin-top: 80px; }

.right-80px {
  margin-right: 80px; }

.bottom-80px {
  margin-bottom: 80px; }

.left-80px {
  margin-left: 80px; }

.margin-81px {
  margin: 81px; }

.top-81px {
  margin-top: 81px; }

.right-81px {
  margin-right: 81px; }

.bottom-81px {
  margin-bottom: 81px; }

.left-81px {
  margin-left: 81px; }

.margin-82px {
  margin: 82px; }

.top-82px {
  margin-top: 82px; }

.right-82px {
  margin-right: 82px; }

.bottom-82px {
  margin-bottom: 82px; }

.left-82px {
  margin-left: 82px; }

.margin-83px {
  margin: 83px; }

.top-83px {
  margin-top: 83px; }

.right-83px {
  margin-right: 83px; }

.bottom-83px {
  margin-bottom: 83px; }

.left-83px {
  margin-left: 83px; }

.margin-84px {
  margin: 84px; }

.top-84px {
  margin-top: 84px; }

.right-84px {
  margin-right: 84px; }

.bottom-84px {
  margin-bottom: 84px; }

.left-84px {
  margin-left: 84px; }

.margin-85px {
  margin: 85px; }

.top-85px {
  margin-top: 85px; }

.right-85px {
  margin-right: 85px; }

.bottom-85px {
  margin-bottom: 85px; }

.left-85px {
  margin-left: 85px; }

.margin-86px {
  margin: 86px; }

.top-86px {
  margin-top: 86px; }

.right-86px {
  margin-right: 86px; }

.bottom-86px {
  margin-bottom: 86px; }

.left-86px {
  margin-left: 86px; }

.margin-87px {
  margin: 87px; }

.top-87px {
  margin-top: 87px; }

.right-87px {
  margin-right: 87px; }

.bottom-87px {
  margin-bottom: 87px; }

.left-87px {
  margin-left: 87px; }

.margin-88px {
  margin: 88px; }

.top-88px {
  margin-top: 88px; }

.right-88px {
  margin-right: 88px; }

.bottom-88px {
  margin-bottom: 88px; }

.left-88px {
  margin-left: 88px; }

.margin-89px {
  margin: 89px; }

.top-89px {
  margin-top: 89px; }

.right-89px {
  margin-right: 89px; }

.bottom-89px {
  margin-bottom: 89px; }

.left-89px {
  margin-left: 89px; }

.margin-90px {
  margin: 90px; }

.top-90px {
  margin-top: 90px; }

.right-90px {
  margin-right: 90px; }

.bottom-90px {
  margin-bottom: 90px; }

.left-90px {
  margin-left: 90px; }

.margin-91px {
  margin: 91px; }

.top-91px {
  margin-top: 91px; }

.right-91px {
  margin-right: 91px; }

.bottom-91px {
  margin-bottom: 91px; }

.left-91px {
  margin-left: 91px; }

.margin-92px {
  margin: 92px; }

.top-92px {
  margin-top: 92px; }

.right-92px {
  margin-right: 92px; }

.bottom-92px {
  margin-bottom: 92px; }

.left-92px {
  margin-left: 92px; }

.margin-93px {
  margin: 93px; }

.top-93px {
  margin-top: 93px; }

.right-93px {
  margin-right: 93px; }

.bottom-93px {
  margin-bottom: 93px; }

.left-93px {
  margin-left: 93px; }

.margin-94px {
  margin: 94px; }

.top-94px {
  margin-top: 94px; }

.right-94px {
  margin-right: 94px; }

.bottom-94px {
  margin-bottom: 94px; }

.left-94px {
  margin-left: 94px; }

.margin-95px {
  margin: 95px; }

.top-95px {
  margin-top: 95px; }

.right-95px {
  margin-right: 95px; }

.bottom-95px {
  margin-bottom: 95px; }

.left-95px {
  margin-left: 95px; }

.margin-96px {
  margin: 96px; }

.top-96px {
  margin-top: 96px; }

.right-96px {
  margin-right: 96px; }

.bottom-96px {
  margin-bottom: 96px; }

.left-96px {
  margin-left: 96px; }

.margin-97px {
  margin: 97px; }

.top-97px {
  margin-top: 97px; }

.right-97px {
  margin-right: 97px; }

.bottom-97px {
  margin-bottom: 97px; }

.left-97px {
  margin-left: 97px; }

.margin-98px {
  margin: 98px; }

.top-98px {
  margin-top: 98px; }

.right-98px {
  margin-right: 98px; }

.bottom-98px {
  margin-bottom: 98px; }

.left-98px {
  margin-left: 98px; }

.margin-99px {
  margin: 99px; }

.top-99px {
  margin-top: 99px; }

.right-99px {
  margin-right: 99px; }

.bottom-99px {
  margin-bottom: 99px; }

.left-99px {
  margin-left: 99px; }

.margin-100px {
  margin: 100px; }

.top-100px {
  margin-top: 100px; }

.right-100px {
  margin-right: 100px; }

.bottom-100px {
  margin-bottom: 100px; }

.left-100px {
  margin-left: 100px; }

.width-1 {
  width: 1%; }

.height-1 {
  height: 1%; }

.width-1px {
  width: 1px; }

.height-1px {
  height: 1px; }

.width-2 {
  width: 2%; }

.height-2 {
  height: 2%; }

.width-2px {
  width: 2px; }

.height-2px {
  height: 2px; }

.width-3 {
  width: 3%; }

.height-3 {
  height: 3%; }

.width-3px {
  width: 3px; }

.height-3px {
  height: 3px; }

.width-4 {
  width: 4%; }

.height-4 {
  height: 4%; }

.width-4px {
  width: 4px; }

.height-4px {
  height: 4px; }

.width-5 {
  width: 5%; }

.height-5 {
  height: 5%; }

.width-5px {
  width: 5px; }

.height-5px {
  height: 5px; }

.width-6 {
  width: 6%; }

.height-6 {
  height: 6%; }

.width-6px {
  width: 6px; }

.height-6px {
  height: 6px; }

.width-7 {
  width: 7%; }

.height-7 {
  height: 7%; }

.width-7px {
  width: 7px; }

.height-7px {
  height: 7px; }

.width-8 {
  width: 8%; }

.height-8 {
  height: 8%; }

.width-8px {
  width: 8px; }

.height-8px {
  height: 8px; }

.width-9 {
  width: 9%; }

.height-9 {
  height: 9%; }

.width-9px {
  width: 9px; }

.height-9px {
  height: 9px; }

.width-10 {
  width: 10%; }

.height-10 {
  height: 10%; }

.width-10px {
  width: 10px; }

.height-10px {
  height: 10px; }

.width-11 {
  width: 11%; }

.height-11 {
  height: 11%; }

.width-11px {
  width: 11px; }

.height-11px {
  height: 11px; }

.width-12 {
  width: 12%; }

.height-12 {
  height: 12%; }

.width-12px {
  width: 12px; }

.height-12px {
  height: 12px; }

.width-13 {
  width: 13%; }

.height-13 {
  height: 13%; }

.width-13px {
  width: 13px; }

.height-13px {
  height: 13px; }

.width-14 {
  width: 14%; }

.height-14 {
  height: 14%; }

.width-14px {
  width: 14px; }

.height-14px {
  height: 14px; }

.width-15 {
  width: 15%; }

.height-15 {
  height: 15%; }

.width-15px {
  width: 15px; }

.height-15px {
  height: 15px; }

.width-16 {
  width: 16%; }

.height-16 {
  height: 16%; }

.width-16px {
  width: 16px; }

.height-16px {
  height: 16px; }

.width-17 {
  width: 17%; }

.height-17 {
  height: 17%; }

.width-17px {
  width: 17px; }

.height-17px {
  height: 17px; }

.width-18 {
  width: 18%; }

.height-18 {
  height: 18%; }

.width-18px {
  width: 18px; }

.height-18px {
  height: 18px; }

.width-19 {
  width: 19%; }

.height-19 {
  height: 19%; }

.width-19px {
  width: 19px; }

.height-19px {
  height: 19px; }

.width-20 {
  width: 20%; }

.height-20 {
  height: 20%; }

.width-20px {
  width: 20px; }

.height-20px {
  height: 20px; }

.width-21 {
  width: 21%; }

.height-21 {
  height: 21%; }

.width-21px {
  width: 21px; }

.height-21px {
  height: 21px; }

.width-22 {
  width: 22%; }

.height-22 {
  height: 22%; }

.width-22px {
  width: 22px; }

.height-22px {
  height: 22px; }

.width-23 {
  width: 23%; }

.height-23 {
  height: 23%; }

.width-23px {
  width: 23px; }

.height-23px {
  height: 23px; }

.width-24 {
  width: 24%; }

.height-24 {
  height: 24%; }

.width-24px {
  width: 24px; }

.height-24px {
  height: 24px; }

.width-25 {
  width: 25%; }

.height-25 {
  height: 25%; }

.width-25px {
  width: 25px; }

.height-25px {
  height: 25px; }

.width-26 {
  width: 26%; }

.height-26 {
  height: 26%; }

.width-26px {
  width: 26px; }

.height-26px {
  height: 26px; }

.width-27 {
  width: 27%; }

.height-27 {
  height: 27%; }

.width-27px {
  width: 27px; }

.height-27px {
  height: 27px; }

.width-28 {
  width: 28%; }

.height-28 {
  height: 28%; }

.width-28px {
  width: 28px; }

.height-28px {
  height: 28px; }

.width-29 {
  width: 29%; }

.height-29 {
  height: 29%; }

.width-29px {
  width: 29px; }

.height-29px {
  height: 29px; }

.width-30 {
  width: 30%; }

.height-30 {
  height: 30%; }

.width-30px {
  width: 30px; }

.height-30px {
  height: 30px; }

.width-31 {
  width: 31%; }

.height-31 {
  height: 31%; }

.width-31px {
  width: 31px; }

.height-31px {
  height: 31px; }

.width-32 {
  width: 32%; }

.height-32 {
  height: 32%; }

.width-32px {
  width: 32px; }

.height-32px {
  height: 32px; }

.width-33 {
  width: 33%; }

.height-33 {
  height: 33%; }

.width-33px {
  width: 33px; }

.height-33px {
  height: 33px; }

.width-34 {
  width: 34%; }

.height-34 {
  height: 34%; }

.width-34px {
  width: 34px; }

.height-34px {
  height: 34px; }

.width-35 {
  width: 35%; }

.height-35 {
  height: 35%; }

.width-35px {
  width: 35px; }

.height-35px {
  height: 35px; }

.width-36 {
  width: 36%; }

.height-36 {
  height: 36%; }

.width-36px {
  width: 36px; }

.height-36px {
  height: 36px; }

.width-37 {
  width: 37%; }

.height-37 {
  height: 37%; }

.width-37px {
  width: 37px; }

.height-37px {
  height: 37px; }

.width-38 {
  width: 38%; }

.height-38 {
  height: 38%; }

.width-38px {
  width: 38px; }

.height-38px {
  height: 38px; }

.width-39 {
  width: 39%; }

.height-39 {
  height: 39%; }

.width-39px {
  width: 39px; }

.height-39px {
  height: 39px; }

.width-40 {
  width: 40%; }

.height-40 {
  height: 40%; }

.width-40px {
  width: 40px; }

.height-40px {
  height: 40px; }

.width-41 {
  width: 41%; }

.height-41 {
  height: 41%; }

.width-41px {
  width: 41px; }

.height-41px {
  height: 41px; }

.width-42 {
  width: 42%; }

.height-42 {
  height: 42%; }

.width-42px {
  width: 42px; }

.height-42px {
  height: 42px; }

.width-43 {
  width: 43%; }

.height-43 {
  height: 43%; }

.width-43px {
  width: 43px; }

.height-43px {
  height: 43px; }

.width-44 {
  width: 44%; }

.height-44 {
  height: 44%; }

.width-44px {
  width: 44px; }

.height-44px {
  height: 44px; }

.width-45 {
  width: 45%; }

.height-45 {
  height: 45%; }

.width-45px {
  width: 45px; }

.height-45px {
  height: 45px; }

.width-46 {
  width: 46%; }

.height-46 {
  height: 46%; }

.width-46px {
  width: 46px; }

.height-46px {
  height: 46px; }

.width-47 {
  width: 47%; }

.height-47 {
  height: 47%; }

.width-47px {
  width: 47px; }

.height-47px {
  height: 47px; }

.width-48 {
  width: 48%; }

.height-48 {
  height: 48%; }

.width-48px {
  width: 48px; }

.height-48px {
  height: 48px; }

.width-49 {
  width: 49%; }

.height-49 {
  height: 49%; }

.width-49px {
  width: 49px; }

.height-49px {
  height: 49px; }

.width-50 {
  width: 50%; }

.height-50 {
  height: 50%; }

.width-50px {
  width: 50px; }

.height-50px {
  height: 50px; }

.width-51 {
  width: 51%; }

.height-51 {
  height: 51%; }

.width-51px {
  width: 51px; }

.height-51px {
  height: 51px; }

.width-52 {
  width: 52%; }

.height-52 {
  height: 52%; }

.width-52px {
  width: 52px; }

.height-52px {
  height: 52px; }

.width-53 {
  width: 53%; }

.height-53 {
  height: 53%; }

.width-53px {
  width: 53px; }

.height-53px {
  height: 53px; }

.width-54 {
  width: 54%; }

.height-54 {
  height: 54%; }

.width-54px {
  width: 54px; }

.height-54px {
  height: 54px; }

.width-55 {
  width: 55%; }

.height-55 {
  height: 55%; }

.width-55px {
  width: 55px; }

.height-55px {
  height: 55px; }

.width-56 {
  width: 56%; }

.height-56 {
  height: 56%; }

.width-56px {
  width: 56px; }

.height-56px {
  height: 56px; }

.width-57 {
  width: 57%; }

.height-57 {
  height: 57%; }

.width-57px {
  width: 57px; }

.height-57px {
  height: 57px; }

.width-58 {
  width: 58%; }

.height-58 {
  height: 58%; }

.width-58px {
  width: 58px; }

.height-58px {
  height: 58px; }

.width-59 {
  width: 59%; }

.height-59 {
  height: 59%; }

.width-59px {
  width: 59px; }

.height-59px {
  height: 59px; }

.width-60 {
  width: 60%; }

.height-60 {
  height: 60%; }

.width-60px {
  width: 60px; }

.height-60px {
  height: 60px; }

.width-61 {
  width: 61%; }

.height-61 {
  height: 61%; }

.width-61px {
  width: 61px; }

.height-61px {
  height: 61px; }

.width-62 {
  width: 62%; }

.height-62 {
  height: 62%; }

.width-62px {
  width: 62px; }

.height-62px {
  height: 62px; }

.width-63 {
  width: 63%; }

.height-63 {
  height: 63%; }

.width-63px {
  width: 63px; }

.height-63px {
  height: 63px; }

.width-64 {
  width: 64%; }

.height-64 {
  height: 64%; }

.width-64px {
  width: 64px; }

.height-64px {
  height: 64px; }

.width-65 {
  width: 65%; }

.height-65 {
  height: 65%; }

.width-65px {
  width: 65px; }

.height-65px {
  height: 65px; }

.width-66 {
  width: 66%; }

.height-66 {
  height: 66%; }

.width-66px {
  width: 66px; }

.height-66px {
  height: 66px; }

.width-67 {
  width: 67%; }

.height-67 {
  height: 67%; }

.width-67px {
  width: 67px; }

.height-67px {
  height: 67px; }

.width-68 {
  width: 68%; }

.height-68 {
  height: 68%; }

.width-68px {
  width: 68px; }

.height-68px {
  height: 68px; }

.width-69 {
  width: 69%; }

.height-69 {
  height: 69%; }

.width-69px {
  width: 69px; }

.height-69px {
  height: 69px; }

.width-70 {
  width: 70%; }

.height-70 {
  height: 70%; }

.width-70px {
  width: 70px; }

.height-70px {
  height: 70px; }

.width-71 {
  width: 71%; }

.height-71 {
  height: 71%; }

.width-71px {
  width: 71px; }

.height-71px {
  height: 71px; }

.width-72 {
  width: 72%; }

.height-72 {
  height: 72%; }

.width-72px {
  width: 72px; }

.height-72px {
  height: 72px; }

.width-73 {
  width: 73%; }

.height-73 {
  height: 73%; }

.width-73px {
  width: 73px; }

.height-73px {
  height: 73px; }

.width-74 {
  width: 74%; }

.height-74 {
  height: 74%; }

.width-74px {
  width: 74px; }

.height-74px {
  height: 74px; }

.width-75 {
  width: 75%; }

.height-75 {
  height: 75%; }

.width-75px {
  width: 75px; }

.height-75px {
  height: 75px; }

.width-76 {
  width: 76%; }

.height-76 {
  height: 76%; }

.width-76px {
  width: 76px; }

.height-76px {
  height: 76px; }

.width-77 {
  width: 77%; }

.height-77 {
  height: 77%; }

.width-77px {
  width: 77px; }

.height-77px {
  height: 77px; }

.width-78 {
  width: 78%; }

.height-78 {
  height: 78%; }

.width-78px {
  width: 78px; }

.height-78px {
  height: 78px; }

.width-79 {
  width: 79%; }

.height-79 {
  height: 79%; }

.width-79px {
  width: 79px; }

.height-79px {
  height: 79px; }

.width-80 {
  width: 80%; }

.height-80 {
  height: 80%; }

.width-80px {
  width: 80px; }

.height-80px {
  height: 80px; }

.width-81 {
  width: 81%; }

.height-81 {
  height: 81%; }

.width-81px {
  width: 81px; }

.height-81px {
  height: 81px; }

.width-82 {
  width: 82%; }

.height-82 {
  height: 82%; }

.width-82px {
  width: 82px; }

.height-82px {
  height: 82px; }

.width-83 {
  width: 83%; }

.height-83 {
  height: 83%; }

.width-83px {
  width: 83px; }

.height-83px {
  height: 83px; }

.width-84 {
  width: 84%; }

.height-84 {
  height: 84%; }

.width-84px {
  width: 84px; }

.height-84px {
  height: 84px; }

.width-85 {
  width: 85%; }

.height-85 {
  height: 85%; }

.width-85px {
  width: 85px; }

.height-85px {
  height: 85px; }

.width-86 {
  width: 86%; }

.height-86 {
  height: 86%; }

.width-86px {
  width: 86px; }

.height-86px {
  height: 86px; }

.width-87 {
  width: 87%; }

.height-87 {
  height: 87%; }

.width-87px {
  width: 87px; }

.height-87px {
  height: 87px; }

.width-88 {
  width: 88%; }

.height-88 {
  height: 88%; }

.width-88px {
  width: 88px; }

.height-88px {
  height: 88px; }

.width-89 {
  width: 89%; }

.height-89 {
  height: 89%; }

.width-89px {
  width: 89px; }

.height-89px {
  height: 89px; }

.width-90 {
  width: 90%; }

.height-90 {
  height: 90%; }

.width-90px {
  width: 90px; }

.height-90px {
  height: 90px; }

.width-91 {
  width: 91%; }

.height-91 {
  height: 91%; }

.width-91px {
  width: 91px; }

.height-91px {
  height: 91px; }

.width-92 {
  width: 92%; }

.height-92 {
  height: 92%; }

.width-92px {
  width: 92px; }

.height-92px {
  height: 92px; }

.width-93 {
  width: 93%; }

.height-93 {
  height: 93%; }

.width-93px {
  width: 93px; }

.height-93px {
  height: 93px; }

.width-94 {
  width: 94%; }

.height-94 {
  height: 94%; }

.width-94px {
  width: 94px; }

.height-94px {
  height: 94px; }

.width-95 {
  width: 95%; }

.height-95 {
  height: 95%; }

.width-95px {
  width: 95px; }

.height-95px {
  height: 95px; }

.width-96 {
  width: 96%; }

.height-96 {
  height: 96%; }

.width-96px {
  width: 96px; }

.height-96px {
  height: 96px; }

.width-97 {
  width: 97%; }

.height-97 {
  height: 97%; }

.width-97px {
  width: 97px; }

.height-97px {
  height: 97px; }

.width-98 {
  width: 98%; }

.height-98 {
  height: 98%; }

.width-98px {
  width: 98px; }

.height-98px {
  height: 98px; }

.width-99 {
  width: 99%; }

.height-99 {
  height: 99%; }

.width-99px {
  width: 99px; }

.height-99px {
  height: 99px; }

.width-100 {
  width: 100%; }

.height-100 {
  height: 100%; }

.width-100px {
  width: 100px; }

.height-100px {
  height: 100px; }

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto; }

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px; } }

.article-container {
  display: flex;
  flex-direction: column;
  margin-top: 8px; }

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row; } }

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 36px;
  margin-top: 0px; }

.article-avatar {
  margin-right: 10px; }

.article-author {
  margin-bottom: 10px; }

.article-title {
  margin-bottom: 8px; }

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline; }

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%; }

.article-info {
  max-width: 100%; }

.article-meta {
  display: inline-block;
  vertical-align: middle; }

.article-body img {
  height: auto;
  max-width: 100%; }

.article-body ul, .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px; }

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px; }

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {
  margin: 0; }

.article-body ul {
  list-style-type: disc; }

.article-body a:visited {
  color: #0000e6; }

.article-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px; }

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre; }

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #333333;
  font-style: italic;
  padding: 0 15px; }

.article-body > p:last-child {
  margin-bottom: 0; }

.article-content {
  line-height: 1.6;
  margin-bottom: 40px;
  word-wrap: break-word; }

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px; }

.article-comment-count {
  color: #333333;
  font-weight: 300; }

.article-comment-count:hover {
  text-decoration: none; }

.article-comment-count-icon {
  vertical-align: middle;
  color: #00b8ff;
  width: 18px;
  height: 18px; }

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0; }

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto; } }

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0; }

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row; } }

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
  margin-top: 10px; }

.article-relatives > *:last-child {
  padding: 0; }

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px; } }

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center; }

.article-vote {
  background: transparent;
  color: #666666;
  margin: 10px 0 0 0;
  width: auto;
  height: 32px;
  font-size: 11px;
  padding: 5px 8px 0 8px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  margin-bottom: 0;
  border: none; }
  .article-vote:focus, .article-vote:hover {
    background-color: unset;
    color: #666666; }
  .article-vote.button-primary {
    color: #00b8ff; }

.article-votes-count {
  display: none; }

.article-more-questions {
  margin: 10px 0 20px;
  text-align: center; }

.article-return-to-top {
  border-top: 1px solid #ddd; }

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none; } }

.article-return-to-top a {
  color: black;
  display: block;
  padding: 20px 0; }

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none; }

.article-return-to-top-icon {
  transform: rotate(0.5turn); }

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600; }

.sidenav-item {
  border-radius: 4px;
  color: black;
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
  padding: 10px; }

.sidenav-item.current-article, .sidenav-item:hover {
  background-color: #00b8ff;
  color: white;
  text-decoration: none; }

.recent-articles li,
.related-articles li {
  margin-bottom: 15px; }

.related-articles-title {
  margin-bottom: 15px; }

.search-results-subheading {
  margin-top: 28px;
  margin-bottom: 40px; }

.search-result-title {
  margin-bottom: 12px; }

.search-results-list .search-result-list-item {
  border-bottom: solid 1px var(--grey030);
  margin-bottom: 24px; }

.search-results-list .search-result-list-item:last-child {
  border: none; }

.search-results-description {
  margin-bottom: 24px; }

.no-search-results {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 24px;
  text-align: center; }

.section-page .section-container {
  height: auto; }
  .section-page .section-container .section-content {
    height: auto; }
    .section-page .section-container .section-content .page-header, .section-page .section-container .section-content .homepage-header .title-box, .homepage-header .section-page .section-container .section-content .title-box {
      margin-bottom: 40px; }

.section-page .article-divider {
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
  height: 1px;
  border-top: 1px solid var(--grey030); }

/**
m 모바일
w 데스크탑(웹)
*/
.img-m100-w10 {
  width: 100%; }

.img-m100-w30 {
  width: 100%; }

.img-m100-w40 {
  width: 100%; }

.img-m100-w50 {
  width: 100%; }

.img-m100-w60 {
  width: 100%; }

.img-m100-w70 {
  width: 100%; }

/**
 * Basic CSS Media Query Template
 * TODO: I should probably use Sass...
 * Author: Michael Vieth
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */
@media all and (min-width: 1280px) {
  .img-m100-w10 {
    width: 10%; }
  .img-m100-w30 {
    width: 30%; }
  .img-m100-w40 {
    width: 40%; }
  .img-m100-w50 {
    width: 50%; }
  .img-m100-w60 {
    width: 60%; }
  .img-m100-w70 {
    width: 70%; } }

/* Requests (Contacts) */
.socar-contact-nav {
  padding: 0 25px 20px;
  display: flex;
  max-width: 670px;
  margin: 0 auto; }

.socar-contact-nav-item {
  flex: 1;
  color: #bfbfc9;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid transparent;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--grey040); }

.socar-contact-nav-item:hover {
  text-decoration: none; }

.socar-contact-nav-item-active {
  color: var(--grey060);
  border-bottom-color: var(--grey060);
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.socar-contact-nav-item:first-child {
  margin-right: 20px; }

.socar-contact-notice {
  padding: 0 25px 30px;
  font-size: 12px;
  line-height: 1.67;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--grey060); }

.socar-contact-notice.no-item {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--grey050); }

.socar-contact-content {
  max-width: 670px;
  margin: 0 auto; }

.socar-contact-content .form {
  padding: 0 20px; }

.socar-contact-content .form-field label {
  padding: 0 5px;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--grey050); }

.socar-contact-content .form-field.required > label::after {
  display: none; }

.socar-contact-content .form footer {
  margin-top: 0;
  padding-top: 20px; }

.socar-contact-item {
  display: block;
  padding: 20px 0;
  margin-left: 25px;
  border-bottom: 1px solid rgba(42, 42, 76, 0.05); }

.socar-contact-item:hover {
  text-decoration: none; }

.socar-contact-item-title {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--grey060); }

.socar-contact-item-meta {
  padding-top: 6px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.socar-contact-item-description {
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--grey050); }

.socar-contact-item .socar-contact-status {
  margin-left: 60px;
  margin-right: 20px; }

.socar-contact-status {
  font-size: 12px;
  font-weight: bold;
  padding: 2px 4px;
  line-height: 18px;
  white-space: nowrap; }

.socar-contact-status-pending {
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  background-color: var(--grey040); }

.socar-contact-status-hold {
  color: #00abe8;
  border: 1px solid rgba(0, 171, 232, 0.8); }

.socar-contact-status-done {
  color: var(--white);
  padding: 2px 4px;
  background-color: var(--grey060); }

.socar-contact-detail {
  padding: 0 25px; }

.socar-contact-detail-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px; }

.socar-contact-detail-title {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--grey060); }

.socar-contact-detail-meta {
  font-size: 12px;
  color: #606079; }

.socar-contact-detail-body {
  padding-top: 25px;
  padding-bottom: 28px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--grey050); }

.socar-contact-detail-answer {
  padding-top: 25px;
  border-top: 1px solid rgba(42, 42, 76, 0.05);
  padding-top: 25px;
  padding-bottom: 28px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }

.socar-contact-detail-answer p {
  margin-top: 0; }

.socar-contact-detail-answer .zd-comment::before {
  display: inline;
  content: "A. ";
  font-weight: bold; }

/* Common */
.socar-breadcrumbs li {
  font-weight: bold; }

.socar-breadcrumbs li + li::before {
  color: #2a2a4c !important;
  font-weight: bold; }

.socar-bottom-contact-box {
  border-top: 1px solid #e9e9ed;
  padding: 20px 25px 0; }

.socar-bottom-contact-box p {
  margin-top: 0;
  margin-bottom: 20px; }

.socar-bottom-contact-box .button {
  display: inline-block;
  width: calc(50% - 5px);
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
  border: none;
  background-color: var(--coral050); }

.socar-bottom-contact-box .button.ticket-list {
  float: right;
  border: 1px solid #dfdfe4;
  color: #606079;
  background-color: #fff; }

.socar-bottom-contact-box .fluid {
  float: none;
  border: none;
  width: 100%;
  color: #fff !important;
  background-color: #01a4cd !important; }

.socar-bradcrums-idx {
  display: none; }

.socar-clearfix::after {
  content: "";
  clear: both;
  display: table; }

.nesty-panel {
  border: 1px solid var(--grey050); }

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row; } }

.request-container .comment-container {
  min-width: 0; }

.request-breadcrumbs {
  margin-bottom: 40px; }

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px; } }

.request-main {
  flex: 1 0 auto;
  order: 1; }

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none; }

.request-main .comment-fields.shown {
  display: block; }

.request-main .request-submit-comment.shown {
  display: inline; }

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0; } }

.request-main .comment-form-controls {
  display: block; }

.request-main .comment-ccs {
  display: block; }

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  padding: 8px 15px;
  width: 100%; }

.request-main .comment-show-container.hidden {
  display: none; }

.request-main .comment-show-container-content {
  align-self: center;
  color: #333333;
  margin-left: 10px; }

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0; }

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid #00b8ff; }

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0; }

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0; }

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #00b8ff; }

.request-main input#mark_as_solved {
  display: none; }

.request-title {
  width: 100%; }

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px; } }

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0; }

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%; } }

.request-sidebar h5 {
  font-size: 15px;
  font-weight: 600;
  position: relative; }

@media (min-width: 1024px) {
  .request-sidebar h5 {
    display: none; } }

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px; }

.request-details:last-child {
  border: 0; }

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0; }

.request-details dd {
  padding: 0 10px;
  width: 60%; }

.request-details dd::after {
  content: "\A";
  white-space: pre; }

.request-details dt {
  color: #333333;
  font-weight: 300;
  width: 40%; }

.request-details .request-collaborators {
  display: inline-block; }

.request-attachments dt, .request-attachments dd {
  width: 100%; }

.request-attachments dd {
  margin: 10px 0 0 0; }

.request-form textarea {
  min-height: 120px; }

.request-follow-up {
  padding-top: 20px; }

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center; }

.pagination * {
  display: inline-block; }

.pagination li {
  border-radius: 50%;
  height: 40px;
  float: left;
  margin-left: 5px;
  width: 40px; }

@media (min-width: 768px) {
  .pagination li {
    height: 30px;
    width: 30px; } }

[dir="rtl"] .pagination li {
  float: right; }

.pagination li:hover:not(.pagination-current) {
  background-color: #f3f3f3; }

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
  color: black;
  text-decoration: none; }

.pagination a, .pagination span {
  font-size: 15px;
  color: #333333;
  padding: 10px 12px; }

@media (min-width: 768px) {
  .pagination a, .pagination span {
    font-size: 13px;
    padding: 5px 12px; } }

.pagination-current {
  background-color: #00b8ff; }

.pagination-current a, .pagination-current span {
  color: white; }

.pagination-first {
  border-radius: 3px 0 0 3px; }

[dir="rtl"] .pagination-first {
  border-radius: 0 3px 3px 0; }

.pagination-last {
  border-radius: 0 3px 3px 0; }

[dir="rtl"] .pagination-last {
  border-radius: 3px 0 0 3px; }

/***** Forms *****/
.form {
  max-width: 650px; }

.form-field ~ .form-field {
  margin-top: 25px; }

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px; }

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%; }

.form-field input:focus {
  border: 1px solid var(--grey050); }

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px; }

.form-field input[type="text"]:focus {
  border: 1px solid #00b8ff; }

.form-field input[type="checkbox"] {
  width: auto; }

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  outline: none;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: var(--grey060); }

.form-field .nesty-input:focus {
  border: 1px solid var(--grey050);
  text-decoration: none; }

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #00b8ff;
  text-decoration: none; }

.form-field textarea {
  vertical-align: middle; }

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px; }

.form-field.required > label::after {
  content: "*";
  color: #f00;
  margin-left: 2px; }

.form-field p {
  color: #333333;
  font-size: 12px;
  margin: 5px 0; }

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("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") 99% 50% no-repeat;
  background-size: 16px 16px; }

.form footer {
  margin-top: 40px;
  padding-top: 30px; }

.form footer a {
  color: #333333;
  cursor: pointer;
  margin-right: 15px; }

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px; }

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px; }

.form .suggestion-list li {
  padding: 10px 0; }

.form .suggestion-list li a:visited {
  color: #000099; }

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px; }