@charset "UTF-8";
* {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video, button, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "SamYangNeo", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
}

main {
  display: block;
}

img {
  max-width: 100%;
  vertical-align: middle;
  pointer-events: none;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
  display: block;
}

ul, ol, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
  outline: 0;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select, textarea {
  vertical-align: middle;
  outline: 0;
}

button {
  outline: 0;
  cursor: pointer;
}

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

.ir {
  position: absolute;
  font-size: 0;
  height: 0;
  text-indent: -9999%;
}

::placeholder {
  color: #aaa;
}

@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url("/resources/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url("/resources/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/resources/fonts/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "SamYang";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/SYFotfRe00.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SYFotfRe00.woff2") format("woff2"), url("/resources/fonts/SYFotfRe00.woff") format("woff");
}
@font-face {
  font-family: "SamYang";
  font-style: normal;
  font-weight: 500;
  src: url("/resources/fonts/SYFotfMe00.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SYFotfMe00.woff2") format("woff2"), url("/resources/fonts/SYFotfMe00.woff") format("woff");
}
@font-face {
  font-family: "SamYang";
  font-style: normal;
  font-weight: 600;
  src: url("/resources/fonts/SYFotfBo00.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SYFotfBo00.woff2") format("woff2"), url("/resources/fonts/SYFotfBo00.woff") format("woff");
}
@font-face {
  font-family: "SamYangNeo";
  font-style: normal;
  font-weight: 300;
  src: url("/resources/fonts/SamyangNeo-Light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SamyangNeo-Light.woff2") format("woff2"), url("/resources/fonts/SamyangNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "SamYangNeo";
  font-style: normal;
  font-weight: 400;
  src: url("/resources/fonts/SamyangNeo-Light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SamyangNeo-Light.woff2") format("woff2"), url("/resources/fonts/SamyangNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "SamYangNeo";
  font-style: normal;
  font-weight: 500;
  src: url("/resources/fonts/SamyangNeo-Light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SamyangNeo-Light.woff2") format("woff2"), url("/resources/fonts/SamyangNeo-Light.woff") format("woff");
}
@font-face {
  font-family: "SamYangNeo";
  font-style: normal;
  font-weight: 600;
  src: url("/resources/fonts/SamyangNeo-Medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/SamyangNeo-Medium.woff2") format("woff2"), url("/resources/fonts/SamyangNeo-Medium.woff") format("woff");
}
/* -----------------
Custom Scroll Bar
----------------- */
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}
.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
  left: -26px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #ddd;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #000;
}
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  bottom: 0;
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonDown:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonDown.nice-select.open {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonUp.nice-select.open {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonLeft {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonLeft:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonLeft.nice-select.open {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonRight.nice-select.open {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  right: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: #555;
  width: 8px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: #555;
  width: 8px;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 12px;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.nice-select.open .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

/* -----------------
Custom Select Box
----------------- */
.nice-select {
  min-width: 121px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border: solid 1px #ddd;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 52px;
  outline: none;
  padding-left: 20px;
  padding-right: 32px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:after {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none;
  content: "";
}
.nice-select.open:after {
  border-bottom: 6px solid #000;
  border-top: 0;
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #a4b5ba;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #dee4e6;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  min-width: 100%;
  max-height: 245px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-25px);
  z-index: 9;
  outline: 1px solid #ddd;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .current {
  font-size: 14px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.nice-select .option {
  display: block;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  list-style: none;
  min-height: 48px;
  outline: none;
  padding-left: 20px;
  padding-right: 31px;
  text-align: left;
  transition: all 0.2s;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #a4b5ba;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.skip_navi a {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -9999px;
  z-index: 1010;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #1fa7f1;
}
.skip_navi a:focus, .skip_navi a:active, .skip_navi a.nice-select.open {
  display: block;
  position: fixed;
  top: 0;
}

.header_wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  min-width: 1440px;
  height: 80px;
  color: #fff;
  transition: background 0.3s;
}
.header_wrap.down {
  position: fixed;
  transition: none;
}
.header_wrap.down, .header_wrap.show, .wrap:not(.main) .header_wrap {
  background: #fff;
  border-bottom: 1px solid #e8ebf0;
}
.header_wrap.down .header .logo, .header_wrap.show .header .logo, .wrap:not(.main) .header_wrap .header .logo {
  background-image: url("/resources/images/en/common/logo_on.svg");
}
.header_wrap.down .header .gnb_wrap .gnb .depth1 a, .header_wrap.show .header .gnb_wrap .gnb .depth1 a, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a {
  color: #000;
}
.header_wrap.down .header .gnb_wrap .gnb .depth1 a.focus, .header_wrap.down .header .gnb_wrap .gnb .depth1 a:hover, .header_wrap.down .header .gnb_wrap .gnb .depth1 a.active, .header_wrap.show .header .gnb_wrap .gnb .depth1 a.focus, .header_wrap.show .header .gnb_wrap .gnb .depth1 a:hover, .header_wrap.show .header .gnb_wrap .gnb .depth1 a.active, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a.focus, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a:hover, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a.active {
  color: #0f97dd;
}
.header_wrap.down .header .gnb_wrap .gnb .depth1 a.focus:after, .header_wrap.down .header .gnb_wrap .gnb .depth1 a:hover:after, .header_wrap.down .header .gnb_wrap .gnb .depth1 a.active:after, .header_wrap.show .header .gnb_wrap .gnb .depth1 a.focus:after, .header_wrap.show .header .gnb_wrap .gnb .depth1 a:hover:after, .header_wrap.show .header .gnb_wrap .gnb .depth1 a.active:after, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a.focus:after, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a:hover:after, .wrap:not(.main) .header_wrap .header .gnb_wrap .gnb .depth1 a.active:after {
  background-color: currentColor;
}
.header_wrap.down .header .lang_list li a.current, .header_wrap.show .header .lang_list li a.current, .wrap:not(.main) .header_wrap .header .lang_list li a.current {
  color: #333;
}
.header_wrap.down .header .lang_list li a.current:after, .header_wrap.show .header .lang_list li a.current:after, .wrap:not(.main) .header_wrap .header .lang_list li a.current:after {
  border-top-color: #a0a0a0;
}
.header_wrap.down .header .btn_prd_search, .header_wrap.show .header .btn_prd_search, .wrap:not(.main) .header_wrap .header .btn_prd_search {
  width: 169px;
  height: 100%;
  right: 0;
  background-position: calc(100% - 38px) 50%;
  border-radius: 0;
}
.header_wrap .bg {
  width: 100%;
  height: 0;
  z-index: 9997;
  background: #f3f3f3;
  transition: all 0.15s ease-in-out;
}
.header_wrap .bg.on {
  border-bottom: 1px solid #eee;
}
.header_wrap .header {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 1440px;
  margin: 0 auto;
  text-align: right;
  z-index: 9998;
}
.header_wrap .header .logo {
  float: left;
  width: 152px;
  height: 80px;
  margin-left: 30px;
  background: url("/resources/images/en/common/logo.svg") 50% 50% no-repeat;
  background-size: 100% auto;
}
.header_wrap .header .gnb_wrap {
  display: inline-block;
  padding-right: 292px;
}
@media (min-width: 100em) {
  .header_wrap .header .gnb_wrap {
    padding-right: 270px;
  }
}
.header_wrap .header .gnb_wrap .banner_100th {
  visibility: hidden;
  position: absolute;
  top: 110px;
  left: 30px;
}
.header_wrap .header .gnb_wrap .gnb {
  font-size: 0;
}
.header_wrap .header .gnb_wrap .gnb .depth1 {
  display: inline-block;
  position: relative;
  height: 100%;
  line-height: 80px;
}
.header_wrap .header .gnb_wrap .gnb .depth1:first-child {
  margin-left: 0;
}
.header_wrap .header .gnb_wrap .gnb .depth1 > a {
  position: relative;
  display: block;
  height: 80px;
  margin: 0 28px;
  padding-top: 3px;
  font-size: 18px;
  font-weight: 500;
  line-height: 80px;
  color: #fff;
}
@media (min-width: 100em) {
  .header_wrap .header .gnb_wrap .gnb .depth1 > a {
    margin: 0 50px;
  }
}
.header_wrap .header .gnb_wrap .gnb .depth1 > a.focus, .header_wrap .header .gnb_wrap .gnb .depth1 > a.active {
  color: #fff;
  position: relative;
}
.header_wrap .header .gnb_wrap .gnb .depth1 > a.focus:after, .header_wrap .header .gnb_wrap .gnb .depth1 > a.active:after {
  display: block;
  position: absolute;
  top: 30px;
  right: -9px;
  width: 6px;
  height: 6px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
}
.header_wrap .header .gnb_wrap .gnb .depth2 {
  overflow: hidden;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 80px;
  height: 0;
  padding-top: 10px;
  box-sizing: border-box;
  transition: height 0.15s ease-in-out;
  visibility: hidden;
  transform: translateX(-50%);
}
.header_wrap .header .gnb_wrap .gnb .depth2 li {
  text-align: center;
  padding-top: 20px;
  line-height: 1;
}
.header_wrap .header .gnb_wrap .gnb .depth2 li > a {
  font-size: 14px;
  color: #333;
}
.header_wrap .header .gnb_wrap .gnb .depth2 li > a:hover {
  color: #0f97dd;
}
.header_wrap .header .lang_list {
  overflow: hidden;
  position: absolute;
  top: 15px;
  right: 188px;
  width: 74px;
  height: 45px;
  padding: 11px 0;
  border: 1px solid transparent;
  text-align: left;
  color: #fff;
  border-radius: 14px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.header_wrap .header .lang_list.open {
  height: 114px;
  background: #fff;
  border: 1px solid #eee;
  color: #333;
}
.header_wrap .header .lang_list.open .current:after {
  border-bottom: 6px solid #a0a0a0;
  border-top: 0;
}
.header_wrap .header .lang_list li {
  display: table;
  width: 100%;
}
.header_wrap .header .lang_list li:last-child {
  margin-bottom: 0;
}
.header_wrap .header .lang_list li a {
  display: table-cell;
  vertical-align: middle;
  height: 31px;
  padding-top: 1px;
  padding-left: 18px;
  font-size: 12px;
  font-weight: 500;
}
.header_wrap .header .lang_list li a:hover {
  color: #0f97dd;
}
.header_wrap .header .lang_list li a.current {
  color: inherit;
  position: relative;
}
.header_wrap .header .lang_list li a.current:after {
  display: block;
  position: absolute;
  top: 13px;
  right: 19px;
  width: 0;
  height: 0;
  content: "";
  margin-top: -1px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #e1e1e1;
}
.header_wrap .header .btn_prd_search {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 129px;
  height: 39px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 19px;
  transform: translateY(-50%);
  background: url("/resources/images/kr/common/icon_search.png") calc(100% - 18px) 50% no-repeat;
  background-color: #1fa7f1;
}

.compare_layer_popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
  height: 100%;
  z-index: 99;
  background: #fff;
  box-shadow: 0 0 20px rgba(63, 76, 82, 0.6);
  transform: translateX(400px);
}
.compare_layer_popup .tab_head {
  padding-top: 45px;
  background: #1fa7f1;
  font-size: 0;
  text-align: center;
}
.compare_layer_popup .tab_head li {
  display: inline-block;
  vertical-align: middle;
}
.compare_layer_popup .tab_head li .btn {
  display: block;
  width: 150px;
  height: 46px;
  padding: 0 25px;
  background-position: calc(100% - 25px) 50%;
  background-repeat: no-repeat;
  background-color: #bebebe;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  outline: 0;
}
.compare_layer_popup .tab_head li .btn_layer_search {
  background-image: url("/resources/images/kr/common/icon_compare_search_w.png");
}
.compare_layer_popup .tab_head li .btn_layer_interest {
  background-image: url("/resources/images/kr/common/icon_compare_interest_w.png");
  padding: 0 20px;
  background-position: calc(100% - 20px) 50%;
}
.compare_layer_popup .tab_head li .btn.active {
  color: #000;
}
.compare_layer_popup .tab_head li .btn.active.btn_layer_search {
  background-image: url("/resources/images/kr/common/icon_compare_search.png");
  background-color: #fff;
}
.compare_layer_popup .tab_head li .btn.active.btn_layer_interest {
  background-image: url("/resources/images/kr/common/icon_compare_interest.png");
  background-color: #fff;
}
.compare_layer_popup .tab_cont {
  overflow: auto;
  height: calc(100% - 91px);
  padding: 30px 20px;
  background: #fff;
}
.compare_layer_popup .tab_cont .search_wrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
}
.compare_layer_popup .tab_cont .search_wrap .input_box {
  height: 50px;
  margin-bottom: 15px;
}
.compare_layer_popup .tab_cont .search_wrap .hashtag {
  font-size: 0;
  margin: -3px;
}
.compare_layer_popup .tab_cont .search_wrap .hashtag li {
  display: inline-block;
  vertical-align: middle;
  margin: 3px;
}
.compare_layer_popup .tab_cont .search_wrap .hashtag li a {
  display: block;
  height: 25px;
  padding: 0 9px;
  border: 1px solid #aaa;
  border-radius: 4px;
  font-size: 13px;
  line-height: 25px;
  color: #666;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
}
.compare_layer_popup .tab_cont .search_wrap .hashtag li a:hover {
  background: #0f97dd;
  border-color: #0f97dd;
  color: #fff;
}
.compare_layer_popup .tab_cont .select_wrap {
  padding: 15px 0 30px;
}
.compare_layer_popup .tab_cont .select_wrap .select_item {
  margin-bottom: 15px;
  border-bottom: 1px solid #888;
}
.compare_layer_popup .tab_cont .select_wrap .select_item:last-child {
  margin-bottom: 0;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .selected_list {
  height: 50px;
  background: #fff;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .selected_list .select_tit {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 16px;
  text-align: left;
  outline: 0;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .selected_list .select_tit:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  content: "";
  pointer-events: none;
  margin-top: -5px;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .selected_list .badge {
  display: none;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 25px;
  height: 25px;
  margin-top: -12.5px;
  background: #0f97dd;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 27px;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .dropdown_list {
  display: none;
  overflow: auto;
  max-height: 190px;
  padding: 20px;
  margin-top: -1px;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .dropdown_list .check_box {
  margin: -14px 0;
}
.compare_layer_popup .tab_cont .select_wrap .select_item .dropdown_list .item {
  display: block;
  margin: 14px 0;
  font-weight: 300;
}
.compare_layer_popup .tab_cont .select_wrap .select_item.active .select_tit:after {
  margin-top: -2px;
  transform: rotate(225deg);
}
.compare_layer_popup .tab_cont .select_wrap .select_item.active .dropdown_list {
  display: block;
}
.compare_layer_popup .tab_cont .select_wrap .select_item.is-checked .badge {
  display: block;
}
.compare_layer_popup .tab_cont .top_wrap:after {
  content: "";
  display: table;
  clear: both;
}
.compare_layer_popup .tab_cont .top_wrap .check_box {
  float: left;
  margin: 0;
  width: 20px;
  height: 20px;
}
.compare_layer_popup .tab_cont .top_wrap .check_box label:before {
  margin: 0;
}
.compare_layer_popup .tab_cont .top_wrap .btn_delete {
  float: left;
  display: inline-block;
  min-width: 40px;
  height: 20px;
  margin-left: 10px;
  padding: 0 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  text-align: center;
}
.compare_layer_popup .tab_cont .top_wrap .total {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
  float: right;
}
.compare_layer_popup .tab_cont .top_wrap .total em {
  font-style: normal;
  color: #0f97dd;
}
.compare_layer_popup .tab_cont .interest_list {
  overflow: hidden;
  max-height: calc(100vh - 260px);
  margin: 0 -20px 30px -20px;
}
.compare_layer_popup .tab_cont .interest_list.is-checked + .btn .badge {
  display: inline-block;
}
.compare_layer_popup .tab_cont .interest_list .item {
  display: block;
  width: calc(100% - 40px);
  margin: 0 20px 9px 20px;
}
.compare_layer_popup .tab_cont .interest_list .item:last-child {
  margin-bottom: 0;
}
.compare_layer_popup .tab_cont .interest_list .item label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
  padding: 10px 20px 10px 60px;
  background: #fff;
  border: 1px solid #ddd;
}
.compare_layer_popup .tab_cont .interest_list .item label:before {
  left: 20px;
  top: 19px;
  margin-top: 0;
}
.compare_layer_popup .tab_cont .interest_list .item label em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #0f97dd;
}
.compare_layer_popup .tab_cont .interest_list .item label em .mark {
  position: relative;
  top: -2px;
  left: 2px;
  font-size: 12px;
}
.compare_layer_popup .tab_cont .interest_list .item label p {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2em;
  word-break: keep-all;
  word-wrap: break-word;
}
.compare_layer_popup .tab_cont .interest_list .item label .btn_del {
  display: block;
  position: absolute;
  top: 14px;
  right: 15px;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url("/resources/images/kr/common/icon_compare_close.png") 50% 50% no-repeat;
}
.compare_layer_popup .tab_cont .interest_list .mCSB_dragger_bar {
  background: #0f97dd;
}
.compare_layer_popup .tab_cont .interest_list .mCSB_draggerRail {
  background: #ddd;
}
.compare_layer_popup .tab_cont .interest_list.no_data {
  height: 100%;
  margin: 0;
}
.compare_layer_popup .tab_cont .interest_list.no_data .msg {
  margin: 155px 0 135px;
  line-height: 1.5em;
  text-align: center;
}
.compare_layer_popup .btn_submit {
  display: block;
  width: 100%;
  height: 50px;
  background: #004990;
  font-size: 16px;
  line-height: 54px;
  text-align: center;
  color: #fff;
}
.compare_layer_popup .btn_submit.interest {
  position: relative;
}
.compare_layer_popup .btn_submit.interest .badge {
  display: none;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  background: #fff;
  border-radius: 50%;
  font-size: 13px;
  text-align: center;
  color: #004990;
  font-weight: 500;
  line-height: 30px;
}
.compare_layer_popup .btn_close {
  display: block;
  position: absolute;
  top: 6px;
  right: 18px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
.compare_layer_popup .btn_close:before, .compare_layer_popup .btn_close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #fff;
  content: " ";
}
.compare_layer_popup .btn_close:before {
  transform: rotate(45deg);
}
.compare_layer_popup .btn_close:after {
  transform: rotate(-45deg);
}

.container {
  overflow: hidden;
  min-width: 1440px;
  margin: 0 auto;
}
.container .section_visual {
  position: relative;
  height: 275px;
  margin-top: 80px;
  background-color: #dfedf2;
}
.product .container .section_visual {
  background: url("/resources/images/kr/common/bg_visual_product.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.company .container .section_visual {
  color: #fff;
  background: url("/resources/images/kr/common/bg_visual_company.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.company .container .section_visual .txt_box .sub_title span.kr {
  color: #fff;
}
.solution .container .section_visual {
  background: #d9e6eb;
}
.library .container .section_visual {
  background: #f5efe6;
}
.support .container .section_visual {
  background: #e7f1dd;
}
.guide .container .section_visual {
  background: #eee;
}
.container .section_visual .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
}
.container .section_visual .txt_box .sub_title {
  margin-top: 5px;
  color: currentColor;
}
.container .section_visual .txt_box .sub_title span {
  display: block;
}
.container .section_visual .txt_box .sub_title span.en {
  margin-bottom: 11px;
  font-size: 44px;
  font-weight: 600;
}
.container .section_visual .txt_box .sub_title span.kr {
  font-size: 26px;
  font-weight: 500;
  color: #333;
}
.container .section_visual .txt_box .desc {
  margin-top: 24px;
  padding-top: 24px;
  font-size: 16px;
  color: #333;
  line-height: 1.5em;
  position: relative;
}
.container .section_visual .txt_box .desc:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 2px;
  content: "";
  background: #333;
}
.container .section_visual .prd_title {
  font-size: 56px;
  font-weight: 600;
  color: #0f97dd;
}
.container .section_visual .prd_title .mark {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  font-size: 20px;
  letter-spacing: -0.03em;
}
.container .section_visual .prd_title .sort {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  font-size: 40px;
  font-weight: 600;
  color: #004990;
  transform: translateY(1px);
}
.container .section_visual .prd_title .sort .desc {
  display: block;
  margin-top: 3px;
  font-weight: 600;
}
.container .section_visual .prd_title.long .sort {
  vertical-align: inherit;
}
.container .section_visual .desc {
  margin-top: 8px;
  font-size: 16px;
}
.container .section_visual .prd_list {
  margin: 20px -5px 0;
  font-size: 0;
}
.container .section_visual .prd_list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.container .section_visual .prd_list li .tag {
  display: block;
  height: 30px;
  padding: 0 20px;
  border: 1px solid #0f97dd;
  font-size: 12px;
  line-height: 32px;
  color: #0f97dd;
  transition: all 0.15s ease-out;
  border-radius: 25px;
}
.container .section_visual .btn_inquire {
  position: absolute;
  bottom: 77px;
  right: 0;
  width: 130px;
  height: 130px;
  padding-top: 80px;
  color: #0f97dd;
  text-align: center;
  visibility: visible;
  background: url("/resources/images/kr/common/icon_inquiry.png") 50% 28px no-repeat;
  border-radius: 50%;
  background-color: #fff;
}
.container .section_content {
  padding: 75px 0 150px;
}
.container .section_content .content {
  max-width: 1100px;
  margin: 0 auto;
}
.container .section_content .content.full {
  max-width: none;
}
.container .section_content .content.full .inner_content {
  max-width: 1100px;
  margin: 0 auto;
}
.container .section_content .content .wrap_tit.line {
  display: block;
  text-align: center;
  line-height: 1.417;
  position: relative;
}
.container .section_content .content .wrap_tit.line:after {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 3px;
  content: "";
  background: #0f97dd;
  display: block;
  margin: 44px auto 50px;
}
.container .section_content .content .wrap_tit .desc {
  line-height: 1.625em;
  letter-spacing: -0.025em;
  color: #333;
}
.container .section_content .content .cont_tit {
  margin-bottom: 20px;
  letter-spacing: -0.025em;
}
.container .section_content .content .cont_tit_xs {
  font-size: 16px;
}
.container .section_content .content .cont_tit_md {
  font-size: 22px;
  font-weight: 500;
}
.container .section_content .content .cont_tit_lg, .container .section_content .content .cont_tit_en {
  font-size: 26px;
}
.container .section_content .content .cont_tit_en {
  font-weight: 600;
}
.container .section_content .content .cont_tit em {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: #0f97dd;
}
.container .section_content .content .cont_tit em .mark {
  vertical-align: top;
}
.container .section_content .content .tab_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.container .section_content .content .tab_menu li {
  position: relative;
  width: 100%;
  flex: 0 1 auto;
  margin-right: -1px;
}
.container .section_content .content .tab_menu li.active {
  z-index: 1;
  border-color: #004990;
  border-bottom-color: transparent;
}
.container .section_content .content .tab_menu li.active a {
  color: #004990;
  background: #fff;
  border-bottom: 0;
  position: relative;
}
.container .section_content .content .tab_menu li.active a:before {
  display: block;
  position: absolute;
  top: -1px;
  left: -2px;
  width: 100%;
  height: calc(100% - 1px);
  content: "";
  border: 2px solid #004990;
  border-bottom: 0 solid #fff;
}
.container .section_content .content .tab_menu li a {
  display: block;
  height: 70px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-bottom: 2px solid #004990;
  font-size: 16px;
  font-weight: 500;
  line-height: 72px;
  text-align: center;
}
.container .section_content .content .req {
  display: inline-block;
  font-weight: inherit;
  line-height: 1.125rem;
  position: relative;
}
.container .section_content .content .req:after {
  display: block;
  position: absolute;
  top: 0;
  right: -0.5em;
  content: "";
  color: #f15333;
  content: "*";
}

.footer {
  position: relative;
  min-width: 1440px;
  background: #f3f3f3;
}
.footer .inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.footer .inner:after {
  content: "";
  display: table;
  clear: both;
}
.footer .footer_top {
  border-bottom: 1px solid #ddd;
}
.footer .footer_top .inner {
  height: 60px;
}
.footer .footer_bot {
  padding: 23px 0 31px;
}
.footer .link_util {
  float: left;
  font-size: 0;
  margin: 0 -20px;
}
.footer .link_util li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
.footer .link_util li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  letter-spacing: -0.025em;
}
.footer .link_util li em {
  font-style: normal;
  color: #0f97dd;
}
.footer .family_site {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: -15px;
  width: 170px;
  height: 60px;
  z-index: 5;
  border: 1px solid transparent;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.footer .family_site .btn_fs {
  bottom: 20px;
  right: 38px;
  z-index: 1;
  padding-right: 21px;
  font-size: 14px;
  color: #333;
  line-height: 1.1em;
  text-transform: uppercase;
  position: relative;
  position: absolute;
}
.footer .family_site .btn_fs:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  content: "";
  margin-top: -2px;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-bottom: 6px solid #333;
  transform: translateY(-50%);
}
.footer .family_site.show {
  background: #fff;
  border: 1px solid #eee;
}
.footer .family_site.show .btn_fs:after {
  border-bottom: 0;
  border-top: 6px solid #333;
}
.footer .family_site.show .wrap_list {
  opacity: 1;
  visibility: visible;
}
.footer .family_site .wrap_list {
  overflow: hidden;
  visibility: hidden;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 410px;
  min-height: 265px;
  opacity: 0;
  padding: 50px 20px 80px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  border-radius: 30px;
}
.footer .family_site .wrap_list .col {
  padding: 0 30px;
  border-right: 1px solid #eee;
}
.footer .family_site .wrap_list .col:nth-child(1) {
  width: 180px;
}
.footer .family_site .wrap_list .col:nth-child(2) {
  width: 180px;
}
.footer .family_site .wrap_list .col:nth-child(3) {
  width: 163px;
}
.footer .family_site .wrap_list .col:nth-child(4) {
  width: 169px;
}
.footer .family_site .wrap_list .col:last-child {
  border-right: 0;
}
.footer .family_site .wrap_list .list {
  margin-bottom: 27px;
}
.footer .family_site .wrap_list .list:last-child {
  margin-bottom: 0;
}
.footer .family_site .wrap_list .list .tit {
  margin-bottom: 12px;
  font-size: 12px;
  letter-spacing: -0.025em;
  white-space: nowrap;
}
.footer .family_site .wrap_list .list li {
  margin-bottom: 10px;
}
.footer .family_site .wrap_list .list li:last-child {
  margin-bottom: 0;
}
.footer .family_site .wrap_list .list li a {
  padding-left: 7px;
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #666;
  line-height: 1.2em;
  letter-spacing: -0.025em;
  white-space: nowrap;
  transition: all 0.15s;
  position: relative;
}
.footer .family_site .wrap_list .list li a:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  width: 4px;
  height: 1px;
  background: #666;
  margin-right: 3px;
}
.footer .family_site .wrap_list .list li a:hover {
  color: #0f97dd;
}
.footer .family_site .wrap_list .list li a:hover:before {
  background: #0f97dd;
}
.footer .logo {
  float: left;
  width: 131px;
  height: 30px;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/en/common/logo_footer.svg") 0 0 no-repeat;
  background-size: 100% auto;
}
.footer .copy {
  float: right;
  text-align: right;
}
.footer .copy .addr {
  display: block;
  font-size: 0;
  margin: 0 -7px 8px;
}
.footer .copy .addr span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
  font-size: 12px;
  color: #888;
}
.footer .copy .copyright {
  font-size: 12px;
  color: #888;
}

.main .sec .sec_tit {
  text-align: center;
}
.main .sec .sec_tit .tit {
  margin-bottom: 23px;
  font-size: 48px;
  font-weight: 600;
}
.main .sec .sec_tit .desc {
  font-size: 16px;
  letter-spacing: -0.025em;
}
.main .sec .txt_box .tit {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.167em;
}
.main .sec .txt_box .tit.line {
  position: relative;
}
.main .sec .txt_box .tit.line:after {
  display: block;
  position: relative;
  width: 40px;
  height: 2px;
  content: "";
  background: currentColor;
  margin: 20px 0 25px;
}
.main .sec .txt_box .desc {
  margin-bottom: 25px;
  font-weight: 300;
  line-height: 1.625em;
  letter-spacing: -0.025em;
  font-size: 16px;
  height: 78px;
}
.main .sec .txt_box .desc sub {
  position: relative;
  display: inline-block;
  top: 1px;
  font-size: 60%;
}
.main .sec .txt_box.showroom .desc {
  height: 145px;
}
.main .sec .swiper-controller {
  width: 90%;
  max-width: 1400px;
  z-index: 1;
  margin: 0 auto;
  font-size: 0;
}
.main .sec .swiper-controller .pagination {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.main .sec .swiper-controller .pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: none;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.main .sec .swiper-controller .pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.main .sec .swiper-controller .pagination .swiper-pagination-bullet-active {
  background: currentColor;
  border: 1px solid transparent;
}
.main .sec .swiper-controller .btn_play {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 10px;
  margin-left: 10px;
  background: transparent;
  border-color: transparent transparent transparent currentColor;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  transition: all 0.1s ease-out;
  cursor: pointer;
  text-indent: -9999%;
  font-size: 0;
}
.main .sec .swiper-controller .btn_play.pause {
  border-style: double;
  border-width: 0px 0 0px 10px;
}
.main .sec_visual .inner {
  position: relative;
  width: 90%;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
}
.main .sec_visual .slide {
  overflow: hidden;
  height: 88vh;
  min-height: 900px;
}
.main .sec_visual .slide .txt_box {
  position: absolute;
  left: 0;
  bottom: 300px;
  width: 100%;
  color: #fff;
  z-index: 1;
}
.main .sec_visual .slide .txt_box .eng {
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.main .sec_visual .slide .txt_box .eng span {
  display: inline-block;
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.main .sec_visual .slide .txt_box .eng span.mark:after {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 12px;
  font-size: 40px;
  content: "®";
}
.main .sec_visual .slide .txt_box .eng span:nth-child(2) {
  position: absolute;
  top: 100px;
}
.main .sec_visual .slide .txt_box .kor {
  margin: 5px 0 25px;
  font-size: 22px;
  line-height: 1.333em;
  letter-spacing: -0.025em;
}
.main .sec_visual .slide .txt_box .btn_more {
  min-width: 120px;
  height: 34px;
  padding-left: 16px;
  padding-right: 42px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 34px;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.06em;
  transition: background 0.3s, border-color 0.3s;
  background: url("/resources/images/kr/main/icon_plus.png") calc(100% - 15px) 50% no-repeat;
  color: #fff;
}
.main .sec_visual .slide .txt_box .btn_more:hover {
  border-color: transparent;
  background-color: #0f97dd;
}
.main .sec_visual .slide .txt_box .slide_up {
  visibility: hidden;
}
.main .sec_visual .slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .sec_visual .slide_1 .bg {
  background: url("/resources/images/en/main/img_visual1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .slide_2 .bg {
  background: url("/resources/images/en/main/img_visual2.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .slide_3 .bg {
  background: url("/resources/images/en/main/img_visual3.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .slide_4 .bg {
  background: url("/resources/images/en/main/img_visual4.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_visual .swiper-controller {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 238px;
  color: #fff;
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet {
  overflow: hidden;
  position: relative;
  width: 80px;
  height: 15px;
  border: 0;
  border-radius: 0;
  background: none;
  cursor: pointer;
  outline: 0;
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .rail {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  margin-top: -1.5px;
  background: #f7f7f7;
}
.main .sec_visual .swiper-controller .pagination .swiper-pagination-bullet .fill {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  margin-top: -1.5px;
  background: #1fa7f1;
  transform: translateX(-100%);
}
.main .sec_prd_search {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 1440px;
  height: 206px;
  margin: -150px auto 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 23px 34px 59px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.main .sec_prd_search:after {
  content: "";
  display: table;
  clear: both;
}
.main .sec_prd_search .search_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  width: 50%;
  height: 100%;
  padding: 0 109px;
}
.main .sec_prd_search .search_area .tit {
  margin-top: -4px;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 500;
}
.main .sec_prd_search .search_area .input_box {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 60px;
}
.main .sec_prd_search .search_area .input_box input {
  width: 100%;
  height: 100%;
  padding-right: 132px;
  border: 0;
  border-bottom: 2px solid #000;
  font-size: 16px;
  color: #000;
}
.main .sec_prd_search .search_area .input_box .btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  font-size: 16px;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/kr/main/icon_main_search.png") 50% 50% no-repeat;
}
.main .sec_prd_search .search_area.category {
  color: #fff;
  background: #1fa7f1;
}
.main .sec_prd_search .search_area.category .btn_cate_search {
  height: 60px;
  padding: 0 20px;
  border: 1px solid #fff;
  font-size: 16px;
  text-align: left;
  color: #fff;
  border-radius: 5px;
  background: url("/resources/images/kr/main/icon_main_filter.png") calc(100% - 20px) 50% no-repeat;
}
.main .sec_prd_search .recommend_area {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0 109px 0 65px;
  background: #f8f8f8;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.main .sec_prd_search .recommend_area .tit {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}
.main .sec_prd_search .recommend_area .word_list {
  font-size: 0;
  margin: -5px;
}
.main .sec_prd_search .recommend_area .word_list li {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}
.main .sec_prd_search .recommend_area .word_list li a {
  display: block;
  height: 28px;
  padding: 0 9px;
  border: 1px solid #b6bdc5;
  border-radius: 3px;
  font-size: 12px;
  line-height: 30px;
  color: #666;
}
.main .sec_prd_search .recommend_area .word_list li a:hover {
  background: #0f97dd;
  border-color: #0f97dd;
  color: #fff;
  transition: all 0.15s ease-out;
}
.main .sec_solution {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 110px 0 157px;
}
.main .sec_solution .solution_list {
  width: 100%;
  margin: 50px auto 0;
}
.main .sec_solution .solution_list:after {
  content: "";
  display: table;
  clear: both;
}
.main .sec_solution .solution_list .item {
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: 350px;
  background-color: #f3f3f3;
  color: #fff;
  position: relative;
}
.main .sec_solution .solution_list .item:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 350px;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.45s ease-out;
  background: url("/resources/images/kr/main/bg_solution.png") 50% 50% no-repeat;
}
.main .sec_solution .solution_list .item:hover:before {
  opacity: 1;
}
.main .sec_solution .solution_list .item:hover .txt_box .tit:after {
  width: 297px;
}
.main .sec_solution .solution_list .item:hover .bg {
  transform: scale(1.1);
}
.main .sec_solution .solution_list .item:nth-child(2n-1) {
  top: 57px;
}
.main .sec_solution .solution_list .item .txt_box {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 1;
}
.main .sec_solution .solution_list .item .txt_box .tit:after {
  width: 40px;
  margin: 15px 0 25px;
  transition: all 0.45s ease-out;
}
.main .sec_solution .solution_list .item .txt_box .desc {
  visibility: hidden;
}
.main .sec_solution .solution_list .item .txt_box .more {
  visibility: hidden;
  display: block;
  width: 20px;
  height: 12px;
  background: url("/resources/images/kr/main/icon_arr_w.png") 50% 50% no-repeat;
  text-indent: -9999%;
  font-size: 0;
}
.main .sec_solution .solution_list .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .sec_solution .solution_list .item_automotive .bg {
  transition: all 0.6s ease-out;
  background: url("/resources/images/kr/main/img_solution_automotive.jpg") 50% 50% no-repeat;
}
.main .sec_solution .solution_list .item_home .bg {
  transition: all 0.6s ease-out;
  background: url("/resources/images/kr/main/img_solution_home.jpg") 50% 50% no-repeat;
}
.main .sec_solution .solution_list .item_mobile .bg {
  transition: all 0.6s ease-out;
  background: url("/resources/images/kr/main/img_solution_mobile.jpg") 50% 50% no-repeat;
}
.main .sec_solution .solution_list .item_industrial .bg {
  transition: all 0.6s ease-out;
  background: url("/resources/images/kr/main/img_solution_industrial.jpg") 50% 50% no-repeat;
}
.main .sec_solution .circle {
  display: block;
  position: absolute;
  z-index: -1;
  border: 1px solid #dedede;
  border-radius: 50%;
}
.main .sec_solution .circle_rt1 {
  top: -482px;
  right: -1003px;
  width: 938px;
  height: 938px;
}
.main .sec_solution .circle_rt2 {
  top: 57px;
  right: -615px;
  width: 938px;
  height: 938px;
}
.main .sec_solution .circle_lb {
  top: 165px;
  left: -670px;
  width: 1426px;
  height: 1426px;
  border: 1px solid #45bae6;
}
.main .sec_specialty {
  padding: 100px 0 0;
  background: #d1e0e5;
}
.main .sec_specialty .sec_tit .tit {
  margin-bottom: 20px;
}
.main .sec_specialty .specialty_slide {
  padding-top: 45px;
  height: 479px;
  box-sizing: content-box;
}
.main .sec_specialty .specialty_slide .slide {
  visibility: hidden;
  display: flex;
  align-items: center;
  width: 550px;
  height: 370px;
}
.main .sec_specialty .specialty_slide .slide:hover .item {
  height: 100%;
}
.main .sec_specialty .specialty_slide .slide:hover .item .txt_box {
  padding-top: 74px;
  border-color: #dfe9ed;
}
.main .sec_specialty .specialty_slide .slide:hover .item .txt_box .more:after {
  transform: translateX(0);
}
.main .sec_specialty .specialty_slide .slide:hover .item .txt_box .more span {
  opacity: 1;
  transform: translateX(0);
}
.main .sec_specialty .specialty_slide .slide:hover .item .desc {
  margin-bottom: 30px;
}
.main .sec_specialty .specialty_slide .slide:hover .item .bg {
  margin-top: -185px;
}
.main .sec_specialty .specialty_slide .slide:hover .item .bg img {
  margin-top: 0;
}
.main .sec_specialty .specialty_slide .item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 250px;
  background: #f3f3f3;
  color: #fff;
  transition: all 0.3s ease-out;
}
.main .sec_specialty .specialty_slide .item .txt_box {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 45px;
  border: 5px solid transparent;
  box-shadow: 3.8px 11.4px 43px 0px rgba(0, 0, 0, 0.23);
  transition: all 0.3s ease-out;
}
.main .sec_specialty .specialty_slide .item .txt_box .tit {
  margin-bottom: 11px;
}
.main .sec_specialty .specialty_slide .item .txt_box .desc {
  margin-bottom: 10px;
  transition: all 0.3s ease-out;
}
.main .sec_specialty .specialty_slide .item .txt_box .more {
  font-size: 0;
  position: relative;
}
.main .sec_specialty .specialty_slide .item .txt_box .more:after {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 12px;
  content: "";
  transform: translateX(-48px);
  transition: all 0.3s ease-out;
  background: url("/resources/images/kr/main/icon_arr_w.png") 50% 50% no-repeat;
  vertical-align: bottom;
}
.main .sec_specialty .specialty_slide .item .txt_box .more span {
  overflow: hidden;
  position: relative;
  top: 2px;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
  transform: translateX(-50px);
  transition: all 0.3s ease-out;
}
.main .sec_specialty .specialty_slide .item .bg {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -125px;
  transition: all 0.3s ease-out;
}
.main .sec_specialty .specialty_slide .item .bg img {
  margin-top: -60px;
  transition: all 0.3s ease-out;
}
.main .sec_specialty .swiper-controller {
  visibility: hidden;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
  color: #77acbf;
}
.main .sec_specialty .swiper-controller .swiper-pagination-bullet {
  cursor: pointer;
}
.main .sec_service:after {
  content: "";
  display: table;
  clear: both;
}
.main .sec_service .item {
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
  height: 480px;
  padding: 100px 60px;
}
.main .sec_service .item .txt_box {
  position: relative;
  z-index: 1;
}
.main .sec_service .item .txt_box .tit.line:after {
  width: 180px;
}
.main .sec_service .item .txt_box .more {
  font-size: 0;
  position: relative;
}
.main .sec_service .item .txt_box .more:after {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 12px;
  content: "";
  transform: translateX(-48px);
  transition: all 0.3s ease-out;
  background: url("/resources/images/kr/main/icon_arr_w.png") 50% 50% no-repeat;
}
.main .sec_service .item .txt_box .more span {
  overflow: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
  transform: translateX(-50px);
  transition: all 0.3s ease-out;
}
.main .sec_service .item .bg_trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.main .sec_service .item .bg_trigger .bg {
  transform-origin: left bottom;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
}
.main .sec_service .item:hover .txt_box .more:after {
  transform: translateX(0);
}
.main .sec_service .item:hover .txt_box .more span {
  opacity: 1;
  transform: translateX(0);
}
.main .sec_service .item:hover .bg {
  transform: scale(1.05);
}
.main .sec_service .item_showroom {
  width: 55.2083333333%;
  color: #fff;
  background: #2b6d9f;
}
.main .sec_service .item_showroom .bg {
  transform-origin: left bottom;
  background: url("/resources/images/kr/main/img_service_showroom.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.main .sec_service .item_newsroom {
  width: 44.7916666667%;
  padding: 78px 63px 0 90px;
  background: #f7f7f7;
}
.main .sec_service .item_newsroom .txt_box .tit {
  margin-bottom: 21px;
}
.main .sec_service .item_newsroom .news_list {
  position: relative;
  max-width: 705px;
}
.main .sec_service .item_newsroom .news_list .list li {
  margin-bottom: -1px;
}
.main .sec_service .item_newsroom .news_list .list a {
  display: flex;
  height: 71px;
  align-items: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.main .sec_service .item_newsroom .news_list .list a:hover .tit {
  color: #0f97dd;
}
.main .sec_service .item_newsroom .news_list .list a .tit {
  width: calc(100% - 100px);
  font-size: 16px;
  line-height: 1.1em;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.main .sec_service .item_newsroom .news_list .list a .date {
  display: block;
  margin-left: auto;
  font-size: 14px;
  color: #0f97dd;
}
.main .sec_service .item_newsroom .btn_more {
  position: absolute;
  top: -63px;
  right: 0;
  z-index: 2;
  min-width: 120px;
  height: 34px;
  padding-left: 16px;
  padding-right: 42px;
  border: 1px solid #ddd;
  border-radius: 34px;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.06em;
  transition: all 0.3s;
  background: url("/resources/images/kr/main/icon_plus_g.png") calc(100% - 15px) 50% no-repeat;
}
.main .sec_service .item_newsroom .btn_more:hover {
  border-color: transparent;
  background-color: #0f97dd;
  color: #fff;
  background-image: url("/resources/images/kr/main/icon_plus.png");
}
.main .sec_quick {
  padding: 120px 0 157px;
}
.main .sec_quick .quick_menu {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 110px;
}
.main .sec_quick .quick_menu:after {
  content: "";
  display: table;
  clear: both;
}
.main .sec_quick .quick_menu li {
  float: left;
  width: 25%;
}
.main .sec_quick .quick_menu li:nth-child(1) a:before {
  background: url("/resources/images/kr/main/icon_quick1.png") 50% 50% no-repeat;
}
.main .sec_quick .quick_menu li:nth-child(2) a:before {
  background: url("/resources/images/kr/main/icon_quick2.png") 50% 50% no-repeat;
}
.main .sec_quick .quick_menu li:nth-child(3) a:before {
  background: url("/resources/images/kr/main/icon_quick3.png") 50% 50% no-repeat;
}
.main .sec_quick .quick_menu li:nth-child(4) a:before {
  background: url("/resources/images/kr/main/icon_quick4.png") 50% 50% no-repeat;
}
.main .sec_quick .quick_menu li:first-child a:after {
  display: none;
}
.main .sec_quick .quick_menu li a {
  display: block;
  text-align: center;
  font-size: 16px;
  transition: all 0.15s ease-out;
  position: relative;
}
.main .sec_quick .quick_menu li a:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 30px;
  content: "";
  margin-top: -15px;
  background: #ddd;
}
.main .sec_quick .quick_menu li a:before {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 20px;
  content: "";
}
.main .sec_quick .quick_menu li a:hover {
  color: #0f97dd;
}

.autocomplete-suggestions {
  border: 1px solid #ddd;
  background: #fff;
  overflow: auto;
}
.autocomplete-suggestions strong {
  font-weight: 500;
  color: #0f97dd;
}

.autocomplete-suggestion {
  padding: 10px 20px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.autocomplete-selected {
  background: #f7f7f7;
}

.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

.popup_container {
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -720px;
  width: 1440px;
  box-sizing: border-box;
  z-index: 2;
}
.popup_container .main_popup {
  display: none;
  position: absolute;
  padding: 10px;
  background: #1fa7f1;
  box-sizing: border-box;
}
.popup_container .main_popup.on {
  display: block;
}
.popup_container .main_popup .content a {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_container .main_popup .bottom {
  margin-top: 10px;
}
.popup_container .main_popup .bottom:after {
  content: "";
  display: table;
  clear: both;
}
.popup_container .main_popup .bottom > * {
  display: inline-block;
}
.popup_container .main_popup .bottom > *.check_box {
  float: left;
}
.popup_container .main_popup .bottom > *.check_box input[type=checkbox] + label:before {
  border: none;
}
.popup_container .main_popup .bottom > *.check_box input[type=checkbox] + label span {
  color: #fff;
  font-size: 12px;
}
.popup_container .main_popup .bottom > *.btn_close {
  float: right;
  padding-right: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  background: url("/resources/images/kr/main/btn_close_main_popup.png") top 3px right no-repeat;
}

.support .tab_menu {
  margin-bottom: 100px;
}
.support .form {
  margin-top: 100px;
}
.support .form:first-of-type, .support .form.first {
  margin-top: 0;
}
.support .privacy {
  padding: 43px 50px;
  border: 1px solid #ddd;
  line-height: 1.625em;
}
.support .privacy .privacy_list li {
  margin-bottom: 15px;
  font-size: 14px;
}
.support .privacy .privacy_list li:last-child {
  margin-bottom: 0;
}
.support .privacy .privacy_list .tit {
  font-style: normal;
  color: #333;
  font-size: 14px;
}
.support .privacy .privacy_list .desc {
  padding-left: 18px;
  font-weight: 300;
  font-size: 14px;
  color: #333;
  word-break: keep-all;
  word-wrap: break-word;
}
.support .privacy .msg {
  margin-top: 15px;
}
.support .privacy .msg em {
  display: block;
  font-style: normal;
  color: #888;
}
.support .check_box {
  margin: 29px 0 0;
}
.support .captcha_box {
  padding: 22px 23px;
  background: #f7f7f7;
}
.support .captcha_box:after {
  content: "";
  display: table;
  clear: both;
}
.support .captcha_box .captcah_img {
  float: left;
  width: 200px;
  height: 45px;
  margin-right: 9px;
  background: #dfedf2;
}
.support .captcha_box .btn_refresh {
  float: left;
  margin-right: 9px;
}
.support .captcha_box .input_box {
  float: left;
  width: 315px;
}
.support .wrap_btn {
  margin-top: 50px;
}
.support.inquiry .nice-select {
  width: 322px;
  height: 45px;
  line-height: 45px;
}
.support.inquiry .textarea textarea {
  height: 345px;
}
.support.newsletter .privacy_list .table {
  margin: 24px 0;
  border-top-width: 1px;
}
.support.newsletter .privacy_list .table th,
.support.newsletter .privacy_list .table td {
  height: 60px;
}
.support.newsletter .privacy_list .table th {
  border-bottom: 0;
}
.support.newsletter .privacy_list .table td {
  border-top: 0;
}
.support.newsletter .privacy_list .table em {
  font-style: normal;
  color: #0f97dd;
}
.support.newsletter .unsubscribe {
  margin-top: 100px;
  padding: 15px 20px;
  border: 1px solid #ddd;
}
.support.newsletter .unsubscribe:after {
  content: "";
  display: table;
  clear: both;
}
.support.newsletter .unsubscribe .msg {
  float: left;
  font-weight: 300;
  position: relative;
}
.support.newsletter .unsubscribe .msg:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  padding-right: 4px;
  content: "*";
}
.support.newsletter .unsubscribe .btn {
  float: right;
  margin-right: 8px;
}

.solution:not(.industrial) .section_content {
  padding-top: 0;
}
.solution .sequence_area {
  overflow: hidden;
  position: relative;
  height: 700px;
  margin: 150px 0 80px;
  background: #f7f7f7;
}
.solution .sequence_area.init .product_slide,
.solution .sequence_area.init .product_sequence {
  opacity: 1;
}
.solution .sequence_area:first-of-type {
  margin-top: 0;
}
.solution .sequence_area .inner {
  position: relative;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
}
.solution .sequence_area .product_slide {
  width: 340px;
  height: 100%;
  margin: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.solution .sequence_area .product_slide .slide_tit {
  margin-bottom: 18px;
  font-size: 26px;
  font-weight: 600;
}
.solution .sequence_area .product_slide .product_wrap {
  width: 100%;
}
.solution .sequence_area .product_slide .slide {
  display: block;
  width: 100%;
  max-height: 150px;
  margin-bottom: 10px;
  padding: 20px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.solution .sequence_area .product_slide .slide:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  background: #1fa7f1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.solution .sequence_area .product_slide .slide:hover:after {
  opacity: 1;
  height: 6px;
}
.solution .sequence_area .product_slide .slide.active .name {
  color: #fff;
}
.solution .sequence_area .product_slide .slide.active .name .sort {
  color: #fff;
}
.solution .sequence_area .product_slide .slide.active .desc {
  color: #fff;
}
.solution .sequence_area .product_slide .slide.active:after {
  height: 100%;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.93, 0.04, 0.23, 1);
}
.solution .sequence_area .product_slide .name {
  position: relative;
  z-index: 1;
  margin-bottom: 11px;
  font-size: 22px;
  font-weight: 600;
  color: #0f97dd;
}
.solution .sequence_area .product_slide .name .prd {
  font-weight: 600;
  transition: all 0.5s cubic-bezier(0.93, 0.04, 0.23, 1);
}
.solution .sequence_area .product_slide .name .sort {
  position: relative;
  font-weight: 600;
  color: #004990;
  transition: all 0.5s cubic-bezier(0.93, 0.04, 0.23, 1);
}
.solution .sequence_area .product_slide .name .sort.mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
  top: -2px;
}
.solution .sequence_area .product_slide .desc {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.714em;
  letter-spacing: -0.025em;
  color: #888;
  transition: all 0.5s cubic-bezier(0.93, 0.04, 0.23, 1);
  word-break: keep-all;
  word-wrap: break-word;
}
.solution .sequence_area .product_slide .desc .mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
}
.solution .sequence_area .product_slide .shadow {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  pointer-events: none;
}
.solution .sequence_area .product_slide .shadow_top {
  display: none;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}
.solution .sequence_area .product_slide .shadow_bot {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
}
.solution .sequence_area .product_sequence {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 340px);
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.solution .sequence_area .product_sequence .motion {
  position: absolute;
  top: 0;
  right: 0;
}
.solution .sequence_area .product_sequence .wrap_move_item {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.solution .sequence_area .product_sequence .wrap_move_item .link {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  text-indent: -9999%;
  font-size: 0;
}
.solution .content_product {
  position: relative;
}
.solution .content_product .compare_guide {
  visibility: hidden;
  position: absolute;
  top: 28px;
  right: 50px;
  height: 34px;
  padding: 10px 18px;
  background: #0f97dd;
  box-shadow: 6px 4px 9px 0px rgba(0, 0, 0, 0.18);
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.025em;
  z-index: 2;
  border-radius: 30px;
}
.solution .content_product .compare_guide:after {
  position: absolute;
  left: 30px;
  bottom: -8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 6px solid #0f97dd;
  content: "";
  transform: translateY(-50%);
}
.solution .product_head {
  display: table;
  width: 100%;
  padding: 17px 20px;
}
.solution .product_head .th {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 500;
}
.solution .product_head .th_product {
  width: 31.1320754717%;
}
.solution .product_head .th_name {
  width: 21.4150943396%;
}
.solution .product_head .th_grade {
  width: 47.4528301887%;
}
.solution .product_list .product_name {
  font-size: 16px;
  line-height: 1.33em;
  letter-spacing: -0.025em;
}
.solution .product_list .material_name {
  font-family: "SamYang";
  font-weight: 600;
  color: #0f97dd;
}
.solution .product_list .material_name .prd {
  margin-right: 5px;
  font-weight: 600;
}
.solution .product_list .material_name .sort {
  position: relative;
  font-weight: 600;
  color: #004990;
}
.solution .product_list .material_name .sort.mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
}
.solution .product_list .material_link .wrap_link {
  margin: -5px;
  font-size: 0;
}
.solution .product_list .material_link .btn {
  min-width: 110px;
  height: 30px;
  margin: 5px;
  padding: 0 20px 0 10px;
  font-size: 12px;
  line-height: 29.5px;
  color: #666;
  border: 1px solid #aaa;
  cursor: pointer;
}
.solution .product_list .material_link .btn:after {
  right: 10px;
}
.solution .product_list .material_link .btn:hover {
  color: #fff;
  background: #0f97dd;
  border-color: transparent;
}
.solution .product_list .material_link .btn:hover:after {
  border-color: #fff;
}
.solution .product_list.type_list .thumb {
  display: none;
}
.solution .product_list.type_list .product_name {
  display: table-cell;
  vertical-align: top;
  width: 31.1320754717%;
  padding-top: 5px;
  font-weight: 500;
}
.solution .product_list.type_list .material_list {
  display: table-cell;
  vertical-align: middle;
}
.solution .product_list.type_list .material_list li {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.solution .product_list.type_list .material_list li:last-child {
  margin-bottom: 0;
}
.solution .product_list.type_list .material_list .material_name {
  display: table-cell;
  vertical-align: top;
  width: 31.095890411%;
  padding-top: 10px;
}
.solution .product_list.type_list .material_list .material_link {
  display: table-cell;
  vertical-align: middle;
  width: 68.904109589%;
}
.solution .product_list.type_list .item {
  display: table;
  width: 100%;
  margin-bottom: -1px;
  padding: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #fff;
  transition: background 0.35s ease-out;
}
.solution .product_list.type_list .item:first-child {
  border-top: 1px solid #000;
}
.solution .product_list.type_list .item.focus {
  background: #dfecf2;
}
.solution .product_list.type_thumb {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px -80px;
}
.solution .product_list.type_thumb .thumb {
  overflow: hidden;
  width: 350px;
  height: 250px;
  background: #f2f2f2;
}
.solution .product_list.type_thumb .product_name {
  display: block;
  margin: 26px 0 21px;
  padding-bottom: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}
.solution .product_list.type_thumb .material_list li {
  margin-bottom: 30px;
}
.solution .product_list.type_thumb .material_list li:last-child {
  margin-bottom: 0;
}
.solution .product_list.type_thumb .material_list .material_name {
  margin-bottom: 7px;
}
.solution .product_list.type_thumb .item {
  width: calc(33.333% - 24px);
  margin: 0 12px 80px;
}
.solution .product_list.type_thumb .item_primary {
  width: 100%;
}
.solution .product_list.type_thumb .item_primary:after {
  content: "";
  display: table;
  clear: both;
}
.solution .product_list.type_thumb .item_primary .thumb {
  float: left;
  width: 350px;
  height: 388px;
  margin-right: 25px;
  background: #f2f2f2;
}
.solution .product_list.type_thumb .item_primary .product_name {
  float: left;
  width: calc(100% - 375px);
  margin: 0 0 19px;
}
.solution .product_list.type_thumb .item_primary .material_list {
  float: left;
  width: calc(100% - 375px);
}
.solution .product_list.type_thumb .item_primary .material_list li {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.solution .product_list.type_thumb .item_primary .material_list li:last-child {
  margin-bottom: 0;
}
.solution .product_list.type_thumb .item_primary .material_list .material_name {
  display: table-cell;
  vertical-align: top;
  width: 200px;
  padding-top: 9px;
}
.solution .product_list.type_thumb .item_primary .material_list .material_link {
  display: table-cell;
  vertical-align: top;
}
.solution .product_list.type_accordion {
  border-top: 1px solid #000;
}
.solution .product_list.type_accordion .item {
  padding: 0 30px;
  border-bottom: 1px solid #ddd;
}
.solution .product_list.type_accordion .item.active .product_name {
  padding: 15px 0;
}
.solution .product_list.type_accordion .item.active .material_list {
  display: block;
}
.solution .product_list.type_accordion .item.active.active .product_name:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(-135deg);
  content: "";
  pointer-events: none;
  border-color: #1599de;
  margin-top: -5px;
}
.solution .product_list.type_accordion .product_name {
  position: relative;
  display: block;
  padding: 24px 0 22px;
  font-weight: 500;
}
.solution .product_list.type_accordion .product_name:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  content: "";
  pointer-events: none;
  border-color: #1599de;
  margin-top: -5px;
}
.solution .product_list.type_accordion .material_list {
  display: none;
  padding: 30px;
  background: #f7f7f7;
}
.solution .product_list.type_accordion .material_list li {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.solution .product_list.type_accordion .material_list li:last-child {
  margin-bottom: 0;
}
.solution .product_list.type_accordion .material_list .material_name {
  display: table-cell;
  vertical-align: top;
  width: 205px;
  padding-top: 9px;
}
.solution .product_list.type_accordion .material_list .material_link {
  display: table-cell;
  vertical-align: top;
}
.solution .product_list.type_accordion .material_list .material_link .btn:hover {
  color: #fff;
  background: #0f97dd;
}
.solution .product_list.type_accordion .material_list .material_link .btn:hover:after {
  border-color: #fff;
}
.solution.appliance .compare_guide {
  top: 65px;
  right: 40px;
}
.solution.appliance .content {
  margin-bottom: 100px;
}
.solution.appliance .content:last-child {
  margin-bottom: 0;
}
.solution.appliance .content .home_slide {
  overflow-x: hidden;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.solution.appliance .content .home_slide .swiper-container {
  overflow-y: visible;
}
.solution.appliance .content .home_slide .swiper-container .slide_arrow {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 49px;
  height: 80px;
  z-index: 2;
}
.solution.appliance .content .home_slide .swiper-container .slide_arrow.swiper-button-prev {
  left: 0;
  background-image: url("/resources/images/kr/solution/home_appliance/slide_arrow_left.png");
}
.solution.appliance .content .home_slide .swiper-container .slide_arrow.swiper-button-next {
  right: 0;
  background-image: url("/resources/images/kr/solution/home_appliance/slide_arrow_right.png");
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .kitchen {
  position: relative;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .kitchen .point_wrap.prd1 {
  top: 56%;
  left: 27%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .kitchen .point_wrap.prd2 {
  top: 44%;
  left: 51%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .kitchen .point_wrap.prd3 {
  top: 52%;
  left: 68.5%;
  z-index: 4;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .kitchen .point_wrap.prd4 {
  top: 53%;
  left: 82.5%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .riving {
  position: relative;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .riving .point_wrap.prd1 {
  top: 28%;
  left: 39%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .riving .point_wrap.prd2 {
  top: 59%;
  left: 58%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .riving .point_wrap.prd3 {
  top: 56%;
  left: 73.6%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .riving .point_wrap.prd4 {
  top: 32%;
  left: 85%;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap {
  display: block;
  position: absolute;
  z-index: 3;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .spot {
  position: absolute;
  top: -11px;
  left: -11px;
  display: inline-block;
  width: 30px;
  height: 30px;
  z-index: 2;
  background: url("/resources/images/kr/solution/home_appliance/btn_plus.png") center no-repeat;
  background-size: 100%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap:hover .spot {
  transform: scale(1.1);
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel {
  position: relative;
  display: none;
  width: 220px;
  padding: 30px 30px 0 30px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 9px 16px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  z-index: 1;
  top: 5px;
  opacity: 0;
  border-radius: 10px;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .product {
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list {
  padding: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li {
  margin-top: 15px;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li:first-child {
  margin-top: 0;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li span {
  font-size: 12px;
  font-weight: 600;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li .txt1 {
  color: #0f97dd;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li .txt2,
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li .mark {
  color: #004990;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .prd_list li .mark {
  font-size: 13px;
  vertical-align: top;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .btn_detail {
  display: block;
  padding: 20px 0;
  text-align: center;
}
.solution.appliance .content .home_slide .swiper-container .swiper-slide .point_wrap .pannel .btn_detail span {
  display: inline-block;
  padding-right: 20px;
  background: url("/resources/images/kr/solution/home_appliance/btn_detail.png") center right 0 no-repeat;
}
.solution.appliance .content .app_list .anchor {
  display: inline-block;
}
.solution.appliance .content .app_list .app_item {
  margin-bottom: 160px;
}
.solution.appliance .content .app_list .app_item:after {
  content: "";
  display: table;
  clear: both;
}
.solution.appliance .content .app_list .app_item:last-child {
  margin-bottom: 0;
}
.solution.appliance .content .app_list .app_item .thumb {
  overflow: hidden;
  float: left;
  width: 376px;
  height: 283px;
  margin-right: 49px;
  background: #f7f7f7;
}
.solution.appliance .content .app_list .app_item .list {
  float: left;
  width: 675px;
}
.solution.appliance .content .app_list .app_item .list .app_tit {
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: 500;
}
.solution.industrial .compare_guide {
  top: 15px;
  right: 155px;
}

.library.physical_table .nice-select {
  width: 170px;
}
.library.physical_table .table.type_list td .grade {
  display: table;
  margin: 0 20px;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  position: relative;
}
.library.physical_table .table.type_list td .grade:after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  opacity: 0;
  background: #000;
  transition: all 0.15s;
}
.library.physical_table .table.type_list td .grade:hover:after {
  display: block;
  opacity: 1;
}
.library.catalog .table.type_list td.tit {
  padding: 0 45px;
  text-align: left;
}
.library.catalog .btn_down {
  min-width: 90px;
  height: 34px;
  line-height: 36px;
  padding: 0 15px;
  background-position: calc(100% - 15px);
  background-size: 15px;
  font-size: 12px;
}
.library.catalog .btn_down.eng, .library.catalog .btn_down.chn {
  margin-left: 4px;
}
.library.case_study_list .board:after {
  content: "";
  display: table;
  clear: both;
}
.library.case_study_list .board li {
  float: left;
  margin-top: 50px;
  width: 525px;
  border: none;
}
.library.case_study_list .board li:nth-child(2n) {
  margin-left: 50px;
}
.library.case_study_list .board li:nth-child(-n+2) {
  margin-top: 0;
}
.library.case_study_list .board li:last-child {
  border: none;
}
.library.case_study_list .board li a {
  padding: 50px 40px;
  min-height: 637px;
  border: 1px solid #ddd;
}
.library.case_study_list .board li a:hover {
  border-color: #0f97dd;
}
.library.case_study_list .board li a .thumb_box {
  width: 445px;
  height: 250px;
  float: none;
}
.library.case_study_list .board li a .txt_box {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
}
.library.case_study_list .board li a .txt_box .txt_top {
  overflow: hidden;
  margin-bottom: 50px;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.library.case_study_list .board li a .txt_box .txt_top .num {
  float: left;
  font-weight: 300;
  color: #0f97dd;
}
.library.case_study_list .board li a .txt_box .txt_top .date {
  float: right;
  margin-bottom: 0;
  color: #0f97dd;
}
.library.case_study_list .board li a .txt_box .desc_wrap {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.625em;
  max-height: 6.5em;
}
.library.case_study_view .board_view .board_head .cont_tit {
  width: auto;
  word-break: keep-all;
  word-wrap: break-word;
}
.library.case_study_view .board_view .board_head .num {
  position: relative;
  display: table-cell;
  width: 140px;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 300;
  color: #0f97dd;
  text-align: right;
  position: relative;
}
.library.case_study_view .board_view .board_head .num:after {
  display: block;
  position: relative;
  width: 1px;
  height: 14px;
  content: "";
  left: 9px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  background: #ddd;
}
.library.case_study_view .board_view .board_head .date {
  width: 75px;
  padding-left: 10px;
}
.library.case_study_view .board_view .quick_menu {
  margin: 100px -12px 0;
}
.library.case_study_view .board_view .quick_menu:after {
  content: "";
  display: table;
  clear: both;
}
.library.case_study_view .board_view .quick_menu li {
  float: left;
  width: calc(50% - 24px);
  margin: 0 12px;
}
.library.case_study_view .board_view .quick_menu li .link {
  display: flex;
  align-items: center;
  height: 140px;
  padding: 0 40px;
  font-size: 20px;
}
.library.case_study_view .board_view .quick_menu li .link_catalog {
  background: url("/resources/images/kr/library/icon_catalog.png") calc(100% - 40px) 50% no-repeat;
  background-color: #dfedf2;
}
.library.case_study_view .board_view .quick_menu li .link_inquire {
  background: url("/resources/images/kr/library/icon_inquire.png") calc(100% - 40px) 50% no-repeat;
  background-color: #dfedf2;
}
.library.case_study_view .board_view .quick_menu li .link span {
  overflow: hidden;
  display: inline-block;
  width: 203px;
  height: 38px;
  margin-top: -6px;
  position: relative;
}
.library.case_study_view .board_view .quick_menu li .link span:after {
  display: block;
  position: absolute;
  right: -1px;
  bottom: 5px;
  width: 14px;
  height: 1px;
  content: "";
  background: #000;
  transform: rotate(45deg);
}
.library.case_study_view .board_view .quick_menu li .link span:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  content: "";
}
.library.showroom .content {
  max-width: 1200px;
}
.library.showroom .content .vr_area {
  height: 700px;
}
.library.showroom .content.guide {
  margin-top: 40px;
  text-align: center;
}
.library.showroom .content.guide ul {
  display: inline-block;
}
.library.showroom .content.guide ul li {
  display: inline-block;
  width: 130px;
  padding-top: 57px;
  border-left: 1px solid #e3e3e3;
}
.library.showroom .content.guide ul li:nth-child(1) {
  background: url("/resources/images/kr/library/ico_guide01.png") 50% 0 no-repeat;
}
.library.showroom .content.guide ul li:nth-child(2) {
  background: url("/resources/images/kr/library/ico_guide02.png") 50% 0 no-repeat;
}
.library.showroom .content.guide ul li:nth-child(3) {
  background: url("/resources/images/kr/library/ico_guide03.png") 50% 0 no-repeat;
}
.library.showroom .content.guide ul li:nth-child(4) {
  background: url("/resources/images/kr/library/ico_guide04.png") 50% 0 no-repeat;
}
.library.showroom .content.guide ul li:last-child {
  border-right: 1px solid #e3e3e3;
}
.library.showroom .content.guide ul li p {
  font-size: 12px;
}
.library.webinar_list .section_content {
  padding: 90px 0 120px;
}
.library.webinar_list .slide_wrap {
  position: relative;
  margin-bottom: 50px;
}
.library.webinar_list .slide_wrap .slide_list a {
  overflow: hidden;
}
.library.webinar_list .slide_wrap .img_wrap {
  overflow: hidden;
  float: left;
  position: relative;
  width: 616px;
  height: 350px;
}
.library.webinar_list .slide_wrap .img_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.library.webinar_list .slide_wrap .video_desc {
  position: relative;
  float: left;
  width: 484px;
  height: 350px;
  padding: 45px 50px 100px;
  border: 1px solid #ddd;
}
.library.webinar_list .slide_wrap .video_desc .date {
  margin-bottom: 20px;
}
.library.webinar_list .slide_wrap .video_desc h3 {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 26px;
  color: #000;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.333em;
  max-height: 2.666em;
}
.library.webinar_list .slide_wrap .video_desc p {
  font-size: 14px;
  color: #333;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.625em;
  max-height: 3.25em;
}
.library.webinar_list .slide_wrap .video_desc::after {
  position: absolute;
  right: 50px;
  bottom: 40px;
  width: 50px;
  height: 50px;
  border: 1px solid #dedede;
  border-radius: 100%;
  box-sizing: border-box;
  background: url("/resources/images/kr/library/arrow.png") 50% no-repeat;
  background-size: 8px 12px;
  content: "";
}
.library.webinar_list .slide_wrap .swiper-controller {
  position: absolute;
  bottom: 60px;
  left: 665px;
  z-index: 1;
  width: 50px;
  height: 10px;
}
.library.webinar_list .slide_wrap .swiper-controller .swiper-pagination {
  height: 10px;
}
.library.webinar_list .slide_wrap .swiper-controller .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: #ddd;
  border-radius: 100%;
}
.library.webinar_list .slide_wrap .swiper-controller .swiper-pagination-bullet:first-child {
  margin-left: 0;
}
.library.webinar_list .slide_wrap .swiper-controller .swiper-pagination-bullet-active {
  background: #0f97dd;
}
.library.webinar_list .board.type_list {
  overflow: hidden;
  margin: -25px 0;
}
.library.webinar_list .board li {
  float: left;
  width: 340px;
  margin: 25px 40px 25px 0;
  border-top: 0;
  border-bottom: 1px solid #ddd;
}
.library.webinar_list .board li:nth-child(3n) {
  margin-right: 0;
}
.library.webinar_list .board li a {
  padding: 0;
}
.library.webinar_list .board .thumb_box {
  overflow: hidden;
  position: relative;
  height: 193px;
}
.library.webinar_list .board .thumb_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.library.webinar_list .board .txt_box {
  padding: 30px 0;
}
.library.webinar_list .board .txt_box h3 {
  height: 60px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
  color: #000;
  letter-spacing: -0.5px;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.25em;
  max-height: 2.5em;
}
.library.webinar_list .date {
  display: block;
  font-size: 12px;
  color: #0f97dd;
}
.library.webinar_view .section_content {
  padding: 80px 0 120px;
}
.library.webinar_view .board_view .board_head {
  padding: 34px 30px;
}
.library.webinar_view .board_cont {
  padding: 80px 75px;
}
.library.webinar_view .vdo_cont {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 35px;
}
.library.webinar_view .vdo_cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.library.webinar_unsubscribe .container .section_visual {
  background: #eee;
}
.library.webinar_unsubscribe .comment {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  color: #333;
}
.library.webinar_unsubscribe .wrap_btn {
  margin-top: 50px;
}

.product .obj {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.product div[data-trigger=sceneTrigger].on .obj {
  transform: translateY(0);
  opacity: 1;
}
.product.meterial .list_wrap ul {
  overflow: hidden;
  margin: -15px -9px;
}
.product.meterial .list_wrap ul li {
  float: left;
  width: calc(33.333% - 18px);
  height: 300px;
  margin: 15px 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.product.meterial .list_wrap ul li a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.product.meterial .list_wrap ul li a * {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.product.meterial .list_wrap ul li a .tit_wrap {
  position: relative;
  padding: 40px 25px;
  box-sizing: border-box;
  z-index: 2;
  word-break: keep-all;
  word-wrap: break-word;
}
.product.meterial .list_wrap ul li a .tit_wrap .tit {
  width: 100%;
  height: 100%;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #0f97dd;
}
.product.meterial .list_wrap ul li a .tit_wrap .tit sup {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #004990;
  transform: translateY(1px);
}
.product.meterial .list_wrap ul li a .tit_wrap .tit .mark {
  color: #004990;
}
.product.meterial .list_wrap ul li a .tit_wrap .tit .mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
  top: -8px;
  left: 2px;
}
.product.meterial .list_wrap ul li a .tit_wrap .sub_tit {
  margin-top: 18px;
  line-height: 1.625em;
  color: #666;
  font-size: 14px;
  position: relative;
}
.product.meterial .list_wrap ul li a .tit_wrap .sub_tit:after {
  display: block;
  position: relative;
  width: 20px;
  height: 12px;
  content: "";
  margin-top: 21px;
  background: url("/resources/images/en/common/icon_arr_g.png") 50% 50% no-repeat;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.product.meterial .list_wrap ul li a .bg {
  overflow: hidden;
  position: absolute;
  top: 245px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.product.meterial .list_wrap ul li a .bg img {
  margin-top: -245px;
}
.product.meterial .list_wrap ul li a .bg:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0f97dd;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  content: "";
}
.product.meterial .list_wrap ul li a:hover .bg {
  top: 0;
}
.product.meterial .list_wrap ul li a:hover .bg img {
  margin-top: 0;
}
.product.meterial .list_wrap ul li a:hover .bg:after {
  opacity: 0.7;
}
.product.meterial .list_wrap ul li a:hover .tit_wrap .tit,
.product.meterial .list_wrap ul li a:hover .tit_wrap .sub_tit,
.product.meterial .list_wrap ul li a:hover .tit_wrap sup,
.product.meterial .list_wrap ul li a:hover .tit_wrap .mark {
  color: #fff;
}
.product.meterial .list_wrap ul li a:hover .tit_wrap .sub_tit:after {
  background-image: url("/resources/images/en/common/icon_arr_w.png");
}
.product.specialty .list_wrap .list_box {
  margin-top: 120px;
}
.product.specialty .list_wrap .list_box:first-child {
  margin-top: 0;
}
.product.specialty .list_wrap .list_box .obj {
  padding: 60px;
  height: 360px;
  box-sizing: border-box;
}
.product.specialty .list_wrap .list_box .obj.emotion {
  background: url("/resources/images/en/product/bg_list_specialty01.jpg") center no-repeat;
}
.product.specialty .list_wrap .list_box .obj.chemical {
  background: url("/resources/images/en/product/bg_list_specialty02.jpg") center no-repeat;
}
.product.specialty .list_wrap .list_box .obj.laser {
  background: url("/resources/images/en/product/bg_list_specialty03.jpg") center no-repeat;
}
.product.specialty .list_wrap .list_box .obj.eco {
  background: url("/resources/images/en/product/bg_list_specialty04.jpg") center no-repeat;
}
.product.specialty .list_wrap .list_box .obj.printing {
  background: url("/resources/images/en/product/bg_list_specialty05.jpg") center no-repeat;
}
.product.specialty .list_wrap .list_box .obj .tit_wrap {
  height: 180px;
  color: #fff;
}
.product.specialty .list_wrap .list_box .obj .tit_wrap .tit {
  font-size: 26px;
  font-weight: 500;
}
.product.specialty .list_wrap .list_box .obj .tit_wrap .sub_tit {
  margin-top: 10px;
  line-height: 1.625em;
}
.product.specialty .list_wrap .list_box .obj .tit_wrap .sub_tit sub {
  position: relative;
  display: inline-block;
  top: 1px;
  font-size: 60%;
}
.product.specialty .list_wrap .list_box .obj .btn_wrap a {
  display: inline-block;
  min-width: 170px;
  height: 50px;
  padding-right: 50px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  background: url("/resources/images/en/common/icon_arr_w.png") right center no-repeat;
}
.product.specialty .list_wrap .list_box .obj .btn_wrap a:hover {
  animation-name: arrowMotion;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
}
.product.specialty .list_wrap .list_box .obj .btn_wrap a + a {
  margin-left: 30px;
}

.product_view.specialty .prd_title {
  font-size: 48px;
}
.product_view.specialty .prd_title .sort {
  font-size: 23px;
}
.product_view .section_content .content {
  margin-bottom: 90px;
}
.product_view .section_content .content .mark {
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.product_view .section_content .content .mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
}
.product_view .section_content .content.full .cont_tit {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.product_view .section_content .content:first-child .tit_wrap p {
  font-size: 16px;
}
.product_view .section_content .content:last-child {
  margin-bottom: 0;
}
.product_view .section_content .content .tit_wrap {
  margin-bottom: 16px;
}
.product_view .section_content .content .tit_wrap.col2:after {
  content: "";
  display: table;
  clear: both;
}
.product_view .section_content .content .tit_wrap.col2 .cont_tit {
  margin-bottom: 0;
  width: 50%;
  float: left;
}
.product_view .section_content .content .tit_wrap.col2 .cont_tit:last-child {
  padding-left: 10px;
}
.product_view .section_content .content .tit_wrap p {
  font-size: 14px;
  line-height: 1.667em;
  word-break: keep-all;
  word-wrap: break-word;
}
.product_view .section_content .content .cont_tit_xs {
  font-weight: 500;
}
.product_view .section_content .content p {
  color: #333;
}
.product_view .section_content .content .dot_list {
  margin-bottom: 15px;
}
.product_view .section_content .content .dot_list li {
  margin-top: 10px;
  padding-left: 13px;
  position: relative;
}
.product_view .section_content .content .dot_list li:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #333333;
}
.product_view .section_content .content .dot_list li:first-child {
  margin-top: 0;
}
.product_view .section_content .content .box_list {
  font-size: 0;
}
.product_view .section_content .content .box_list + .box_list {
  margin-top: 50px !important;
}
.product_view .section_content .content .box_list li {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.product_view .section_content .content .box_list li p {
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
.product_view .section_content .content .box_list.type2.col2 {
  margin: 0 -20px;
}
.product_view .section_content .content .box_list.type2.col2 li {
  position: relative;
  margin: 0 20px;
  width: calc(50% - 40px);
}
.product_view .section_content .content .box_list.type2.col2 li .cont_tit {
  position: absolute;
  top: 30px;
  left: 40px;
}
.product_view .section_content .content .box_list.type3 li {
  background: #fff;
  text-align: left;
}
.product_view .section_content .content .box_list.type3 li .cont_tit {
  margin-top: 20px;
  margin-bottom: 0;
}
.product_view .section_content .content .box_list.col2 {
  margin: 0 -10px;
}
.product_view .section_content .content .box_list.col2 li {
  width: calc(50% - 20px);
  margin: 0 10px;
}
.product_view .section_content .content .box_list.col3 {
  margin: -5px;
}
.product_view .section_content .content .box_list.col3 li {
  width: calc(33.333% - 10px);
  margin: 5px;
}
.product_view .section_content .content .box_list.col4 {
  margin: 0 -10px;
}
.product_view .section_content .content .box_list.col4 li {
  width: calc(25% - 20px);
  margin: 0 10px;
}
.product_view .section_content .content .sdown {
  font-size: 0.5em;
}
.product_view .section_content .content .feature ul {
  margin-top: 50px;
  font-size: 0;
  text-align: center;
}
.product_view .section_content .content .feature ul:first-child {
  margin-top: 0;
}
.product_view .section_content .content .feature ul.type2 li {
  width: 25%;
}
.product_view .section_content .content .feature ul.type3 li {
  width: 20%;
}
.product_view .section_content .content .feature ul li {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
}
.product_view .section_content .content .feature ul li .img_wrap {
  height: 96px;
}
.product_view .section_content .content .feature ul li p {
  font-size: 16px;
  color: #000;
  line-height: 1.2em;
}
.product_view .section_content .content.application > div {
  margin-bottom: 100px;
}
.product_view .section_content .content.application > div:last-child {
  margin-bottom: 0;
}
.product_view .section_content .content.application .bg {
  position: relative;
  padding-top: 30px;
  height: 700px;
  background: #f7f7f7;
}
.product_view .section_content .content.application .bg .cont_tit {
  position: relative;
  z-index: 2;
}
.product_view .section_content .content.application .bg .product_sequence {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -555px;
  width: 1110px;
}
.product_view .section_content .content.application .bg .product_sequence .motion {
  position: absolute;
  top: 0;
  left: 0;
}
.product_view .section_content .content.application .bg.no_sequence {
  height: auto;
}
.product_view .section_content .content.application .bg.no_sequence .product_sequence {
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto;
}
.product_view .section_content .content.application .inner {
  max-width: 1100px;
  height: 100%;
  margin: 0 auto;
}
.product_view .section_content .content .bdr_box {
  border: 1px solid #ddd;
  text-align: center;
}
.product_view .section_content .content.grade .table.type_list th {
  color: #0f97dd;
}
.product_view .section_content .content.tribind_table tr th:first-child {
  padding-left: 35px;
}
.product_view .section_content .content.tribind_table tr th:last-child {
  padding-right: 35px;
}
.product_view .section_content .content.tribind_table tr th.no_padding {
  padding-left: 0;
}
.product_view .section_content .content.tribind_table tr td:first-child {
  padding-left: 35px;
}
.product_view .section_content .content.tribind_table tr td:last-child {
  padding-right: 35px;
}
.product_view .section_content .content.tribind_table thead th p {
  margin: 0 5px;
  padding: 12px 0;
  border-top: 1px solid #ddd;
  font-weight: 500;
  color: #0f97dd;
}
.product_view .section_content .content.tribind_table thead th span {
  font-weight: 500;
  font-size: 12px;
}
.product_view .section_content .content.tribind_table tbody tr:last-child th {
  border-bottom: 1px solid #ddd;
}
.product_view .section_content .content.tribind_table tbody th {
  background: none;
  font-weight: 600;
  color: #333 !important;
}
.product_view .section_content .content.btn_wrap ul {
  margin: 0 -12px;
}
.product_view .section_content .content.btn_wrap ul:after {
  content: "";
  display: table;
  clear: both;
}
.product_view .section_content .content.btn_wrap li {
  float: left;
  width: calc(50% - 24px);
  margin: 0 12px;
}
.product_view .section_content .content.btn_wrap li .link {
  display: flex;
  align-items: center;
  height: 140px;
  padding: 0 40px;
  font-size: 20px;
}
.product_view .section_content .content.btn_wrap li .link_catalog {
  background: url("/resources/images/en/library/icon_catalog.png") calc(100% - 40px) 50% no-repeat;
  background-color: #dfedf2;
}
.product_view .section_content .content.btn_wrap li .link_inquire {
  background: url("/resources/images/en/library/icon_inquire.png") calc(100% - 40px) 50% no-repeat;
  background-color: #dfedf2;
}
.product_view .section_content .content.btn_wrap li .link span {
  overflow: hidden;
  display: inline-block;
  width: 233px;
  height: 38px;
  margin-top: -6px;
  line-height: 1.1em;
  position: relative;
}
.product_view .section_content .content.btn_wrap li .link span:after {
  display: block;
  position: absolute;
  right: -1px;
  bottom: 5px;
  width: 14px;
  height: 1px;
  content: "";
  background: #000;
  transform: rotate(45deg);
}
.product_view .section_content .content.btn_wrap li .link span:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  content: "";
}
.product_view.pps_tripps .section_content .content.application .box_list.col3 {
  margin: -10px;
}
.product_view.pps_tripps .section_content .content.application .box_list.col3 li {
  width: calc(33.33% - 20px);
  margin: 10px;
}
.product_view.trirex .application .app01 .pc_list {
  overflow: hidden;
}
.product_view.trirex .application .app01 .pc_list .txt {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #fff;
}
.product_view.trirex .application .app01 .pc_list > * {
  position: relative;
  float: left;
}
.product_view.trirex .application .app01 .pc_list > *.left {
  width: 540px;
}
.product_view.trirex .application .app01 .pc_list > *.right {
  width: 550px;
  margin-left: 10px;
}
.product_view.trirex .application .app01 .pc_list > *.right .row {
  overflow: hidden;
  margin-bottom: 10px;
}
.product_view.trirex .application .app01 .pc_list > *.right .row:last-child {
  margin-bottom: 0;
}
.product_view.trirex .application .app01 .pc_list > *.right .row > * {
  position: relative;
  float: left;
  margin-left: 10px;
}
.product_view.trirex .application .app01 .pc_list > *.right .row > *:first-child {
  margin-left: 0;
}
.product_view.trirex .application .app02 h4.cont_tit {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.product_view.trirex .application .app02 .box_wrap {
  font-size: 0;
}
.product_view.trirex .application .app02 .box_wrap .box {
  display: inline-block;
  width: 530px;
  margin-left: 40px;
  margin-top: 40px;
}
.product_view.trirex .application .app02 .box_wrap .box:nth-child(-n+2) {
  margin-top: 0;
}
.product_view.trirex .application .app02 .box_wrap .box:nth-child(2n+1) {
  margin-left: 0;
}
.product_view.trirex .application .app02 .box_wrap .box .cont_tit {
  margin-bottom: 10px;
}
.product_view.trirex .application .app02 .box_wrap .box .box_list li {
  margin-left: 10px;
  border-top: 1px solid #ddd;
}
.product_view.trirex .application .app02 .box_wrap .box .box_list li:first-child {
  margin-left: 0;
}
.product_view.pcm .feat02 .cont_tit {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.product_view.pcm .feat02 .bg {
  background: url("/resources/images/en/product/specialty/bg_pcm01.jpg") center no-repeat;
}
.product_view.pcm .feat02 .bg .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  font-size: 0;
}
.product_view.pcm .feat02 .bg .inner > div {
  display: inline-block;
  vertical-align: top;
}
.product_view.pcm .feat02 .bg .inner > div.left {
  width: 350px;
  height: 320px;
  padding: 65px 30px;
  margin-right: 100px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 8px 14px 18px 0px rgba(0, 0, 0, 0.2);
}
.product_view.pcm .feat02 .bg .inner > div.left p {
  font-size: 14px;
}
.product_view.pcm .feat02 .bg .inner > div.left p.txt1 {
  font-size: 16px;
  color: #000;
}
.product_view.pcm .feat02 .bg .inner > div.left p.txt2 {
  margin: 10px 0;
  font-weight: 300;
  line-height: 1.625em;
  color: #333;
}
.product_view.pcm .feat02 .bg .inner > div.left p.txt3 {
  padding-left: 30px;
  color: #0f97dd;
  position: relative;
}
.product_view.pcm .feat02 .bg .inner > div.left p.txt3:before {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 23px;
  height: 13px;
  content: "";
  background: url("/resources/images/en/product/specialty/arrow.png") center no-repeat;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 {
  overflow: hidden;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > * {
  float: left;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > *.txt_wrap {
  margin-top: 110px;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > *.txt_wrap p {
  font-size: 12px;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > *.txt_wrap p.txt2 {
  margin: 8px 0;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > *.txt_wrap p.txt3 {
  padding-left: 22px;
  position: relative;
}
.product_view.pcm .feat02 .bg .inner > div.right .row02 > *.txt_wrap p.txt3:before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 9px;
  content: "";
  background: url("/resources/images/en/product/specialty/arrow.png") center no-repeat;
  background-size: 16px;
}
.product_view.pcm .feat03 .box {
  padding: 30px 0 30px 100px;
  background: #f7f7f7;
  font-size: 0;
}
.product_view.pcm .feat03 .box > * {
  display: inline-block;
  vertical-align: middle;
}
.product_view.pcm .feat03 .box > *.txt_wrap {
  margin-left: 120px;
}
.product_view.pcm .feat03 .box > *.txt_wrap .txt1 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.625em;
}
.product_view.pcm .feat03 .box > *.txt_wrap .txt2 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.625em;
}
.product_view.visual .application .app_box {
  position: relative;
  padding: 42px 80px 0 90px;
  height: 390px;
}
.product_view.visual .application .app_box:after {
  content: "";
  display: table;
  clear: both;
}
.product_view.visual .application .app_box.cloth {
  background: url("/resources/images/en/product/specialty/bg_visual01.jpg") top no-repeat;
}
.product_view.visual .application .app_box.marble {
  background: url("/resources/images/en/product/specialty/bg_visual02.jpg") top no-repeat;
}
.product_view.visual .application .app_box.color_mixing {
  background: url("/resources/images/en/product/specialty/bg_visual03.jpg") top no-repeat;
}
.product_view.visual .application .app_box.sparkling {
  background: url("/resources/images/en/product/specialty/bg_visual04.jpg") top no-repeat;
}
.product_view.visual .application .app_box.edge_glow {
  background: url("/resources/images/en/product/specialty/bg_visual05.jpg") top no-repeat;
}
.product_view.visual .application .app_box.metal {
  background: url("/resources/images/en/product/specialty/bg_visual06.jpg") top no-repeat;
}
.product_view.visual .application .app_box.translucent {
  background: url("/resources/images/en/product/specialty/bg_visual07.jpg") top no-repeat;
}
.product_view.visual .application .app_box > div {
  float: left;
}
.product_view.visual .application .app_box .info_wrap {
  width: 570px;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .category {
  font-size: 16px;
  font-weight: 500;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name {
  display: inline-block;
  margin: 15px -20px -8px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.18em;
  letter-spacing: -0.005em;
  position: relative;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name:after {
  content: "";
  display: table;
  clear: both;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name:after {
  display: block;
  position: absolute;
  bottom: 2px;
  left: 20px;
  width: 100%;
  height: 1px;
  content: "";
  width: calc(100% - 40px);
  background: currentColor;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name span {
  font-weight: 500;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name .item {
  float: left;
  margin: 0 20px 8px;
  font-weight: inherit;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name .item:nth-child(even) {
  position: relative;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .prd_name .item:nth-child(even):before {
  display: block;
  position: absolute;
  top: 1px;
  left: -20px;
  width: 1px;
  height: 22px;
  content: "";
  background: #000;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .feat_list {
  margin-top: 22px;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .feat_list li {
  padding-left: 15px;
  line-height: 1.625em;
  position: relative;
}
.product_view.visual .application .app_box .info_wrap .txt_wrap .feat_list li:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #333333;
}
.product_view.visual .application .app_box.edge_glow .info_wrap p,
.product_view.visual .application .app_box.edge_glow .info_wrap .prd_name {
  color: #fff;
}
.product_view.visual .application .app_box.edge_glow .info_wrap .feat_list li {
  color: #fff;
  position: relative;
}
.product_view.visual .application .app_box.edge_glow .info_wrap .feat_list li:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #fff;
}
.product_view.visual .application .app_box.metal {
  height: auto;
  padding-top: 60px;
}
.product_view.visual .application .app_box.metal .info_wrap {
  width: 100%;
}
.product_view.visual .application .app_box.metal .info_wrap p,
.product_view.visual .application .app_box.metal .info_wrap .prd_name {
  color: #fff;
}
.product_view.visual .application .app_box.metal .info_wrap .feat_list li {
  margin-top: 7px;
  color: #fff;
  position: relative;
}
.product_view.visual .application .app_box.metal .info_wrap .feat_list li:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #fff;
}
.product_view.visual .application .app_box.metal .info_wrap .feat_list li:first-child {
  margin-top: 0;
}
.product_view.visual .application .app_box.metal .info_wrap .img_calc {
  margin-top: 10px;
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.1);
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap {
  position: relative;
  margin-top: 40px;
  z-index: 2;
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table {
  width: 100%;
  text-align: center;
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table thead th {
  color: #fff;
  background: #42b0d8;
  font-size: 14px;
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table tbody th {
  background: #f7f7f7;
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table tbody td {
  background: #fff;
}
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table th,
.product_view.visual .application .app_box.metal .info_wrap .table_wrap table td {
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 15px;
}
.product_view.visual .application .app_box.metal .info_wrap .box_list {
  margin-top: 35px;
}
.product_view.visual .application .app_box.metal .info_wrap .box_list p {
  color: #333;
}
.product_view.visual .application .app_box .slide_wrap {
  position: relative;
  float: right;
  margin-top: 40px;
  width: calc(100% - 570px);
}
.product_view.visual .application .app_box .slide_wrap .swiper-container {
  background: #fff;
  box-shadow: 3px 10px 40px 0px rgba(0, 0, 0, 0.2);
}
.product_view.visual .application .app_box .slide_wrap .swiper-controller .pagination {
  display: block;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 0;
}
.product_view.visual .application .app_box .slide_wrap .swiper-controller .pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: none;
  border: 1px solid #77acbf;
  border-radius: 50%;
  cursor: pointer;
}
.product_view.visual .application .app_box .slide_wrap .swiper-controller .pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.product_view.visual .application .app_box .slide_wrap .swiper-controller .pagination .swiper-pagination-bullet-active {
  background: #77acbf;
  border: 1px solid transparent;
  outline: none;
}
.product_view.visual .application .app_box .slide_wrap .swiper-controller .pagination .swiper-pagination-bullet:hover {
  outline: none;
}
.product_view.visual .application .app_box .color_wrap {
  position: absolute;
  left: 0;
  bottom: 15px;
}
.product_view.acoustic .section_content .content.feat02 .box_list li p {
  left: 10px;
  bottom: 10px;
  color: #fff;
  text-align: left;
}
.product_view.non_halogen .section_content .content.feat01 {
  padding-top: 60px;
  background: url("/resources/images/en/product/specialty/bg_nonhalogen01.jpg") top right no-repeat;
}
.product_view.non_halogen .section_content .content.feat01:after {
  content: "";
  display: table;
  clear: both;
}
.product_view.non_halogen .section_content .content.feat01 img {
  box-shadow: 8px 14px 18px 0px rgba(0, 0, 0, 0.1);
}
.product_view.non_halogen .section_content .content.feat01 img.img_halogen {
  float: left;
}
.product_view.non_halogen .section_content .content.feat01 img.img_nonhalogen {
  float: right;
}

@-webkit-keyframes arrowMotion {
  0% {
    background-position: right center;
  }
  50% {
    background-position: right 15px center;
  }
  100% {
    background-position: right center;
  }
}
.company .content {
  position: relative;
}
.company .content.full .top_common {
  max-width: 1100px;
  margin: 0 auto;
}
.company .top_common > div.inner01 {
  position: relative;
  text-align: right;
}
.company .top_common > div.inner01 .big_tit {
  position: absolute;
  top: 100px;
  left: 0;
  text-align: left;
  z-index: 2;
}
.company .top_common > div.inner01 .big_tit h3 {
  margin-bottom: 70px;
  margin-bottom: 25px;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.143em;
  color: #0f97dd;
  text-transform: uppercase;
}
.company .top_common > div.inner01 .img_wrap {
  display: inline-block;
}
.company .top_common > div p {
  line-height: 1.5em;
}
.company .top_common > div p.txt1 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.025em;
}
.company .top_common > div p.txt2 {
  font-size: 16px;
}
.company .top_common > div .obj {
  opacity: 0;
  transform: translateY(40px);
}
.company .top_common > div .obj1 {
  transition: all 0.5s ease-in-out 0.2s;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
}
.company .top_common > div .obj2 {
  transition: all 0.5s ease-in-out 0.4s;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  -moz-transition: all 0.5s ease-in-out 0.4s;
  -o-transition: all 0.5s ease-in-out 0.4s;
  -ms-transition: all 0.5s ease-in-out 0.4s;
}
.company .top_common > div .obj3 {
  transition: all 0.5s ease-in-out 0.6s;
  -webkit-transition: all 0.5s ease-in-out 0.6s;
  -moz-transition: all 0.5s ease-in-out 0.6s;
  -o-transition: all 0.5s ease-in-out 0.6s;
  -ms-transition: all 0.5s ease-in-out 0.6s;
}
.company .top_common > div .obj4 {
  transition: all 0.5s ease-in-out 0.8s;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  -moz-transition: all 0.5s ease-in-out 0.8s;
  -o-transition: all 0.5s ease-in-out 0.8s;
  -ms-transition: all 0.5s ease-in-out 0.8s;
}
.company .top_common > div .obj5 {
  transition: all 0.5s ease-in-out 1s;
  -webkit-transition: all 0.5s ease-in-out 1s;
  -moz-transition: all 0.5s ease-in-out 1s;
  -o-transition: all 0.5s ease-in-out 1s;
  -ms-transition: all 0.5s ease-in-out 1s;
}
.company .top_common > div.on .obj {
  transform: translateY(0);
  opacity: 1;
}
.company.info .sec01 {
  padding-bottom: 120px;
}
.company.info .sec01 .inner01 .big_tit {
  top: 94px;
}
.company.info .sec01 .inner01 .big_tit h3 {
  margin-bottom: 76px;
}
.company.info .sec01 .inner01 .txt1 {
  line-height: 1.5em;
  letter-spacing: 0;
}
.company.info .sec01 .inner02 {
  display: table;
  width: 100%;
  margin-top: 70px;
}
.company.info .sec01 .inner02 > * {
  display: table-cell;
  vertical-align: middle;
}
.company.info .sec01 .inner02 .img_wrap {
  width: 315px;
}
.company.info .sec01 .inner02 .txt2 {
  padding-left: 100px;
  padding-top: 25px;
  word-break: keep-all;
  word-wrap: break-word;
}
.company.info .sec02 {
  display: flex;
  overflow: hidden;
  position: relative;
  height: 570px;
  align-items: center;
}
.company.info .sec02 .feature_list {
  position: relative;
  font-size: 0;
  max-width: 1100px;
  margin: 30px auto 0;
  z-index: 2;
}
.company.info .sec02 .feature_list li {
  display: inline-block;
  padding-top: 90px;
  text-align: center;
  color: #fff;
  vertical-align: top;
}
.company.info .sec02 .feature_list li:nth-child(1) {
  background: url("/resources/images/en/company/info/ico_info01.png") center top no-repeat;
}
.company.info .sec02 .feature_list li:nth-child(2) {
  background: url("/resources/images/en/company/info/ico_info02.png") center top no-repeat;
}
.company.info .sec02 .feature_list li:nth-child(3) {
  background: url("/resources/images/en/company/info/ico_info03.png") center top no-repeat;
}
.company.info .sec02 .feature_list li:nth-child(4) {
  background: url("/resources/images/en/company/info/ico_info04.png") center top no-repeat;
}
.company.info .sec02 .feature_list li + li {
  margin-left: 40px;
}
.company.info .sec02 .feature_list li.obj1 {
  width: 130px;
}
.company.info .sec02 .feature_list li.obj2 {
  width: 240px;
}
.company.info .sec02 .feature_list li.obj3 {
  width: 301px;
}
.company.info .sec02 .feature_list li.obj4 {
  width: 304px;
}
.company.info .sec02 .feature_list li .txt1 {
  position: relative;
  padding-bottom: 15px;
  font-size: 14px;
  color: #0f97dd;
  position: relative;
}
.company.info .sec02 .feature_list li .txt1:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 25px;
  height: 1px;
  content: "";
  margin-left: -12.5px;
  background: #0f97dd;
}
.company.info .sec02 .feature_list li .txt2 {
  margin: 15px 0;
  font-size: 44px;
  font-weight: 600;
}
.company.info .sec02 .feature_list li .txt2 .counter {
  font-weight: 600;
  font-size: 44px;
}
.company.info .sec02 .feature_list li .txt3 {
  font-size: 14px;
  line-height: 1.444em;
}
.company.info .sec02 .video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.company.info .sec02 .obj {
  opacity: 0;
  transform: translateY(40px);
}
.company.info .sec02 .obj1 {
  transition: all 0.4s ease-in-out 0.2s;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
}
.company.info .sec02 .obj2 {
  transition: all 0.4s ease-in-out 0.4s;
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  -moz-transition: all 0.4s ease-in-out 0.4s;
  -o-transition: all 0.4s ease-in-out 0.4s;
  -ms-transition: all 0.4s ease-in-out 0.4s;
}
.company.info .sec02 .obj3 {
  transition: all 0.4s ease-in-out 0.6s;
  -webkit-transition: all 0.4s ease-in-out 0.6s;
  -moz-transition: all 0.4s ease-in-out 0.6s;
  -o-transition: all 0.4s ease-in-out 0.6s;
  -ms-transition: all 0.4s ease-in-out 0.6s;
}
.company.info .sec02 .obj4 {
  transition: all 0.4s ease-in-out 0.8s;
  -webkit-transition: all 0.4s ease-in-out 0.8s;
  -moz-transition: all 0.4s ease-in-out 0.8s;
  -o-transition: all 0.4s ease-in-out 0.8s;
  -ms-transition: all 0.4s ease-in-out 0.8s;
}
.company.info .sec02.on .obj {
  transform: translateY(0);
  opacity: 1;
}
.company.info .sec03 {
  padding-top: 90px;
}
.company.info .sec03 .history_wrap > div {
  font-size: 0;
  position: relative;
}
.company.info .sec03 .history_wrap > div:first-child .line {
  top: 40px;
}
.company.info .sec03 .history_wrap > div:first-child .years_area {
  padding-top: 100px;
}
.company.info .sec03 .history_wrap > div:first-child .cont_area:after {
  top: 40px;
  height: calc(100% - 10px);
}
.company.info .sec03 .history_wrap > div h4 {
  margin-bottom: 98px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.5em;
}
.company.info .sec03 .history_wrap > div:last-child .cont_area > div {
  padding-bottom: 0;
}
.company.info .sec03 .history_wrap > div:last-child .cont_area:after {
  display: none;
}
.company.info .sec03 .history_wrap > div:last-child .line {
  display: none;
}
.company.info .sec03 .history_wrap > div > * {
  display: inline-block;
  vertical-align: top;
}
.company.info .sec03 .history_wrap > div .line {
  position: absolute;
  left: 335px;
  top: 30px;
  display: inline-block;
  width: 1px;
  height: 0;
  background: #0f97dd;
  z-index: 2;
  transition: height 1s ease-in-out;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
}
.company.info .sec03 .history_wrap > div.on .line {
  height: 100%;
}
.company.info .sec03 .history_wrap > div.on:first-child .line {
  height: calc(100% - 10px);
}
.company.info .sec03 .history_wrap > div.on .years_area:after {
  transform: scale(1);
}
.company.info .sec03 .history_wrap > div.on .years_area .year {
  transform: translateY(0);
  opacity: 1;
}
.company.info .sec03 .history_wrap > div.on .cont_area > div {
  transform: translateY(0);
  opacity: 1;
}
.company.info .sec03 .history_wrap > div .years_area {
  width: 335px;
  z-index: 2;
  position: relative;
}
.company.info .sec03 .history_wrap > div .years_area:after {
  position: absolute;
  top: 50%;
  right: -28px;
  width: 56px;
  height: 56px;
  transform: scale(0);
  border: 1px solid #b5c9cf;
  margin-top: -34px;
  content: "";
  box-sizing: border-box;
  border-radius: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.company.info .sec03 .history_wrap > div .years_area:before {
  display: block;
  position: absolute;
  top: 50%;
  right: -8px;
  width: 16px;
  height: 16px;
  content: "";
  background: #0f97dd;
  margin-top: -14px;
  border-radius: 100%;
}
.company.info .sec03 .history_wrap > div .years_area .year {
  padding-left: 46px;
  font-size: 56px;
  font-weight: 600;
  color: #1fa7f1;
  opacity: 0;
  transform: translateY(45px);
  transition: all 0.5s ease-in-out 0.4s;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  -moz-transition: all 0.5s ease-in-out 0.4s;
  -o-transition: all 0.5s ease-in-out 0.4s;
  -ms-transition: all 0.5s ease-in-out 0.4s;
}
.company.info .sec03 .history_wrap > div .cont_area {
  padding-left: 105px;
  width: calc(100% - 335px);
  position: relative;
}
.company.info .sec03 .history_wrap > div .cont_area:after {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px dashed #b2c6cd;
}
.company.info .sec03 .history_wrap > div .cont_area > div {
  padding-bottom: 85px;
  transform: translateY(45px);
  opacity: 0;
  transition: all 0.5s ease-in-out 0.8s;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  -moz-transition: all 0.5s ease-in-out 0.8s;
  -o-transition: all 0.5s ease-in-out 0.8s;
  -ms-transition: all 0.5s ease-in-out 0.8s;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap {
  font-size: 16px;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li {
  display: table;
  width: 100%;
  margin-bottom: 28px;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li:first-child:nth-last-child(1) {
  margin-top: 22px;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li:last-child {
  margin-bottom: 0;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li div {
  display: table-cell;
  vertical-align: top;
  line-height: 1.556em;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li div.month {
  width: 180px;
  font-weight: 600;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li div.cont p {
  margin-bottom: 10px;
  letter-spacing: -0.2px;
}
.company.info .sec03 .history_wrap > div .cont_area > div .cont_wrap li div.cont p:last-child {
  margin-bottom: 0;
}
.company.info .sec03 .history_wrap > div .cont_area > div .img_wrap {
  margin-top: 30px;
}
.company.rnd .section_content {
  padding-top: 0;
}
.company.rnd .section_content .tit_wrap {
  margin-bottom: 45px;
}
.company.rnd .section_content .tit_wrap p {
  font-size: 16px;
  line-height: 1.389em;
}
.company.rnd .section_content .sec01 {
  height: 980px;
  padding-top: 75px;
}
.company.rnd .section_content .sec01 .top_common .inner01 .big_tit {
  top: 70px;
  width: 1100px;
}
.company.rnd .section_content .sec01 .top_common .inner01 .big_tit h3 {
  margin-bottom: 50px;
}
.company.rnd .section_content .sec01 .top_common .inner01 .txt1 {
  margin-bottom: 75px;
}
.company.rnd .section_content .sec01 .top_common .inner01 .img_wrap {
  width: 580px;
}
.company.rnd .section_content .sec01 .top_common .inner01 .img_wrap img {
  display: block;
  position: relative;
}
.company.rnd .section_content .sec01 .top_common .inner01 .img_wrap img.img1 {
  margin-left: 65px;
  z-index: 2;
}
.company.rnd .section_content .sec01 .top_common .inner01 .img_wrap img.img2 {
  transform: translateY(-40px);
}
.company.rnd .section_content .sec01 .top_common .inner01.on .img_wrap img.img1 {
  margin-left: 65px;
}
.company.rnd .section_content .sec01 .top_common .inner01.on .img_wrap img.img2 {
  transform: translateY(-140px);
}
.company.rnd .section_content .sec02 .bg_wrap .bg {
  height: 450px;
  transform: translate3d(0, 0, 0);
}
.company.rnd .section_content .sec02 .bg_wrap .bg01 {
  background: url("/resources/images/kr/company/rnd/bg_rnd02_1.jpg") 50% 0 no-repeat;
}
.company.rnd .section_content .sec02 .bg_wrap .bg02 {
  background: url("/resources/images/kr/company/rnd/bg_rnd02_2.jpg") 50% 0 no-repeat;
}
.company.rnd .section_content .sec02 .bg_wrap .bg03 {
  background: url("/resources/images/kr/company/rnd/bg_rnd02_3.jpg") 50% 0 no-repeat;
}
.company.rnd .section_content .sec03 {
  padding: 80px 0 150px;
  box-sizing: border-box;
}
.company.rnd .section_content .sec03 .field_list {
  margin: 0 -35px;
}
.company.rnd .section_content .sec03 .field_list:after {
  content: "";
  display: table;
  clear: both;
}
.company.rnd .section_content .sec03 .field_list li {
  float: left;
  width: calc(33.3% - 70px);
  margin: 0 35px;
  vertical-align: top;
}
.company.rnd .section_content .sec03 .field_list li .img_wrap {
  margin-bottom: 30px;
}
.company.rnd .section_content .sec03 .field_list li .txt_wrap .txt1 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
}
.company.rnd .section_content .sec03 .field_list li .txt_wrap .txt2 {
  font-size: 14px;
  line-height: 1.75em;
}
.company.rnd .section_content .sec03 .obj {
  opacity: 0;
  transform: translateY(45px);
}
.company.rnd .section_content .sec03 .obj1 {
  transition: all 0.5s ease-in-out 0.2s;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
}
.company.rnd .section_content .sec03 .obj2 {
  transition: all 0.5s ease-in-out 0.4s;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  -moz-transition: all 0.5s ease-in-out 0.4s;
  -o-transition: all 0.5s ease-in-out 0.4s;
  -ms-transition: all 0.5s ease-in-out 0.4s;
}
.company.rnd .section_content .sec03 .obj3 {
  transition: all 0.5s ease-in-out 0.6s;
  -webkit-transition: all 0.5s ease-in-out 0.6s;
  -moz-transition: all 0.5s ease-in-out 0.6s;
  -o-transition: all 0.5s ease-in-out 0.6s;
  -ms-transition: all 0.5s ease-in-out 0.6s;
}
.company.rnd .section_content .sec03 .obj4 {
  transition: all 0.5s ease-in-out 0.8s;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  -moz-transition: all 0.5s ease-in-out 0.8s;
  -o-transition: all 0.5s ease-in-out 0.8s;
  -ms-transition: all 0.5s ease-in-out 0.8s;
}
.company.rnd .section_content .sec03.on .obj {
  opacity: 1;
  transform: translateY(0);
}
.company.rnd .section_content .sec04 {
  height: 630px;
  padding: 100px;
  background: url("/resources/images/kr/company/rnd/bg_rnd04.jpg") 50% 50% no-repeat;
}
.company.rnd .section_content .sec04 h3 {
  font-size: 56px;
  font-weight: 600;
}
.company.rnd .section_content .sec04 .cont {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.444em;
}
.company.rnd .section_content .sec04 .notice {
  margin-top: 40px;
  margin-bottom: 20px;
}
.company.rnd .section_content .sec04 .btn_list {
  width: 150px;
  padding: 0 18px;
  background: transparent;
  border: 1px solid #0f97dd;
  height: 40px;
  line-height: 40px;
  color: #0f97dd;
  text-align: left;
  position: relative;
}
.company.rnd .section_content .sec04 .btn_list:after {
  display: block;
  position: absolute;
  top: 18px;
  right: 20px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  content: "";
  pointer-events: none;
  margin-top: -3px;
}
.company.rnd .section_content .sec04 .btn_list:hover {
  background: #0f97dd;
  color: #fff;
}
.company.rnd .section_content .sec04 .obj {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s ease-in-out 0.2s;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
}
.company.rnd .section_content .sec04.on .obj {
  transform: translateY(0);
  opacity: 1;
}
.company.rnd .section_content .sec05 {
  padding: 80px 0 90px;
}
.company.rnd .section_content .sec05 .color_list {
  margin: 0 -15px;
}
.company.rnd .section_content .sec05 .color_list:after {
  content: "";
  display: table;
  clear: both;
}
.company.rnd .section_content .sec05 .color_list li {
  float: left;
  margin: 0 15px;
  width: calc(50% - 30px);
}
.company.rnd .section_content .sec05 .obj {
  opacity: 0;
  transform: translateY(40px);
}
.company.rnd .section_content .sec05 .obj1 {
  transition: all 0.5s ease-in-out 0.4s;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  -moz-transition: all 0.5s ease-in-out 0.4s;
  -o-transition: all 0.5s ease-in-out 0.4s;
  -ms-transition: all 0.5s ease-in-out 0.4s;
}
.company.rnd .section_content .sec05 .obj2 {
  transition: all 0.5s ease-in-out 0.8s;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  -moz-transition: all 0.5s ease-in-out 0.8s;
  -o-transition: all 0.5s ease-in-out 0.8s;
  -ms-transition: all 0.5s ease-in-out 0.8s;
}
.company.rnd .section_content .sec05.on .obj {
  transform: translateY(0);
  opacity: 1;
}
.company.rnd .section_content .sec06 .btn_more {
  text-align: center;
}
.company.rnd .section_content .sec06 .btn_more a {
  position: relative;
  min-width: 90px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
}
.company.rnd .section_content .sec06 .btn_more a:after {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  content: "";
  pointer-events: none;
  margin-top: -3px;
}
.company.rnd .section_content .sec06 .more_wrap {
  position: relative;
  height: 515px;
  overflow: hidden;
}
.company.rnd .section_content .sec06 .more_wrap:after {
  position: absolute;
  width: 100%;
  height: 70px;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(247, 247, 247, 0) 100%);
  z-index: 10;
  content: "";
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner {
  position: relative;
  padding: 100px 0 100px 50px;
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:after {
  display: block;
  position: absolute;
  top: 120px;
  left: 80px;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px dashed #b2c6cd;
  z-index: 3;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2) {
  padding-top: 0;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2):after {
  top: 16px;
  height: calc(100% + 100px);
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2) .line {
  top: 16px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2).on .line {
  height: calc(100% + 100px);
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2n) {
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(2n):before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1560px;
  height: 100%;
  content: "";
  background: #f7f7f7;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(4n) {
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:nth-child(4n):before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1560px;
  height: 100%;
  content: "";
  background: #f7f7f7;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner > div {
  position: relative;
  z-index: 4;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap {
  margin-bottom: 0;
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap h3 {
  position: relative;
  display: inline-block;
  padding: 13px 20px 9px 60px;
  border: 1px solid #aaa;
  font-size: 16px;
  border-radius: 21px;
  position: relative;
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap h3:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 25px;
  width: 11px;
  height: 11px;
  content: "";
  background: #0f97dd;
  z-index: 2;
  border-radius: 100%;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap h3:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 19px;
  width: 23px;
  height: 23px;
  content: "";
  background: #bddbe6;
  transform: scale(0);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  border-radius: 100%;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1560px;
  height: 100%;
  content: "";
  background: #f7f7f7;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .line {
  position: absolute;
  left: 80px;
  top: 116px;
  width: 1px;
  height: 0;
  background: #0f97dd;
  z-index: 4;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .year {
  position: relative;
  padding-left: 65px;
  margin-bottom: 30px;
  position: relative;
  position: relative;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .year:before {
  display: block;
  position: absolute;
  top: 12px;
  left: 25px;
  width: 11px;
  height: 11px;
  content: "";
  background: #0f97dd;
  z-index: 2;
  border-radius: 100%;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .year:after {
  display: block;
  position: absolute;
  top: 6px;
  left: 19px;
  width: 23px;
  height: 23px;
  content: "";
  background: #bddbe6;
  transform: scale(0);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  border-radius: 100%;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .year p {
  font-size: 40px;
  font-weight: 600;
  color: #0f97dd;
  opacity: 0;
  transform: translateY(45px);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .cont_wrap {
  transform: translateY(45px);
  padding-left: 100px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .cont_wrap > table {
  width: 100%;
  font-size: 14px;
  line-height: 1.625em;
  table-layout: fixed;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .cont_wrap > table tr .month {
  width: 195px;
  font-weight: 500;
  text-align: left;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .cont_wrap > table tr .cont {
  padding: 0 20px 19px 0;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner .cont_wrap > table tr:last-child .cont {
  padding-bottom: 0;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap:after {
  top: 70px;
  height: 90px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap h3 {
  font-size: 16px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap .line {
  top: 70px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.tit_wrap.on .line {
  height: 90px;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner:last-child:after {
  display: none;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.on h3:after {
  transform: scale(1);
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.on .year p {
  opacity: 1;
  transform: translateY(0);
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.on .year:after {
  transform: scale(1);
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.on .line {
  height: 100%;
}
.company.rnd .section_content .sec06 .more_wrap .history_wrap .inner.on .cont_wrap {
  opacity: 1;
  transform: translateY(0);
}
.company.global_network .sec01 {
  padding-bottom: 100px;
}
.company.global_network .sec01 .wrap_tit {
  margin-bottom: 70px;
  line-height: 1.583;
  text-align: center;
}
.company.global_network .sec01 > div.map_wrap {
  position: relative;
  text-align: center;
}
.company.global_network .sec01 > div.map_wrap .txt {
  position: absolute;
  top: 0;
  left: 0;
}
.company.global_network .sec01 > div.factory {
  margin-top: 75px;
}
.company.global_network .sec01 > div.factory ul {
  font-size: 0;
  margin: 0 -10px;
}
.company.global_network .sec01 > div.factory ul li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}
.company.global_network .sec01 > div.factory ul li p {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 1.625em;
}
.company.global_network .sec01 > div .obj {
  opacity: 0;
  transform: translateY(40px);
  width: 204px;
  height: 162px;
}
.company.global_network .sec01 > div .obj1 {
  transition: all 0.3s ease-in-out 0.3s;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  -o-transition: all 0.3s ease-in-out 0.3s;
  -ms-transition: all 0.3s ease-in-out 0.3s;
}
.company.global_network .sec01 > div .obj2 {
  transition: all 0.3s ease-in-out 0.6s;
  -webkit-transition: all 0.3s ease-in-out 0.6s;
  -moz-transition: all 0.3s ease-in-out 0.6s;
  -o-transition: all 0.3s ease-in-out 0.6s;
  -ms-transition: all 0.3s ease-in-out 0.6s;
}
.company.global_network .sec01 > div .obj3 {
  transition: all 0.3s ease-in-out 0.9s;
  -webkit-transition: all 0.3s ease-in-out 0.9s;
  -moz-transition: all 0.3s ease-in-out 0.9s;
  -o-transition: all 0.3s ease-in-out 0.9s;
  -ms-transition: all 0.3s ease-in-out 0.9s;
}
.company.global_network .sec01 > div .obj4 {
  transition: all 0.3s ease-in-out 1.2s;
  -webkit-transition: all 0.3s ease-in-out 1.2s;
  -moz-transition: all 0.3s ease-in-out 1.2s;
  -o-transition: all 0.3s ease-in-out 1.2s;
  -ms-transition: all 0.3s ease-in-out 1.2s;
}
.company.global_network .sec01 > div .obj5 {
  transition: all 0.3s ease-in-out 1.5s;
  -webkit-transition: all 0.3s ease-in-out 1.5s;
  -moz-transition: all 0.3s ease-in-out 1.5s;
  -o-transition: all 0.3s ease-in-out 1.5s;
  -ms-transition: all 0.3s ease-in-out 1.5s;
}
.company.global_network .sec01 > div .obj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company.global_network .sec01 > div.on .obj {
  opacity: 1;
  transform: translateY(0);
}
.company.global_network .sec02 .inner {
  margin-bottom: 100px;
}
.company.global_network .sec02 .inner:last-child {
  margin-bottom: 0;
}
.company.global_network .sec02 .inner .cont_tit {
  margin-bottom: 26px;
}
.company.global_network .sec02 .inner .cont_tit em {
  font-weight: 500;
}
.company.global_network .sec02 .inner .office_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px -75px;
}
.company.global_network .sec02 .inner .office_wrap > div {
  width: calc(50% - 40px);
  margin: 0 20px 75px;
}
.company.global_network .sec02 .inner .office_wrap > div.last {
  padding-bottom: 0;
}
.company.global_network .sec02 .inner .office_wrap > div .tit {
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625em;
}
.company.global_network .sec02 .inner .office_wrap > div .cont {
  overflow: hidden;
  padding-top: 17px;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info {
  float: left;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info p.address {
  max-width: 440px;
  line-height: 1.625em;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info p.number {
  margin-top: 14px;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info p.number span {
  display: inline-block;
  padding-top: 1px;
  padding-left: 20px;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info p.number span.tel {
  background-image: url("/resources/images/kr/company/global_network/ico_tel.png");
  background-repeat: no-repeat;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .info p.number span.fax {
  margin-left: 30px;
  background-image: url("/resources/images/kr/company/global_network/ico_fax.png");
  background-repeat: no-repeat;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .map_link {
  display: block;
  float: right;
  width: 52px;
  height: 52px;
  background: #ebebeb;
  z-index: 2;
  text-indent: -9999%;
  font-size: 0;
  border-radius: 100%;
  position: relative;
}
.company.global_network .sec02 .inner .office_wrap > div .cont .map_link:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 27px;
  content: "";
  margin-top: -14px;
  margin-left: -9px;
  background-image: url("/resources/images/kr/company/global_network/ico_location_off.png");
}
.company.global_network .sec02 .inner .office_wrap > div .cont .map_link:hover:after {
  background-image: url("/resources/images/kr/company/global_network/ico_location_on.png");
}
.company.pr .section_content {
  padding-bottom: 190px;
}
.company.pr .section_content .content {
  margin-bottom: 80px;
}
.company.pr .section_content .content:last-child {
  margin-bottom: 0;
}
.company.pr .section_content .content .active_area .video_wrap {
  height: 480px;
  background: #000;
}
.company.pr .section_content .content .active_area .txt_wrap {
  overflow-y: auto;
  padding: 25px 50px;
  height: 147px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.company.pr .section_content .content .active_area .txt_wrap .tit {
  margin-bottom: 25px;
  font-size: 16px;
}
.company.pr .section_content .content .active_area .txt_wrap .cont {
  line-height: 1.625em;
  font-size: 14px;
}
.company.pr .section_content .content .video_slider {
  margin-top: 50px;
}
.company.pr .section_content .content .video_slider .swiper-container {
  height: 100%;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide {
  width: 259px;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a {
  display: block;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a .thumb {
  width: 259px;
  height: 146px;
  overflow: hidden;
  background: #f7f7f7;
  position: relative;
  position: relative;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a .thumb:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 41px;
  height: 28px;
  content: "";
  margin-top: -14px;
  margin-left: -20px;
  background-image: url("/resources/images/kr/company/pr/btn_play_off.png");
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a .thumb:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  border: 8px solid #de493c;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a:hover .thumb:before, .company.pr .section_content .content .video_slider .swiper-container .swiper-slide a.on .thumb:before {
  background-image: url("/resources/images/kr/company/pr/btn_play_on.png");
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a:hover .thumb:after, .company.pr .section_content .content .video_slider .swiper-container .swiper-slide a.on .thumb:after {
  opacity: 1;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a .txt_wrap .tit {
  margin-top: 15px;
  color: #000000;
  line-height: 1.625em;
  font-size: 14px;
}
.company.pr .section_content .content .video_slider .swiper-container .swiper-slide a .txt_wrap .cont {
  font-size: 0;
}
.company.pr .section_content .content .video_slider .swiper-scrollbar {
  width: 990px;
  height: 4px;
  margin-top: 40px;
  margin-bottom: 15px;
  background: #ddd;
}
.company.pr .section_content .content .video_slider .swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  background: #1fa7f1;
}
.company.pr .section_content .content .video_slider .arrow_wrap {
  position: absolute;
  right: 0;
  bottom: -15px;
  width: 80px;
  font-size: 0;
  z-index: 2;
}
.company.pr .section_content .content .video_slider .arrow_wrap .slide_arrow {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-left: 10px;
}
.company.pr .section_content .content .video_slider .arrow_wrap .slide_arrow.swiper-button-prev {
  margin-left: 0;
  background-image: url("/resources/images/kr/company/pr/arrow_left.png");
}
.company.pr .section_content .content .video_slider .arrow_wrap .slide_arrow.swiper-button-next {
  background-image: url("/resources/images/kr/company/pr/arrow_right.png");
}
.company.pr .section_content .content .gray_box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 415px;
  padding: 0 40px 0 425px;
  background: #f7f7f7;
}
.company.pr .section_content .content .gray_box .brochure {
  position: absolute;
  top: 50px;
  left: 101px;
  box-shadow: 1.72px 2.46px 5px 0px rgba(0, 0, 0, 0.3);
}
.company.pr .section_content .content .gray_box .tit {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}
.company.pr .section_content .content .gray_box .cont {
  line-height: 1.625em;
  letter-spacing: -0.025em;
}
.company.pr .section_content .content .gray_box .btn_wrap {
  margin: 45px -5px 0;
  font-size: 0;
}
.company.pr .section_content .content .gray_box .btn_wrap .btn {
  margin: 0 5px;
}

.product_finder_list .prd_search {
  padding-top: 80px;
  background: #f7f7f7;
}
.product_finder_list .prd_search .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 100px 0;
}
.product_finder_list .prd_search .main_tit {
  font-size: 48px;
  text-align: center;
  margin-bottom: 50px;
}
.product_finder_list .prd_search .prd_sort {
  margin: 0 -5px 30px;
}
.product_finder_list .prd_search .prd_sort:after {
  content: "";
  display: table;
  clear: both;
}
.product_finder_list .prd_search .prd_sort .item_sort {
  float: left;
  width: calc(25% - 10px);
  margin: 0 5px;
}
.product_finder_list .prd_search .prd_sort .item_sort .tit {
  padding: 17px 0;
  background: #84b7ca;
  text-align: center;
  color: #fff;
}
.product_finder_list .prd_search .prd_sort .item_sort .list {
  overflow: auto;
  position: relative;
  top: 0;
  height: 225px;
  padding: 22px 20px;
  background: #fff;
}
.product_finder_list .prd_search .prd_sort .item_sort .list .check_box .item {
  display: block;
  margin-bottom: 14px;
  font-size: 15px;
  color: #000;
}
.product_finder_list .prd_search .prd_sort .item_sort .list .check_box .item:last-child {
  margin-bottom: 0;
}
.product_finder_list .prd_search .search_form {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.product_finder_list .prd_search .search_form .input_box {
  width: 800px;
  height: 50px;
  margin-right: auto;
}
.product_finder_list .prd_search .search_form .input_box input {
  border: 0;
}
.product_finder_list .prd_search .search_form .btn {
  width: 135px;
  height: 50px;
  color: #fff;
}
.product_finder_list .prd_search .search_form .btn_search {
  background: #0f97dd;
}
.product_finder_list .prd_search .search_form .btn_reset {
  margin-left: 10px;
  background: #666;
}
.product_finder_list .prd_search .list_hashtag {
  margin: -5px;
}
.product_finder_list .prd_search .list_hashtag:after {
  content: "";
  display: table;
  clear: both;
}
.product_finder_list .prd_search .list_hashtag li {
  float: left;
  margin: 5px;
}
.product_finder_list .prd_search .list_hashtag li a {
  display: block;
  height: 30px;
  padding: 0 20px;
  border: 1px solid #aaa;
  border-radius: 3px;
  font-size: 12px;
  line-height: 31px;
  color: #666;
  transition: all 0.15s ease-out;
}
.product_finder_list .prd_search .list_hashtag li a:hover {
  background: #0f97dd;
  border-color: #0f97dd;
  color: #fff;
}
.product_finder_list .prd_list {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 100px 0 150px;
}
.product_finder_list .prd_list .list_item {
  margin-bottom: 150px;
}
.product_finder_list .prd_list .list_item:last-child {
  margin-bottom: 0;
}
.product_finder_list .prd_list .result {
  display: block;
  margin-bottom: 18px;
  font-size: 22px;
  letter-spacing: -0.025em;
}
.product_finder_list .prd_list .result em {
  color: #0f97dd;
  font-style: normal;
}
.product_finder_list .prd_list .compare_guide {
  visibility: hidden;
  position: absolute;
  top: 205px;
  left: 10px;
  height: 34px;
  padding: 10px 18px;
  background: #0f97dd;
  box-shadow: 6px 4px 9px 0px rgba(0, 0, 0, 0.18);
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.025em;
  z-index: 2;
  border-radius: 30px;
}
.product_finder_list .prd_list .compare_guide:after {
  position: absolute;
  left: 32px;
  bottom: -8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 6px solid #0f97dd;
  content: "";
  transform: translateY(-50%);
}
.product_finder_list .prd_list .table td {
  height: 100px;
}
.product_finder_list .prd_list .table .grade {
  position: relative;
  padding-left: 33px;
  font-size: 0;
  text-align: left;
  line-height: normal;
  color: #0f97dd;
}
.product_finder_list .prd_list .table .grade .btn_diff {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 18px;
  border: 1px solid #0f97dd;
  border-radius: 50%;
  transition: all 0.15s;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/kr/product_finder/icon_plus.png") 50% 50% no-repeat;
}
.product_finder_list .prd_list .table .grade .btn_diff:hover {
  background-image: url("/resources/images/kr/product_finder/icon_plus_w.png");
  background-color: #0f97dd;
}
.product_finder_list .prd_list .table .grade .btn_more {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 45px);
}
.product_finder_list .prd_list .table .grade .btn_more .it {
  font-size: 22px;
  font-weight: 600;
  transition: all 0.15s;
  border-bottom: 1px solid transparent;
}
.product_finder_list .prd_list .table .grade .btn_more:hover .it {
  border-bottom: 1px solid #0f97dd;
}
.product_finder_list .prd_list .table .grade .mark {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}
.product_finder_view .section_visual .desc {
  line-height: 1.75em;
  letter-spacing: -0.025em;
}
.product_finder_view .section_visual .btn_contact {
  width: 180px;
  height: 50px;
  margin-top: 24px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  background: #0f97dd;
}
.product_finder_view .section_content {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 0;
}
.product_finder_view .section_content .content {
  position: relative;
  max-width: 830px;
  margin: 0;
  padding: 0 30px 0 0;
  border-right: 1px solid #eee;
}
.product_finder_view .section_content .content .cont_item {
  padding-bottom: 90px;
}
.product_finder_view .section_content .content .cont_item:last-child {
  padding-bottom: 150px;
}
.product_finder_view .section_content .content .cont_item .cont_tit {
  font-weight: 500;
}
.product_finder_view .section_content .content .cont_item .cont_tit sup {
  vertical-align: top;
  font-size: 13px;
}
.product_finder_view .section_content .content .detail_list {
  margin-top: -8px;
}
.product_finder_view .section_content .content .detail_list li {
  padding-left: 18px;
  line-height: 1.75em;
  position: relative;
}
.product_finder_view .section_content .content .detail_list li:before {
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #219dcb;
}
.product_finder_view .section_content .content .desc {
  margin: -8px 0 18px;
  line-height: 1.625em;
}
.product_finder_view .section_content .content .table th,
.product_finder_view .section_content .content .table td {
  height: 60px;
}
.product_finder_view .section_content .content .table th:first-child,
.product_finder_view .section_content .content .table td:first-child {
  text-align: left;
  padding: 0 30px;
}
.product_finder_view .section_content .content .table th strong,
.product_finder_view .section_content .content .table td strong {
  font-weight: 600;
}
.product_finder_view .section_content .content .pg_wrap .item {
  margin-bottom: 40px;
}
.product_finder_view .section_content .content .pg_wrap .item:last-child {
  margin-bottom: 0;
}
.product_finder_view .section_content .content .pg_wrap .item .title {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
.product_finder_view .section_content .content .pg_wrap .item .pg_list li {
  padding-left: 13px;
  line-height: 1.625em;
  margin-bottom: 8px;
  position: relative;
}
.product_finder_view .section_content .content .pg_wrap .item .pg_list li:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #0f97dd;
}
.product_finder_view .section_content .content .pg_wrap .item .pg_list li:last-child {
  margin-bottom: 0;
}
.product_finder_view .section_content .content .msg {
  margin-top: 24px;
  font-size: 12px;
  color: #666;
  line-height: 1.714em;
  padding-left: 12px;
  text-indent: -12px;
}
.product_finder_view .section_content .content .unit_sub {
  position: relative;
  top: 5px;
  font-size: 80%;
}
.product_finder_view .section_content .downloads {
  position: absolute;
  top: 75px;
  right: 0;
}
.product_finder_view .section_content .downloads .cont_tit {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}
.product_finder_view .section_content .downloads .btn_downs {
  display: flex;
  align-items: center;
  width: 231px;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 20px;
  border: 1px solid #0f97dd;
  color: #0f97dd;
  transition: all 0.15s;
  background: url("/resources/images/kr/common/icon_down_on.png") calc(100% - 20px) 50% no-repeat;
}
.product_finder_view .section_content .downloads .btn_downs:hover {
  color: #fff;
  background-image: url("/resources/images/kr/common/icon_down.png");
  background-color: #0f97dd;
}
.product_finder_view .section_content .downloads li:last-child .btn_downs {
  margin-bottom: 0;
}

.error .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.error .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 1100px;
  height: 493px;
  background: #f7f7f7;
}
.error .content .title {
  font-size: 22px;
  font-weight: 500;
  position: relative;
}
.error .content .title:before {
  display: block;
  position: relative;
  width: 90px;
  height: 78px;
  content: "";
  margin: 0 auto 30px;
  background: url("/resources/images/kr/error/icon_error.png") 50% 50% no-repeat;
}
.error .content .desc {
  margin: 16px 0 45px;
  font-size: 14px;
  line-height: 1.625em;
}

.guide .section_content .content {
  position: relative;
  margin-bottom: 70px;
}
.guide .section_content .content p {
  font-family: "Noto Sans KR";
  line-height: 1.875em;
}
.guide .section_content .content ul li p {
  text-indent: -20px;
  padding-left: 20px;
}
.guide .section_content .content .anchor {
  position: absolute;
  left: 0;
  top: -70px;
}
.guide .section_content .content .cont_tit {
  margin-bottom: 10px;
  font-family: "Noto Sans KR";
}
.guide .section_content .content .txt {
  margin-bottom: 20px;
}
.guide .section_content .content .txt:last-child {
  margin-bottom: 0;
}
.guide .section_content .content .txt .inner_list li {
  margin-left: 20px;
}
.guide .section_content .content .txt .inner_list li p {
  text-indent: -10px;
  padding-left: 10px;
}
.guide .section_content .content .table_wrap {
  margin-top: 15px;
}
.guide .section_content .content .table_wrap .table.type_list th,
.guide .section_content .content .table_wrap .table.type_list td {
  height: 60px;
}
.guide .section_content .content:last-child {
  margin-bottom: 0;
}
.guide .section_content .content.number_box {
  border: 1px solid #ddd;
}
.guide .section_content .content.number_box:after {
  content: "";
  display: table;
  clear: both;
}
.guide .section_content .content.number_box ul {
  padding: 25px 50px;
  width: 50%;
  box-sizing: border-box;
  float: left;
}
.guide .section_content .content.number_box ul:first-child {
  border-right: 1px dotted #ddd;
}
.guide .section_content .content.number_box ul li {
  margin-top: 20px;
  line-height: 1;
}
.guide .section_content .content.number_box ul li:first-child {
  margin-top: 0;
}
.guide .section_content .content.number_box ul li a {
  font-family: "Noto Sans KR";
}
.guide .section_content .content.number_box ul li a:hover {
  color: #0f97dd;
}

.chinaplas .section_visual {
  height: 435px;
  background: url("/resources/images/en/product/exhibition/top.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.chinaplas .section_visual .txt_box .sub_title {
  color: #FFFFFF;
}
.chinaplas .section_visual .txt_box .sub_title h2 {
  font-size: 22px;
  letter-spacing: -0.48px;
}
.chinaplas .section_visual .txt_box .sub_title span.en {
  margin-top: 24px;
  font-size: 80px;
  letter-spacing: -1.7px;
}
.chinaplas .section_visual .schedule {
  position: absolute;
  bottom: -70px;
  left: 0;
  display: flex;
  width: 100%;
}
.chinaplas .section_visual .schedule > div {
  background-color: #F87D23;
}
.chinaplas .section_visual .schedule > div p {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.48px;
  color: #FFFFFF;
}
.chinaplas .section_visual .schedule .date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
}
.chinaplas .section_visual .schedule .date span {
  display: block;
}
.chinaplas .section_visual .schedule .date p {
  padding: 5px 44px;
}
.chinaplas .section_visual .schedule .place {
  width: 563px;
  border-radius: 500px;
}
.chinaplas .section_visual .schedule .place p {
  padding: 30px 50px;
  line-height: 38px;
}
.chinaplas .ellipse_img img {
  position: absolute;
}
.chinaplas .ellipse_img .img1 {
  top: 235px;
  left: -200px;
  width: 400px;
  height: 400px;
}
.chinaplas .ellipse_img .img2 {
  top: 195px;
  right: 100px;
  width: 480px;
  height: 480px;
}
.chinaplas .ellipse_img .img3 {
  top: -135px;
  right: 360px;
  width: 320px;
  height: 320px;
}
.chinaplas .section_content {
  padding: 0 0 210px;
}
.chinaplas .sec1 {
  padding: 150px 0 160px;
}
.chinaplas .sec1 .content {
  padding: 0 0 98px;
}
.chinaplas .sec1 strong {
  display: inline-block;
  margin-right: 15px;
  color: #00A3F1;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -0.68px;
  vertical-align: middle;
}
.chinaplas .sec1 .btn {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  text-align: left;
  vertical-align: middle;
  background: #FFFFFF;
  border: 1px solid #00A3F1;
  color: #00A3F1;
}
.chinaplas .sec1 .btn i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background-image: url("/resources/images/en/product/exhibition/icon_arrow_blue.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.chinaplas .sec1 .btn:hover {
  color: #FFFFFF;
  background: #00A3F1;
}
.chinaplas .sec1 .btn:hover i {
  background-image: url("/resources/images/en/product/exhibition/icon_arrow.png");
}
.chinaplas .sec1 .txt_motion {
  width: 3151px;
  height: 120px;
  background: url("/resources/images/en/product/exhibition/text_motion.png") -20% center repeat-x;
  background-size: 100% auto;
}
.chinaplas .sec2 {
  position: relative;
  height: 1080px;
}
.chinaplas .sec2 .bg_img {
  width: 100%;
  height: 100%;
  background: url("/resources/images/en/product/exhibition/3d.jpg") center center no-repeat;
}
.chinaplas .sec2 .spot_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 1160px;
  height: 100%;
  width: 100%;
  transform: translateX(-50%);
}
.chinaplas .sec2 .spot {
  position: absolute;
}
.chinaplas .sec2 .spot:before {
  opacity: 1;
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  animation: spotMotion 1.8s infinite linear;
}
.chinaplas .sec2 .spot:hover span {
  display: inline-block;
  opacity: 1;
}
.chinaplas .sec2 .spot i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.chinaplas .sec2 .spot i:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/resources/images/en/product/exhibition/cricle_icon.png) center center no-repeat;
}
.chinaplas .sec2 .spot span {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -110%);
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 40px;
  color: #222;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.36px;
  white-space: nowrap;
  transition: opacity 0.3s;
}
.chinaplas .sec2 .spot1 {
  bottom: 220px;
  left: 345px;
}
.chinaplas .sec2 .spot2 {
  bottom: 287px;
  left: 533px;
}
.chinaplas .sec2 .spot3 {
  bottom: 287px;
  left: 619px;
}
.chinaplas .sec2 .spot4 {
  bottom: 287px;
  left: 718px;
}
.chinaplas .sec2 .spot5 {
  bottom: 312px;
  right: 257px;
}
.chinaplas .sec2 .spot6 {
  bottom: 450px;
  right: 76px;
}
@keyframes spotMotion {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(0.5);
  }
}
.chinaplas .sec3 {
  padding: 90px 0;
}
.chinaplas .sec3 > div {
  margin: 0 0 60px;
}
.chinaplas .sec3 strong {
  display: block;
  width: 100%;
  margin: 0 0 30px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.48px;
}
.chinaplas .sec3 .tag {
  padding: 0 0 30px;
  color: #00A3F1;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.chinaplas .sec3 ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
}
.chinaplas .sec3 li {
  width: 50%;
  padding: 0 20px 30px 0;
}
.chinaplas .sec3 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 120px;
  padding: 0 40px;
  border: 1px solid #DDD;
  color: #333;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.44px;
}
.chinaplas .sec3 a .icon {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("/resources/images/en/product/exhibition/icon_download.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: all 0.2s;
}
.chinaplas .sec3 a .outlink {
  background-image: url("/resources/images/en/product/exhibition/icon_outlink.png");
}
.chinaplas .sec3 a:hover .icon {
  background-image: url("/resources/images/en/product/exhibition/icon_download_hover.png");
}
.chinaplas .sec3 a:hover .outlink {
  background-image: url("/resources/images/en/product/exhibition/icon_outlink_hover.png");
}
.chinaplas .banner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 34px 40px;
  background-color: #DFEDF2;
}
.chinaplas .banner span {
  position: relative;
  padding: 0 0 5px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.44px;
  color: #333;
}
.chinaplas .banner span:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 200px;
  height: 10px;
  background: url("/resources/images/en/product/exhibition/icon_line.png") center center no-repeat;
  background-size: 100% auto;
}
.chinaplas .banner img {
  display: inline-block;
  width: 72px;
  height: 72px;
}
.chinaplas .pop_wrap {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
}
.chinaplas .pop_wrap.active {
  display: block;
}
.chinaplas .pop_wrap.on .popup_dim {
  opacity: 1;
}
.chinaplas .pop_wrap.on .popup_inner {
  opacity: 1;
}
.chinaplas .pop_wrap.on.active .popup_cont.on {
  display: block;
}
.chinaplas .pop_wrap.on .popup_cont.on {
  opacity: 1;
  transform: translateY(0);
}
.chinaplas .pop_wrap .popup_dim {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: 0.5s;
}
.chinaplas .pop_wrap .popup_inner {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  padding: 45px 0;
  background: #fff;
  transition: opacity 0.5s;
}
.chinaplas .pop_wrap .close_popup {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 34px;
  height: 34px;
}
.chinaplas .pop_wrap .popup_cont {
  display: none;
  width: 900px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s 0.5s;
}
.chinaplas .pop_wrap .popup_cont .top {
  margin-bottom: 20px;
}
.chinaplas .pop_wrap .popup_cont h2 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #00A3F1;
}
.chinaplas .pop_wrap .popup_cont .inner {
  text-align: center;
}
.chinaplas .pop_wrap .popup_cont .btn {
  position: relative;
  display: inline-block;
  width: 160px;
  margin: 20px 0 0;
  padding: 15px 20px 13px;
  background-color: #00A3F1;
  font-size: 14px;
  letter-spacing: -0.32px;
  text-align: left;
  color: #FFF;
}
.chinaplas .pop_wrap .popup_cont .btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 19px;
  background: url(/resources/images/en/product/exhibition/pop_icon_download.png) center center no-repeat;
}
.chinaplas .pop_wrap .video_area {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.chinaplas .pop_wrap .video_area img {
  border: 1px solid #dddddd;
}
.chinaplas .pop_wrap .video_area video {
  width: 100%;
  height: 100%;
}
.chinaplas .pop_wrap .video_area .swiper-controller {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.chinaplas .pop_wrap .video_area .swiper-pagination {
  width: 100%;
  height: 15px;
}
.chinaplas .pop_wrap .video_area .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  background: #1fa7f1;
  opacity: 0.3;
}
.chinaplas .pop_wrap .video_area .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.chinaplas2025 .section_visual {
  position: relative;
  height: 670px;
}
.chinaplas2025 .section_visual .bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chinaplas2025 .section_visual .bg i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/images/en/product/exhibition/2025/top.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.chinaplas2025 .section_visual .txt_box {
  text-align: center;
  color: #FFFFFF;
}
.chinaplas2025 .section_visual .txt_box .sub_title {
  margin: 0;
  font-size: 90px;
  font-weight: 600;
  letter-spacing: -1.8px;
}
.chinaplas2025 .section_visual .txt_box span {
  display: inline-block;
  margin: 24px 0 0;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.52px;
}
.chinaplas2025 .section_visual .schedule {
  position: absolute;
  bottom: -150px;
  left: 0;
  display: flex;
  width: 1100px;
  height: 300px;
  margin: 0 auto;
}
.chinaplas2025 .section_visual .schedule:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/resources/images/en/product/exhibition/2025/info_bg.svg") 50% 50% no-repeat;
  background-size: cover;
}
.chinaplas2025 .section_visual .schedule .details {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 65px 104px 70px 60px;
}
.chinaplas2025 .section_visual .schedule .details strong {
  display: inline-block;
  font-size: 24px;
  letter-spacing: -0.48px;
}
.chinaplas2025 .section_visual .schedule .details .info strong {
  margin: 0 0 20px;
}
.chinaplas2025 .section_visual .schedule .details .info > p {
  display: flex;
  align-items: flex-start;
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.52px;
}
.chinaplas2025 .section_visual .schedule .details .info > p img {
  margin: 4px 12px 0 0;
}
.chinaplas2025 .section_visual .schedule .details .info .place {
  padding: 0 0 20px;
}
.chinaplas2025 .section_visual .schedule .details .place strong {
  margin: 0 0 10px;
}
.chinaplas2025 .section_visual .schedule .details .place .booth_num {
  display: block;
  margin: 0 0 45px;
  color: #26247B;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.72px;
}
.chinaplas2025 .section_visual .schedule .details .place .btn {
  min-width: 180px;
  padding: 0 20px;
  background: #26247B;
  transition: all 0.4s;
}
.chinaplas2025 .section_visual .schedule .details .place .btn i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 16px;
  background: url("/resources/images/en/product/exhibition/2025/icon_map.svg") 50% 50% no-repeat;
  background-size: cover;
  vertical-align: middle;
  transition: all 0.4s;
}
.chinaplas2025 .section_visual .schedule .details .place .btn:hover {
  color: #6EEB83;
}
.chinaplas2025 .section_visual .schedule .details .place .btn:hover i {
  background: url("/resources/images/en/product/exhibition/2025/icon_map_active.svg") 50% 50% no-repeat;
}
.chinaplas2025 .section_content {
  padding: 270px 0 0;
}
.chinaplas2025 .section_content .sec_booth {
  overflow-x: hidden;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 34px;
}
.chinaplas2025 .section_content .sec_booth .swiper-pagination {
  padding-top: 20px;
  text-align: center;
}
.chinaplas2025 .section_content .sec_booth .swiper-pagination-bullet {
  opacity: 1;
  display: inline-block;
  width: 80px;
  height: 4px;
  margin: 0 4px;
  background-color: #D9D9D9;
  border-radius: unset;
  transform: skew(-40deg);
}
.chinaplas2025 .section_content .sec_booth .swiper-pagination-bullet-active {
  background-color: #6EEB83;
}
.chinaplas2025 .section_content .sec_library {
  max-width: 1100px;
  margin: 0 auto;
  padding: 120px 0 0;
}
.chinaplas2025 .section_content .sec_library > strong {
  display: block;
  margin: 0 0 30px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.48px;
}
.chinaplas2025 .section_content .sec_library > div {
  margin: 0 0 50px;
}
.chinaplas2025 .section_content .sec_library > div:last-child {
  margin: 0;
}
.chinaplas2025 .section_content .sec_library .tag {
  padding: 0 0 30px;
  color: #26247B;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.chinaplas2025 .section_content .sec_library ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -40px;
}
.chinaplas2025 .section_content .sec_library li {
  width: 50%;
  padding: 0 40px 40px 0;
}
.chinaplas2025 .section_content .sec_library li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 200px;
  padding: 28px 12px 28px 28px;
  border: 1px solid #DDD;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.48px;
  transition: all 0.3s;
}
.chinaplas2025 .section_content .sec_library li > div:hover {
  color: #fff;
  background: #26247B;
}
.chinaplas2025 .section_content .sec_library li > div:hover .btn {
  color: #6EEB83;
}
.chinaplas2025 .section_content .sec_library li > div:hover .btn:after {
  background-image: url("/resources/images/en/product/exhibition/2025/icon_download_active.svg");
}
.chinaplas2025 .section_content .sec_library li .btn_wrap {
  width: 100%;
  text-align: right;
  font-size: 0;
}
.chinaplas2025 .section_content .sec_library li .btn {
  z-index: 1;
  position: relative;
  padding: 8px 16px;
  color: #939598;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.36px;
  transition: all 0.4s;
}
.chinaplas2025 .section_content .sec_library li .btn:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  background-image: url("/resources/images/en/product/exhibition/2025/icon_download_gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  transition: all 0.4s;
}
.chinaplas2025 .section_content .sec_banner {
  width: 100%;
  padding: 160px 0 0;
}
.chinaplas2025 .section_content .sec_banner a {
  position: relative;
  display: block;
  width: 100%;
  height: 345px;
}
.chinaplas2025 .section_content .sec_banner a .text_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
}
.chinaplas2025 .section_content .sec_banner a .text_wrap span {
  position: relative;
  display: inline-block;
  padding-right: 92px;
  font-size: 70px;
  font-weight: 600;
  letter-spacing: -1.4px;
  color: #ffffff;
}
.chinaplas2025 .section_content .sec_banner a .text_wrap span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 72px;
  height: 72px;
  background: url("/resources/images/en/product/exhibition/2025/icon_arrow.svg") 50% 50% no-repeat;
  background-size: cover;
}
.chinaplas2025 .section_content .sec_banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wrap_btn {
  margin: 0 -10px;
  font-size: 0;
  text-align: center;
}
.wrap_btn .btn {
  margin: 0 10px;
}

.btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: -0.025em;
  user-select: none;
}
.btn_basic {
  min-width: 120px;
  height: 45px;
  line-height: 47px;
  padding: 0 10px;
  color: #fff;
  background: #888;
}
.btn_list {
  min-width: 150px;
  height: 50px;
  line-height: 52px;
  padding: 0 10px;
  background: #0f97dd;
  color: #fff;
  text-align: center;
  transition: background 0.15s;
}
.btn_list:hover {
  background: #004990;
}
.btn_down {
  min-width: 150px;
  height: 50px;
  line-height: 52px;
  padding: 0 20px;
  color: #0f97dd;
  text-align: left;
  transition: background-color 0.15s;
  border-radius: 25px;
  border: 1px solid #0f97dd;
  background: url("/resources/images/kr/common/icon_down_on.png") calc(100% - 20px) 50% no-repeat;
}
.btn_down:hover {
  color: #fff;
  background-image: url("/resources/images/kr/common/icon_down.png");
  background-color: #0f97dd;
}
.btn_outlink {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: url("/resources/images/kr/common/icon_locate.png") 50% 50% no-repeat;
  background-color: #ebebeb;
  transition: background-image 0.15s;
}
.btn_outlink:hover {
  background: url("/resources/images/kr/common/icon_locate_on.png") 50% 50% no-repeat;
  background-color: #ebebeb;
}
.btn_arrow {
  position: relative;
  color: #888;
  padding-right: 14px;
}
.btn_arrow:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  content: "";
  pointer-events: none;
  margin-top: -4px;
}

.floating {
  position: fixed;
  bottom: 30px;
  right: 97px;
  z-index: 10;
}
.floating .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: 1.15px 1.6px 4px 0px rgba(0, 0, 0, 0.22);
}
.floating .btn_floating_inquiry {
  background: url("/resources/images/kr/common/btn_floating_inquiry.png") 50% 10px no-repeat;
  background-color: #0f97dd;
}
.floating .btn_floating_inquiry span {
  display: block;
  padding-top: 33px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
.floating .btn_top {
  padding-top: 13px;
  background: #fff;
  border: 1px solid #000;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  visibility: hidden;
}
.floating .btn_top:after {
  display: block;
  position: absolute;
  top: 18px;
  right: 23px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(-135deg);
  content: "";
  pointer-events: none;
}
.floating.fixed {
  position: absolute;
  bottom: auto;
  bottom: 185px;
}

.board {
  width: 1100px;
  margin: 0 auto;
}
.board.type_thumb li {
  border-top: 1px solid #ddd;
}
.board.type_thumb li:last-child {
  border-bottom: 1px solid #ddd;
}
.board.type_thumb a {
  display: block;
  position: relative;
  padding: 40px 30px;
}
.board.type_thumb a:after {
  content: "";
  display: table;
  clear: both;
}
.board.type_thumb a:hover .tit {
  color: #0f97dd;
}
.board.type_thumb .txt_box {
  position: absolute;
  top: 38px;
  left: 30px;
  width: 62.7272727273%;
}
.board.type_thumb .txt_box .date {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  color: #0f97dd;
}
.board.type_thumb .txt_box .tit {
  margin-bottom: 28px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.025em;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.board.type_thumb .txt_box .desc {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 1.1em;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.board.type_thumb .thumb_box {
  overflow: hidden;
  position: relative;
  float: right;
  width: 300px;
  height: 190px;
  background: url("/resources/images/kr/common/thumb_noimg.png") 50% 50% no-repeat;
  background-color: #f7f7f7;
}
.board.type_thumb .thumb_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.board.type_list li {
  margin-bottom: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.board.type_list a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 120px;
  padding: 49px 0;
}
.board.type_list a:hover .tit {
  color: #0f97dd;
}
.board.type_list .txt_box .tit {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.15s;
}
.board.type_list .txt_box .desc {
  margin-top: 14px;
  margin-bottom: -6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.75em;
  max-height: 3.5em;
}
.board.nodata {
  width: 100% !important;
}
.board.nodata p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  margin: -1px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.board_view .board_head {
  display: table;
  width: 100%;
  height: 80px;
  padding: 20px 30px;
  border-top: 1px solid #ddd;
  background: #f7f7f7;
}
.board_view .board_head .cont_tit {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  line-height: 1.25em;
}
.board_view .board_head .date {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 300;
  text-align: right;
  color: #0f97dd;
}
.board_view .board_cont {
  padding: 80px 30px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.625;
  letter-spacing: -0.05em;
}
.board_view .board_page .btn {
  display: table;
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ddd;
}
.board_view .board_page .btn_next .indicator span:after {
  transform: rotate(180deg);
}
.board_view .board_page .btn .item {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0;
  line-height: 1.625em;
}
.board_view .board_page .btn .item.indicator {
  width: 130px;
  padding: 0 30px;
}
.board_view .board_page .btn .item.indicator span {
  display: block;
  position: relative;
}
.board_view .board_page .btn .item.indicator span:after {
  display: block;
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-bottom: 6px solid;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  border-bottom-color: inherit;
}
.board_view .board_page .btn .item.tit {
  width: auto;
}
.board_view .board_page .btn .item.date {
  width: 130px;
  font-size: 12px;
  text-align: center;
}
.board_view .board_page a.btn:hover {
  color: #0f97dd;
}
.board_view ~ .wrap_btn {
  margin-top: 50px;
}

.table {
  width: 100%;
  table-layout: fixed;
}
.table.type_list th {
  height: 40px;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
}
.table.type_list th .lang {
  display: block;
  font-size: 12px;
}
.table.type_list th.no_border {
  border: 0;
}
.table.type_list td {
  height: 90px;
  padding: 0 5px;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  line-height: 1.25em;
  word-break: keep-all;
  word-wrap: break-word;
}
.table.type_list td .grade {
  font-size: 16px;
}
.table.type_list td .app_list .app {
  display: inline-block;
  width: 40px;
  height: 35px;
  vertical-align: middle;
  text-indent: -9999%;
  font-size: 0;
}
.table.type_list td .app_list .app.app_1 {
  background: url("/resources/images/kr/common/icon_app1.png") 50% 50% no-repeat;
}
.table.type_list td .app_list .app.app_2 {
  background: url("/resources/images/kr/common/icon_app2.png") 50% 50% no-repeat;
}
.table.type_list td .btn_more:hover {
  color: #0f97dd;
}
.table.type_list td .btn_file {
  width: 28px;
  height: 37px;
  text-indent: -9999%;
  font-size: 0;
  background-image: url("/resources/images/kr/common/icon_file.png");
}
.table.type_list td span.mark {
  vertical-align: top;
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.table.type_list td span.mark:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: x-large;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
  content: "®";
}
.table.type_form {
  border-top: 2px solid #ddd;
}
.table.type_form.align_left {
  text-align: left;
}
.table.type_form.align_center {
  text-align: center;
}
.table.type_form.align_right {
  text-align: right;
}
.table.type_form th,
.table.type_form td {
  height: 80px;
  vertical-align: middle;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table.type_form th {
  padding: 17px 20px;
  background: #f7f7f7;
  font-size: 14px;
}
.table.type_form td {
  padding: 17px 20px;
}

.paging {
  margin: 50px auto 0;
  font-size: 0;
  text-align: center;
}
.paging .btn {
  overflow: hidden;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  vertical-align: middle;
  border: 1px solid #ddd;
  line-height: 35px;
  text-align: center;
  transition: border 0.15s;
  border-radius: 50%;
  text-indent: -9999%;
  font-size: 0;
}
.paging .btn_first {
  background: url("/resources/images/kr/common/icon_arr_first.png") 50% 50% no-repeat;
}
.paging .btn_first:hover {
  border-color: #0f97dd;
  background-image: url("/resources/images/kr/common/icon_arr_first_on.png");
}
.paging .btn_prev {
  background: url("/resources/images/kr/common/icon_arr_prev.png") 50% 50% no-repeat;
}
.paging .btn_prev:hover {
  border-color: #0f97dd;
  background-image: url("/resources/images/kr/common/icon_arr_prev_on.png");
}
.paging .btn_next {
  background: url("/resources/images/kr/common/icon_arr_next.png") 50% 50% no-repeat;
}
.paging .btn_next:hover {
  border-color: #0f97dd;
  background-image: url("/resources/images/kr/common/icon_arr_next_on.png");
}
.paging .btn_last {
  background: url("/resources/images/kr/common/icon_arr_last.png") 50% 50% no-repeat;
}
.paging .btn_last:hover {
  border-color: #0f97dd;
  background-image: url("/resources/images/kr/common/icon_arr_last_on.png");
}
.paging .page {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.paging .page li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}
.paging .page li.current a {
  color: #0f97dd;
}
.paging .page li a {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  color: #666;
  text-align: center;
}

.check_box {
  margin: 0 -10px;
  font-size: 0;
}
.check_box.align_right {
  text-align: right;
}
.check_box .item {
  display: inline-block;
  margin: 0 10px;
  line-height: 20px;
  font-size: 14px;
  vertical-align: middle;
}
.check_box input[type=checkbox] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.check_box input[type=checkbox] + label {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #333;
  font-weight: inherit;
  cursor: pointer;
  user-select: none;
  color: currentColor;
}
.check_box input[type=checkbox] + label span {
  display: inline-block;
  font-weight: inherit;
  color: currentColor;
}
.check_box input[type=checkbox] + label:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -11px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  content: " ";
}
.check_box input[type=checkbox]:checked + label:before {
  background: url("/resources/images/kr/common/icon_check.gif") 50% 50% no-repeat;
  background-color: #fff;
}
.check_box.theme2 input[type=checkbox]:checked + label:before {
  border: 0;
  background-image: url("/resources/images/kr/common/icon_check_w.png");
  background-color: #0f97dd;
}

.radio_box {
  margin: -10px;
  font-size: 0;
}
.radio_box .item {
  display: inline-block;
  margin: 10px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 28px;
}
.radio_box input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radio_box input[type=radio] + label {
  display: block;
  position: relative;
  padding-left: 38px;
  cursor: pointer;
  user-select: none;
}
.radio_box input[type=radio] + label span {
  display: inline-block;
}
.radio_box input[type=radio] + label:before, .radio_box input[type=radio] + label:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
}
.radio_box input[type=radio] + label:before {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 50%;
}
.radio_box input[type=radio] + label:after {
  display: none;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-top: -4px;
  background: #0f97dd;
  border-radius: 50%;
}
.radio_box input[type=radio]:checked + label:after {
  display: block;
}
.radio_box input[type=text] {
  width: 350px;
  height: 35px;
  margin-left: 10px;
  padding: 0 10px;
  line-height: 25px;
  border: 1px solid #ddd;
}

.textarea {
  width: 100%;
}
.textarea textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-family: "SamYang", Arial, sans-serif;
  resize: none;
}

.input_box {
  position: relative;
  width: auto;
  height: 45px;
}
.input_box input {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  font-size: 14px;
}
.input_box input::-ms-clear {
  display: none;
}
.input_box.has_btn input {
  padding-right: 130px;
}
.input_box.has_btn .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.form_search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}
.form_search:after {
  content: "";
  display: table;
  clear: both;
}
.form_search .input_box {
  width: 285px;
  height: 50px;
}
.form_search .input_box input {
  padding-right: 50px;
}
.form_search .input_box .btn_search {
  width: 50px;
  height: 50px;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/kr/common/icon_search_b.png") 50% 50% no-repeat;
}
.form_search .nice-select ~ .input_box {
  margin-left: -1px;
}
.form_search .prd_guide_box {
  flex: 1 0 auto;
  margin-right: auto;
}
.form_search .prd_guide_box .btn {
  height: 30px;
  margin-left: 8px;
  padding: 0 10px;
  background: #0f97dd;
  font-size: 13px;
  line-height: 32px;
  color: #fff;
}

.blocker {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  text-align: center;
}
.blocker:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
  content: "";
}
.blocker.behind {
  background-color: transparent;
}

.modal {
  overflow: hidden;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 2;
  width: 100%;
  max-width: 800px;
  background: #fff;
  padding: 50px 30px;
  text-align: left;
}
.modal a.close-modal {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  text-indent: -9999px;
}
.modal a.close-modal:before, .modal a.close-modal:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background-color: #333;
  content: " ";
}
.modal a.close-modal:before {
  transform: rotate(45deg);
}
.modal a.close-modal:after {
  transform: rotate(-45deg);
}
.modal .cont_tit {
  letter-spacing: -0.025em;
}
.modal .cont_tit_xs {
  font-size: 16px;
}
.modal .cont_tit_md {
  font-size: 22px;
  font-weight: 500;
}
.modal .cont_tit_lg {
  font-size: 26px;
}
.modal .cont_tit em {
  font-style: normal;
  font-weight: inherit;
  color: #0f97dd;
}
.modal .btn_basic {
  min-width: 150px;
  height: 50px;
  line-height: 50px;
}
.modal .radio_box .item {
  min-width: calc(33.333% - 20px);
  line-height: 18px;
}
.modal .radio_box input[type=radio] + label {
  padding-left: 28px;
}
.modal .radio_box input[type=radio] + label:before {
  width: 18px;
  height: 18px;
  margin-top: -9px;
}
.modal .radio_box input[type=radio] + label:after {
  width: 6px;
  height: 6px;
  margin-left: 6px;
  margin-top: -3px;
}
.modal .cmt_msg {
  text-align: center;
  letter-spacing: -0.025em;
  margin-bottom: 50px;
}
.modal .cmt_msg.inquiry {
  position: relative;
}
.modal .cmt_msg.inquiry:before {
  display: block;
  position: relative;
  height: 91px;
  content: "";
  margin: 0 auto 30px;
  background: url("/resources/images/kr/support/icon_inquiry_complete.png") 50% 50% no-repeat;
}
.modal .cmt_msg.subscribe {
  position: relative;
}
.modal .cmt_msg.subscribe:before {
  display: block;
  position: relative;
  height: 91px;
  content: "";
  margin: 0 auto 30px;
  background: url("/resources/images/kr/support/icon_subscribe_complete.png") 50% 50% no-repeat;
}
.modal .cmt_msg.unsubscribe {
  position: relative;
}
.modal .cmt_msg.unsubscribe:before {
  display: block;
  position: relative;
  height: 91px;
  content: "";
  margin: 0 auto 30px;
  background: url("/resources/images/kr/support/icon_unsubscribe_complete.png") 50% 50% no-repeat;
}
.modal .cmt_msg em {
  display: block;
  font-size: 22px;
  font-style: normal;
  line-height: 1.333em;
}
.modal .cmt_msg p {
  margin-top: 19px;
  font-size: 14px;
  font-weight: 300;
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
  border-radius: 8px;
}

.modal_inquiry {
  width: 800px;
}
.modal_inquiry .content {
  margin-bottom: 27px;
}
.modal_inquiry .content:last-child {
  margin-bottom: 0;
}
.modal_inquiry .content .cont_tit {
  margin-bottom: 20px;
}
.modal_inquiry .content .btn_search {
  width: 45px;
  height: 45px;
  color: #fff;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/kr/common/icon_search.png") 50% 50% no-repeat;
  background-color: #888;
}
.modal_inquiry .table th {
  height: 60px;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.modal_inquiry .table td {
  height: 60px;
  padding: 20px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.modal_inquiry .table tr:first-child td {
  border-top: 0;
}
.modal_inquiry .form_result {
  position: relative;
  max-height: 296px;
  overflow: auto;
  border-top: 2px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.modal_inquiry .form_result .table {
  margin-top: -2px;
}
.modal_inquiry .form_result .table tr:last-child td {
  border-bottom: 0;
}
.modal_inquiry .form_result.nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 296px;
  background: #f7f7f7;
}
.modal_inquiry .form_result.nodata .msg {
  color: #888;
}
.modal_inquiry .wrap_btn {
  margin-top: 49px;
}
.modal_complete {
  width: 640px;
  padding: 78px 30px;
}
.modal_search_cate {
  max-width: 1180px;
  padding-bottom: 40px;
}
.modal_search_cate .cont_tit {
  text-align: center;
  margin-bottom: 30px;
}
.modal_search_cate .prd_sort {
  margin: 0 -5px 10px;
}
.modal_search_cate .prd_sort:after {
  content: "";
  display: table;
  clear: both;
}
.modal_search_cate .prd_sort .item_sort {
  float: left;
  width: calc(25% - 10px);
  margin: 0 5px;
}
.modal_search_cate .prd_sort .item_sort .tit {
  padding: 17px 0;
  background: #84b7ca;
  text-align: center;
  color: #fff;
}
.modal_search_cate .prd_sort .item_sort .list {
  overflow: auto;
  position: relative;
  top: 0;
  height: 225px;
  padding: 22px 20px;
  background: #fff;
  border: 1px solid #ddd;
}
.modal_search_cate .prd_sort .item_sort .list .check_box .item {
  display: block;
  margin-bottom: 14px;
  font-size: 15px;
  color: #000;
}
.modal_search_cate .prd_sort .item_sort .list .check_box .item:last-child {
  margin-bottom: 0;
}
.modal_search_cate .prd_cate {
  padding: 30px 0;
  background: #f7f7f7;
  text-align: center;
}
.modal_search_cate .prd_cate .check_box .item label {
  width: 267px;
  height: 50px;
  padding: 0 20px;
  background: #fff;
  text-align: left;
  line-height: 50px;
}
.modal_search_cate .prd_cate .check_box .item label:before {
  left: auto;
}
.modal_search_cate .prd_cate .check_box .item label span {
  padding-left: 30px;
}
.modal_search_cate .prd_cate .check_box .item input ~ label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.modal_search_cate .prd_cate .check_box .item input:checked ~ label:after {
  border: 1px solid #0f97dd;
}
.modal_search_cate .wrap_btn {
  margin-top: 40px;
}
.modal_search_cate .wrap_btn .btn_reset {
  background: #666;
}
.modal_email {
  max-width: 600px;
}
.modal_email .cont_tit {
  margin-bottom: 24px;
}
.modal_email .desc {
  color: #000;
  line-height: 1.625em;
}
.modal_email .desc em {
  color: #0f97dd;
  font-style: normal;
}
.modal_email .date {
  display: block;
  margin-top: 25px;
  font-size: 12px;
  color: #666;
}
.modal_privacy_request {
  position: relative;
  padding: 50px 30px;
}
.modal_privacy_request.ie {
  margin-bottom: 20px;
}
.modal_privacy_request .content {
  margin-bottom: 50px;
}
.modal_privacy_request .form_info {
  margin-top: 50px;
}
.modal_privacy_request .form_info:first-child {
  margin-top: 0;
}
.modal_privacy_request .form_info .cont_tit {
  margin-bottom: 20px;
}
.modal_privacy_request .form_info .select_box .nice-select {
  width: 100%;
}
.modal_privacy_request .table {
  border-top: 0;
}
.modal_privacy_request .table.type_form th {
  padding: 10px 17px;
}
.modal_privacy_request .table.type_form td {
  padding: 16px 20px;
}
.modal_privacy_request .table tr:first-child th,
.modal_privacy_request .table tr:first-child td {
  border-top: 2px solid #ddd;
}
.modal_privacy_request .privacy {
  overflow-x: auto;
  height: 170px;
  padding: 30px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  line-height: 1.625em;
}
.modal_privacy_request .privacy .privacy_list li {
  margin-bottom: 15px;
}
.modal_privacy_request .privacy .privacy_list li:last-child {
  margin-bottom: 0;
}
.modal_privacy_request .privacy .privacy_list .tit {
  font-style: normal;
  color: #333;
}
.modal_privacy_request .privacy .privacy_list .desc {
  padding-left: 18px;
  font-weight: 300;
  color: #333;
  word-break: keep-all;
  word-wrap: break-word;
}
.modal_privacy_request .privacy .msg {
  margin-top: 15px;
}
.modal_privacy_request .privacy .msg em {
  display: block;
  font-style: normal;
  color: #888;
}
.modal_privacy_request .req {
  display: inline-block;
  position: relative;
}
.modal_privacy_request .req:after {
  display: block;
  position: absolute;
  top: 0;
  right: -0.5em;
  content: "";
  color: #f15333;
  content: "*";
}
.modal_privacy_request a.close-modal {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  text-indent: -9999px;
}
.modal_privacy_request a.close-modal:before, .modal_privacy_request a.close-modal:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  margin-top: -10px;
  background-color: #333;
  content: "";
}
.modal_privacy_request a.close-modal:before {
  transform: rotate(45deg);
}
.modal_privacy_request a.close-modal:after {
  transform: rotate(-45deg);
}

.sub_location {
  position: relative;
  z-index: 5;
  height: 60px;
}
.sub_location .breadcrumb {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.sub_location .breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.sub_location .breadcrumb.fixed {
  position: fixed;
  top: 0;
  background: #fff;
}
.sub_location .breadcrumb.up {
  top: 80px;
}
.sub_location .breadcrumb .crumb_list:after {
  content: "";
  display: table;
  clear: both;
}
.sub_location .breadcrumb .crumb_list > li {
  position: relative;
  float: left;
  z-index: 1;
  margin-left: -1px;
  margin-bottom: -1px;
  font-size: 14px;
}
.sub_location .breadcrumb .crumb_list > li .btn_home {
  width: 86px;
  height: 60px;
  text-indent: -9999%;
  font-size: 0;
  background: url("/resources/images/kr/common/icon_home.png") 50% 50% no-repeat;
}
.sub_location .breadcrumb .crumb_list > li:nth-child(2) .current_locate {
  min-width: 150px;
}
.sub_location .breadcrumb .crumb_list > li:nth-child(3) .current_locate {
  min-width: 212px;
}
.sub_location .breadcrumb .crumb_list > li:nth-child(4) .current_locate {
  min-width: 312px;
}
.sub_location .breadcrumb .crumb_list > li.long:nth-child(2) .current_locate {
  min-width: 190px;
}
.sub_location .breadcrumb .crumb_list > li.long:nth-child(3) .current_locate {
  min-width: 212px;
}
.sub_location .breadcrumb .crumb_list > li.long:nth-child(4) .current_locate {
  min-width: 312px;
}
.sub_location .breadcrumb .crumb_list > li.open .current_locate:after {
  margin-top: 0;
  transform: rotate(225deg);
}
.sub_location .breadcrumb .crumb_list > li.open .drop_down {
  visibility: visible;
  opacity: 1;
}
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate {
  border-right: 1px solid #ddd;
  font-weight: 600;
  color: #004990;
  position: relative;
}
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate:before {
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 4px;
  content: "";
  background: currentColor;
}
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate.unsubscribe {
  padding: 3px 20px 0;
}
.sub_location .breadcrumb .crumb_list > li:last-child .current_locate.unsubscribe:after {
  display: none;
}
.sub_location .breadcrumb .crumb_list > li:last-child .drop_down .mCSB_dragger_bar {
  background: #333;
}
.sub_location .breadcrumb .crumb_list > li:last-child .drop_down .mCSB_draggerRail {
  background: #ddd;
}
.sub_location .breadcrumb .current_locate {
  height: 60px;
  display: block;
  padding: 3px 50px 0 20px;
  background: none;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  z-index: 1;
  line-height: 58px;
  user-select: none;
  cursor: pointer;
}
.sub_location .breadcrumb .current_locate:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  content: "";
  pointer-events: none;
  color: #000;
  margin-top: -5px;
}
.sub_location .breadcrumb .drop_down {
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 2px);
  max-height: 245px;
  margin-top: -1px;
  padding: 15px 0;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: content-box;
  visibility: hidden;
  opacity: 0;
}
.sub_location .breadcrumb .drop_down:not(.mCS_no_scrollbar) {
  max-height: 220px;
}
.sub_location .breadcrumb .drop_down li a {
  display: block;
  height: 44px;
  padding: 0 20px;
  line-height: 48px;
}
.sub_location .breadcrumb .drop_down li a:hover {
  color: #0f97dd;
}
.sub_location .breadcrumb .drop_down li a span {
  font-family: inherit;
}
.sub_location .breadcrumb .drop_down li.current a {
  background: #f7f7f7;
}
.sub_location .breadcrumb .drop_down li.current a span {
  color: #0f97dd;
}
.sub_location .breadcrumb i.mark {
  position: relative;
  top: -3px;
  left: 2px;
  font-size: 12px;
}
.sub_location .btn_inquire {
  position: absolute;
  top: 10px;
  right: calc(50% - 550px);
  width: 150px;
  height: 40px;
  padding: 0 20px;
  background: #0f97dd;
  line-height: 42px;
  letter-spacing: -0.025em;
  color: #fff;
  visibility: hidden;
  border-radius: 20px;
}
.product .sub_location .btn_inquire {
  display: block;
}
.sub_location .btn_inquire:after {
  right: 20px;
  color: #fff;
}