@charset "UTF-8";

@font-face{
	font-family: 'OAGothic-ExtraBold';
	src: url('/css/fonts/main/OAGothic-ExtraBold.otf');
	font-weight: 800;
	font-style: normal;
}

.respondImg{max-width:100%;}

.wrap {
  overflow: hidden;
}

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

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

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

.border-right {
  border-right: 1px solid #E1E3E8;
}

.color-3986FC {
  color: #3986FC !important;
}

.color-FF5A48 {
  color: #FF5A48 !important;
}

.color-333333 {
  color: #333 !important;
}

.color-37AE60 {
  color: #37AE60 !important;
}

.table-notice {
  color: #FF5A48 !important;
}

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

/* font size */
/* padding & margin */
.mt-0 {
  margin-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

.pt-0 {
  padding-top: 0 !important;
}

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

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

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.width-74 {
  width: 74px !important;
}

.width-98 {
  width: 98px !important;
}

.width-108 {
  width: 108px !important;
}

.width-100 {
  width: 100px !important;
}

.width-120 {
  width: 120px !important;
}

.width-150 {
  width: 150px !important;
}

.width-160 {
  width: 160px !important;
}

.width-166 {
  width: 166px !important;
}

.width-180 {
  width: 180px !important;
}

.width-200 {
  width: 200px !important;
}

.width-245 {
  width: 245px !important;
}

.width-250 {
  width: 250px !important;
}

.width-260 {
  width: 260px !important;
}

.width-280 {
  width: 280px !important;
}

.width-310 {
  width: 310px !important;
}

.width-321 {
  width: 321px !important;
}

.width-340 {
  width: 340px !important;
}

.width-416 {
  width: 416px !important;
}

.width-420 {
  width: 420px !important;
}

.width-424 {
  width: 424px !important;
}

.width-440 {
  width: 440px !important;
}

.width-460 {
  width: 460px !important;
}

.width-470 {
  width: 470px !important;
}

.width-500 {
  width: 500px !important;
}

.width-503 {
  width: 503px !important;
}

.width-545 {
  width: 545px !important;
}

.width-765 {
  width: 765px !important;
}

.width-154 {
  width: 154px !important;
}

.width-638 {
  width: 638px !important;
}

.width-p100 {
  width: 100% !important;
}

.max-width-460 {
  max-width: 460px;
}

.max-width-340 {
  max-width: 340px !important;
}

.max-width-166 {
  max-width: 166px !important;
}

.max-width-160 {
  max-width: 160px !important;
}

.max-width-108 {
  max-width: 108px !important;
}

.d-flex {
  display: flex;
}

.vertical-top {
  vertical-align: top !important;
}

.align-baseline {
  align-items: baseline !important;
}

sup {
  font-size: 1rem;
}

sup.necessary {
  font-size: 1.5rem;
  line-height: 1;
  color: #FF5A48;
}

.text-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: transparent;
  overflow: hidden;
  opacity: 0;
}

@-webkit-keyframes moving {
  0% {
    left: 49%;
  }
  50% {
    left: 51%;
  }
  100% {
    left: 49%;
  }
}

@keyframes moving {
  0% {
    left: 49%;
  }
  50% {
    left: 51%;
  }
  100% {
    left: 49%;
  }
}

/* ***** reset.scss ***** */
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, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: normal;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
  word-break: break-word;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  font-family: 'NanumSquare', 'arial', 'sans-serif';
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.4px;
  overflow-y: auto;
}

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

strong {
  font-weight: bold;
}

caption, legend {
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999rem;
}

blockquote, q {
  quotes: none;
}

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

a {
  color: #333;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
}

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 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  vertical-align: middle;
  background-clip: padding-box;
}

input, select, button, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  font-family: 'NanumSquare', 'arial', 'sans-serif';
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #222;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}

select {
  border: 1px solid #e1e3e8;
  width: 100%;
  height: 3.2rem;
  font-size: 1.4rem;
  padding: 0 2.5rem 0 1.4rem;
  border-radius: 0.6rem;
  background-color: #fff;
  background-image: url(../images/icon/icon_select.png);
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  background-position: right 1rem center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

select:disabled {
  border-color: #E1E3E8;
  background-color: #f9f9f9;
  color: #909090;
}

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

textarea {
  overflow: auto;
  resize: none;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
  width: 100%;
  height: 32px;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 0 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.06em;
  border-radius: 0.6rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="email"]:hover,
input[type="email"]:focus {
  border: 1px solid #333;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled {
  border-color: #E1E3E8;
  background-color: #f9f9f9;
  color: #909090;
}

input[type="text"]:-moz-read-only, input[type="password"]:-moz-read-only, input[type="number"]:-moz-read-only, input[type="email"]:-moz-read-only {
  border-color: #e1e3e8;
  background-color: #f9f9f9;
}

input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="number"]:read-only,
input[type="email"]:read-only {
  border-color: #e1e3e8;
  background-color: #f9f9f9;
}

input::-webkit-input-placeholder {
  color: #909090;
}

input::-moz-placeholder {
  color: #909090;
}

input:-ms-input-placeholder {
  color: #909090;
}

input::-ms-input-placeholder {
  color: #909090;
}

input::placeholder {
  color: #909090;
}

input:-ms-input-placeholder {
  color: #909090 !important;
}

textarea {
  width: 100%;
  height: 120px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.7px;
  border-radius: 0.6rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

textarea:hover, textarea:focus {
  border-color: #333;
}

textarea:disabled {
  border-color: #eee;
  background-color: #fafafa;
  color: #888;
}

textarea::-webkit-input-placeholder {
  color: #909090;
}

textarea::-moz-placeholder {
  color: #909090;
}

textarea:-ms-input-placeholder {
  color: #909090;
}

textarea::-ms-input-placeholder {
  color: #909090;
}

textarea::placeholder {
  color: #909090;
}

textarea:-ms-input-placeholder {
  color: #909090 !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #efefef;
}

::-webkit-scrollbar-thumb {
  background-color: #818181;
}

::-webkit-scrollbar-button {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

input[type="checkbox"],
input[type="radio"] {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  cursor: not-allowed;
}

input[type="checkbox"] {
  background-image: url(../images/icon/icon_check.png);
}

input[type="checkbox"]:checked {
  background-position: 0 -1.6rem;
}

input[type="radio"] {
  background-image: url(../images/icon/icon_radio.png);
}

input[type="radio"]:checked {
  background-position: 0 -1.6rem;
}

.checkbox-item input[type="checkbox"],
.radio-item input[type="radio"] {
  display: none;
}

.checkbox-item input[type="checkbox"] + label,
.radio-item input[type="radio"] + label {
  display: flex;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  cursor: pointer;
}

.checkbox-item input[type="checkbox"][disabled] + label,
.radio-item input[type="radio"][disabled] + label {
  color: #aaa;
  cursor: not-allowed;
}

.checkbox-item input[type="checkbox"] + label span,
.radio-item input[type="radio"] + label span {
  margin-left: 0.8rem;
  vertical-align: middle;
  white-space: nowrap;
}

/* component: form > input[type="checkbox"] */
.checkbox-item input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-image: url(../images/icon/icon_check.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.checkbox-item input[type="checkbox"]:checked + label::before {
  background-position: 0 -1.6rem;
}

.checkbox-item input[type="checkbox"][disabled] + label::before {
  background-position: 0 0;
}

.checkbox-item input[type="checkbox"][disabled]:checked + label::before {
  background-position: 0 -1.6rem;
}

/* component: form > input[type="radio"] */
.radio-item input[type="radio"] + label::before {
  content: '';
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  vertical-align: middle;
  background-image: url(../images/icon/icon_radio.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.radio-item input[type="radio"]:checked + label::before {
  background-position: 0 -1.6rem;
}

.radio-item input[type="radio"][disabled] + label::before {
  background-position: 0 0;
}

.radio-item input[type="radio"][disabled]:checked + label::before {
  background-position: 0 -1.6rem;
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url(../fonts/NanumSquareR.eot);
  src: local("☺"), url(../fonts/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumSquareR.woff2) format("woff2"), url(../fonts/NanumSquareR.woff) format("woff"), url(../fonts/NanumSquareR.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url(../fonts/NanumSquareB.eot);
  src: local("☺"), url(../fonts/NanumSquareB.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumSquareB.woff2) format("woff2"), url(../fonts/NanumSquareB.woff) format("woff"), url(../fonts/NanumSquareB.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url(../fonts/NanumSquareEB.eot);
  src: local("☺"), url(../fonts/NanumSquareEB.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumSquareEB.woff2) format("woff2"), url(../fonts/NanumSquareEB.woff) format("woff"), url(../fonts/NanumSquareEB.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url(../fonts/NanumSquareL.eot);
  src: local("☺"), url(../fonts/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumSquareL.woff2) format("woff2"), url(../fonts/NanumSquareL.woff) format("woff"), url(../fonts/NanumSquareL.ttf) format("truetype");
}

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea2{
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: 1rem;
    top: 5.5%;
    color: #000000;
    text-align: center !important;
    /*padding-top: 5.5rem;*/
    /*padding-left:3rem;*/
    padding-bottom: 2rem;
    line-height: 5rem;
    font-weight: bold;
    font-size: 4.0rem;
}
.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea2 .swiper-title2 {
    color: #000000;
    font-size: 3.8rem;
    /*padding-left:1rem;*/
    padding-bottom: 1.3rem;
    font-weight: bold;
    line-height: 5rem;
    font-family: OAGothic-ExtraBold;
}
.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea2 .swiper-title2 .span_first {
	color: #2FA5D4;
}
.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea2 .swiper-title2 .span_second {
	color: #005BAA;
}
.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea2 .swiper-content2 {
    color: #000000;
    font-size: 1.7rem;
    /*padding-left:1rem;*/
    line-height: 2.5rem;
    /*font-family: Noto Sans CJK KR Regular;*/
}

.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 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

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

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

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

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  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 {
  -webkit-transform-style: preserve-3d;
  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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  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 {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

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

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  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;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

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

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 0;
}

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

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 4px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

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

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  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;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

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

/* scrollbar position: outside */
.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;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.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_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

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

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

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.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: #818181;
}

.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.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #818181;
}

.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;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

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

.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.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;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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.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;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

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

.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.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;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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.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;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.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,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

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

/* theme "dark-thin" */
.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_bar {
  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.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;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

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

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.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;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.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:hover .mCSB_dragger_bar,
.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-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.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-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;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  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_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.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;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  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;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 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_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-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.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.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;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.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;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

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

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-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.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  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;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.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;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  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 .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.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;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

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

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

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

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

.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.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)";
}

/* theme: "minimal-dark" */
.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.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)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-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,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

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

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

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.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 .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;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.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;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.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,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.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;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-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.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.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);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  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;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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: #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.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/*! jQuery UI - v1.13.1 - 2022-04-11
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/libs/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../images/libs/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("../images/libs/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("../images/libs/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("../images/libs/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/libs/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("../images/libs/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  -ms-filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 28rem;
  min-height: 100%;
  border-right: 1px solid #E1E3E8;
  background: #fff;
  z-index: 3;
}

.header .logo-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 28rem;
  height: 7.5rem;
  border-bottom: 1px solid #E1E3E8;
  border-right: 1px solid #E1E3E8;
  background: #fff;
  z-index: 3;
}

.header .logo-area .logo-wrap a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  /* padding: 0 4.3rem; */
  padding: 0 5.6rem;
  font-size: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header .logo-area .logo-wrap a img {
  /* width: 100%; */
  width: 90%;
}

.header .navigation-area {
  background: #fff;
}

.header .navigation-area .btn-close {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 1.6rem;
  width: 2.7rem;
  height: 2.7rem;
  font-size: 0;
  background-image: url(../images/icon/icon_close.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 11;
}

.header .navigation-area .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: fixed;
  left: 28rem;
  top: 0;
  width: calc(100% - 28rem);
  height: 7.5rem;
  padding: 0 6rem 0 4rem;
  background: #F9F9F9;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .info-area .menu-search-box {
  height: 36px;
  width: 350px;
  background: white;
  border-radius: 40px;
  padding: 10px 20px;
  margin: auto 0;
  border: 1px solid #3986FC;
  align-self: flex-start;
  right: 34rem;
  top: 0.5rem;
  margin-right:auto;
}

.header .navigation-area .info-area .menu-search-box-before {
  height: 36px;
  width: 350px;
  background: white;
  border-radius: 40px;
  padding: 10px 20px;
  border: 1px solid #3986FC;
  align-self: flex-start;
  right: 110rem;
  top: 0.5rem;
  margin-right:auto;
}

.header .navigation-area .info-area .menu-search-box .icon-search {
  background-image: url(../images/icon/icon_arrow_01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  display: inline-block;
  margin-left: auto;
  width: 16px;
  height: 16px;
}

.header .navigation-area .info-area .menu-search-box-before .icon-search {
  background-image: url(../images/icon/icon_arrow_01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  display: inline-block;
  margin-left: auto;
  width: 16px;
  height: 16px;
}

.header .navigation-area .info-area .menu-search-box .menu-search-text {
  border: none;
  background: none;
  outline: none;
  float: left;
  color: #95999c;
  font-size: 16px;
  line-height: 2.5rem;
  width: 100%;
  height: 2.5rem;
  padding: 0px 10px 10px 0px;
}

.header .navigation-area .info-area .menu-search-box-before .menu-search-text {
  border: none;
  background: none;
  outline: none;
  float: left;
  color: #95999c;
  font-size: 16px;
  line-height: 2.5rem;
  width: 100%;
  height: 2.5rem;
  padding: 0px 10px 10px 0px;
}

.header .navigation-area .info-area .menu-search-box .menu-list-container,
.header .navigation-area .info-area .menu-search-box-before .menu-list-container {
  list-style: none;
  margin-top: 10px;
  padding: 0;
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  z-index: 999;
}

.header .navigation-area .info-area .menu-search-box .menu-list-container li,
.header .navigation-area .info-area .menu-search-box-before .menu-list-container li {
  padding: 8px 10px;
  cursor: pointer;
  font-weight: bold;
}
.header .navigation-area .info-area .menu-search-box .menu-list-container li span,
.header .navigation-area .info-area .menu-search-box-before .menu-list-container li span {
  display: block;
  font-weight: normal;
}

.header .navigation-area .info-area .menu-search-box .menu-list-container li.selected,
.header .navigation-area .info-area .menu-search-box-before .menu-list-container li.selected {
  background-color: #007bff;
  color: #fff;
}

.header .navigation-area .info-area .menu-search-box .menu-list-container li:hover,
.header .navigation-area .info-area .menu-search-box-before .menu-list-container li:hover {
  background-color: #f1f1f1;
}

.header .navigation-area .info-area .util-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  width: 100%;
  justify-content: flex-end;
  gap:20px;
}

.header .navigation-area .info-area .util-wrap .recent-info {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin-top: 1rem;
  background: #fff;
  padding: 1.6rem 2rem;
  border-radius: 2.4rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-time {
  font-size: 1.3rem;
  line-height: 2rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-time:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_08.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-time span:nth-of-type(1) {
  padding-right: 0.5rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-time span:nth-of-type(2) {
  position: relative;
  padding-left: 0.5rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-time span:nth-of-type(2):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-ip {
  font-size: 1.3rem;
  line-height: 2rem;
  margin-top: 0.8rem;
}

.header .navigation-area .info-area .util-wrap .recent-info .recent-ip:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_09.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.header .navigation-area .info-area .util-wrap .util-list {
  position: relative;
}

.header .navigation-area .info-area .util-wrap .util-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header .navigation-area .info-area .util-wrap .util-list ul li {
  margin-left: 1.5rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .info-area .util-wrap .util-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  line-height: 2.4rem;
}

.header .navigation-area .info-area .util-wrap .util-list ul li a:before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-view {
  margin-left: 0;
  margin-right: 1rem;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-view a {
  line-height: 2.7rem;
  background: #1485CB;
  color: #fff;
  padding: 0 1.2rem;
  border-radius: 3rem;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-view a:before {
  content: none;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-manager {
  margin-left: 0;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a {
  line-height: 2.7rem;
  background: #9FA5AD;
  color: #fff;
  padding: 0 1.2rem;
  border-radius: 3rem;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a:before {
  content: none;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.logout-time a em {
  font-size: 1.3rem;
  margin: 0 0.3rem;
}

.header .navigation-area .info-area .util-wrap .util-list ul li.logout-time a:before {
  background-image: url(../images/icon/icon_05.png);
}

.header .navigation-area .info-area .util-wrap .util-list ul li.link-mypage a:before {
  background-image: url(../images/icon/icon_06.png);
}

.header .navigation-area .info-area .util-wrap .util-list ul li.login a:before {
  background-image: url(../images/icon/icon_07.png);
}

.header .navigation-area .info-area .util-wrap .user-infobox {
  position: relative;
  padding-left: 2rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 3.2rem;
  background: #E1E3E8;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info {
  position: relative;
  display: block;
  width: 23.9rem;
  font-size: 1.3rem;
  padding: 0.4rem 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 4.8rem;
  height: 4.8rem;
  background: url(../images/icon/icon_info_logo.png) no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon-arrow_dropdown.png) no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info em {
  display: block;
  color: #FF5A48;
}

.header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info strong {
  display: block;
  padding-top: 0.7rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox.active .dropdown-info:after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  display: none;
  width: 34rem;
  border: 1px solid #37AE60;
  border-radius: 3rem;
  padding: 2rem 2rem;
  background: #fff;
  z-index: 9;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li {
  position: relative;
  font-size: 1.2rem;
  line-height: 2rem;
  padding-top: 0.8rem;
  color: #676767;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-time {
  padding-top: 0;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-time:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_08.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-time span:nth-of-type(1) {
  padding-right: 1rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-time span:nth-of-type(2) {
  position: relative;
  padding-left: 1rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-time span:nth-of-type(2):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.recent-ip:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_09.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info {
  padding-top: 2rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info h3 {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area {
  padding-top: 1rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs li {
  padding-top: 0;
  margin-left: 0.8rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs li:first-child {
  margin-left: 0;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs li a {
  display: block;
  line-height: 2.2rem;
  font-weight: bold;
  padding: 0 1rem;
  color: #909090;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs li.active {
  background: #37AE60;
  border-radius: 3rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tabs li.active a {
  color: #fff;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li {
  display: none;
  padding-top: 0;
  padding-bottom: 1rem;
  margin-top: 1.1rem;
  background: #F9F9F9;
  border-radius: 1rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
  padding: 1rem 2rem 0 1rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div em {
  position: relative;
  padding-left: 0.6rem;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div em:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background: #909090;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div a {
  color: #333;
}

.header .navigation-area .info-area .util-wrap .user-infobox .infobox .infobox-list ul li.agency-info p {
  font-size: 1.1rem;
  padding-top: 0.5rem;
}

.header .navigation-area .list-area {
  position: relative;
  height: calc(100vh - 9.2rem);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-bottom: 0;
  margin-top: 7.5rem;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li {
  position: relative;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li:after,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.4rem;
  height: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li > a {
  position: relative;
  display: block;
  line-height: 7.2rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #676767;
  padding: 0 7rem 0 5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li:hover, .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li.on,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li:hover,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li.on {
  background: #F9F9F9;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li:hover > a, .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li.on > a,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li:hover > a,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li.on > a {
  color: #676767; /* 250901 수정 */
}


.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li.active .second-depth,
.header .navigation-area .list-area .navigation-wrap .first-depth > ul > li.active .second-depth {
  display: block;
}

.header .navigation-area .list-area .favorite-wrap .second-depth,
.header .navigation-area .list-area .navigation-wrap .second-depth {
  display: none;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li {
  padding: 1rem 0;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li > a,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li > a {
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #676767;
  padding: 0 8rem 0 6rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: keep-all;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li > a.plus:after,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li > a.plus:after {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.8rem;
  background-image: url(../images/icon/icon_plus.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50%;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li:hover > a, .header .navigation-area .list-area .favorite-wrap .second-depth > ul > li.on > a,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li:hover > a,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li.on > a {
  font-weight: bold;
  color: #3986FC;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li.active > .plus:after,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li.active > .plus:after {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.8rem;
  background-image: url(../images/icon/icon_minus.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50%;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li.active .third-depth,
.header .navigation-area .list-area .navigation-wrap .second-depth > ul > li.active .third-depth {
  display: block;
}

.header .navigation-area .list-area .favorite-wrap .third-depth,
.header .navigation-area .list-area .navigation-wrap .third-depth {
  display: none;
  padding-top: 1.5rem;
}

.header .navigation-area .list-area .favorite-wrap .third-depth > ul > li,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li {
  padding: 0.5rem 1rem 0.5rem 7rem;
}

.header .navigation-area .list-area .favorite-wrap .third-depth > ul > li:last-child,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li:last-child {
  padding-bottom: 0;
}

.header .navigation-area .list-area .favorite-wrap .third-depth > ul > li > a,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li > a {
  font-size: 1.4rem;
  line-height: 2.1rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.header .navigation-area .list-area .favorite-wrap .third-depth > ul > li > a:before,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li > a:before {
  content: "·";
}

.header .navigation-area .list-area .favorite-wrap .third-depth > ul > li:hover > a, .header .navigation-area .list-area .favorite-wrap .third-depth > ul > li.on > a,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li:hover > a,
.header .navigation-area .list-area .navigation-wrap .third-depth > ul > li.on > a {
  font-weight: bold;
  color: #3986FC;
}

.header .navigation-area .list-area .favorite-wrap .menu-icon,
.header .navigation-area .list-area .navigation-wrap .menu-icon {
  position: absolute;
  top: 50%;
  right: 4rem;
  width: 4rem;
  height: 4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a {
  font-weight: 500;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a:hover {
  font-weight: bold;
  color: #3986FC;
}

.header .navigation-area .list-area .favorite-wrap .first-depth > ul > li.on > a {
  font-weight: bold;
  color: #3986FC;
}

.header .navigation-area .list-area .favorite-wrap .second-depth > ul > li {
  position: relative;
}

.header .navigation-area .list-area .favorite-wrap .favorite-delete {
  position: absolute;
  top: 50%;
  right: 4.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}

.header .navigation-area .inspection-wrap {
  display: none;
  margin: 2rem 5rem;
  border-radius: 5rem;
}

.header .navigation-area .inspection-wrap .inspection-inner {
  position: relative;
  padding: 2.5rem;
  background: #FFF8E2;
  border: 1px solid rgba(255, 193, 0, 0.1);
  border-radius: 3rem;
}

.header .navigation-area .inspection-wrap .inspection-inner:before {
  content: '';
  position: absolute;
  top: 1.7rem;
  right: 1.6rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/icon/icon_notice.png) no-repeat;
  background-size: 100% auto;
}

.header .navigation-area .inspection-wrap .inspection-inner .inspection-title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.2rem;
}

.header .navigation-area .inspection-wrap .inspection-inner .inspection-date {
  padding-top: 1.9rem;
  font-size: 1.3rem;
}

.header .navigation-area .inspection-wrap .inspection-inner .inspection-desc {
  font-size: 1.3rem;
}

.header .navigation-area .etc-link {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 28rem;
  border-top: 1px solid #E1E3E8;
  border-right: 1px solid #E1E3E8;
  background: #fff;
}

.header .navigation-area .etc-link a {
  display: block;
  height: 11.6rem;
  font-size: 0;
  padding: 4rem 0 3.9rem 4rem;
}

.header .navigation-area .etc-link a img {
  height: 100%;
}

.header .navigation-area .etc-link a strong {
  position: absolute;
  top: 50%;
  right: 0;
  width: 7.6rem;
  line-height: 3.2rem;
  font-size: 1.6rem;
  color: #fff;
  background: #37AE60;
  padding-left: 1.5rem;
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.header .navigation-area .etc-link a strong:after {
  content: '';
  display: inline-block;
  width: 2.2rem;
  height: 0.9rem;
  background: url(../images/icon/icon_arrow_link.png) no-repeat;
  background-size: 2.2rem auto;
  margin-left: 0.3rem;
}

.header .navigation-area .etc-link a:hover strong {
  width: 6.6rem;
}

.header .mobile-gnb .btn-gnb {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 2rem;
  width: 2rem;
  height: 1.4rem;
  font-size: 0;
  background: url(../images/icon/icon_mobile_menu.png) center center no-repeat;
  background-size: 100% auto;
}

.footer {
  padding: 3rem 0 2.3rem 28rem;
}

.footer .footer-inner {
  margin: 0 4.6rem 0 4rem;
}

.footer .footer-inner .footer-address ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer .footer-inner .footer-address ul li {
  height: 2.8rem;
  line-height: 2.8rem;
  margin-left: 2rem;
}

.footer .footer-inner .footer-address ul li:first-child {
  margin-left: 0;
}

.footer .footer-inner .footer-address ul li a {
  display: block;
  height: 100%;
}

.footer .footer-inner .footer-address ul li a img {
  height: 100%;
}

.footer .footer-inner .footer-address ul li.address {
  position: relative;
  padding-left: 1.2rem;
  margin-left: 1.2rem;
  color: #909090;
}

.footer .footer-inner .footer-address ul li.address:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer .footer-inner .footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 1rem;
}

.footer .footer-inner .footer-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer .footer-inner .footer-info ul li {
  position: relative;
  padding: 0 1.2rem;
  font-size: 1.3rem;
}

.footer .footer-inner .footer-info ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer .footer-inner .footer-info ul li:first-child {
  padding-left: 0;
}

.footer .footer-inner .footer-info ul li:first-child:before {
  content: none;
}

.footer .footer-inner .footer-info ul li a {
  font-size: 1.3rem;
}

.footer .footer-inner .footer-info ul li:last-child {
  padding-right: 0;
}

.footer .footer-inner .footer-info .copyright {
  position: relative;
  margin-left: 1.2rem;
  padding-left: 1.2rem;
}

.footer .footer-inner .footer-info .copyright:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer .btn-privacy {
  color: #FF5A48;
}

.main .container .section-inner .main-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main .container .section-inner .main-wrap .flex-item.visual {
  width: 41.026%;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 79.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  border-radius: 3rem;
  cursor: pointer;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea {
  position: relative;
  color: #fff;
  text-align: center !important;
  z-index: 1;
  margin-top: 9rem;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-emoticon {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 4.2rem;
  color: #333;
  padding: 0 3.8rem 0 6.2rem;
  margin: 1rem auto;
  background: #FFE135;
  border-radius: 2rem;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-emoticon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5.1rem;
  height: 5.1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icon/icon_swiper_01.png) center center no-repeat;
  background-size: 100% auto;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-title {
  font-size: 3.8rem;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-title strong {
  display: block;
  font-size: 7.2rem;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  height: 2.2rem;
  left: 50%;
  bottom: 3.5rem;
  padding: 0 1.5rem;
  background: #fff;
  border-radius: 1.1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 0.8rem;
  opacity: 1;
  background: #CCCCCC;
}

.main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #3986FC;
}

.main .container .section-inner .main-wrap .flex-item.card-list {
  width: 58.974%;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item {
  width: calc(50% - 4rem);
  margin-left: 4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box {
  position: relative;
  padding: 3rem 4rem 4rem;
  background: #fff;
  border-radius: 3.2rem;
  margin-top: 4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box:first-child {
  margin-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area {
  height: 46rem;
  padding: 3rem 4rem 2.1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li {
  position: relative;
  margin-left: 2rem;
  padding-left: 2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1.8rem;
  background: #E1E3E8;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li:first-child:before {
  content: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li.active a {
  position: relative;
  color: #3986FC;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li.active a:after {
  content: '';
  display: block;
  height: 0.2rem;
  background: #3986FC;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li a {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li.new-alarm:after {
  content: '';
  position: absolute;
  top: -0.3rem;
  right: -0.8rem;
  width: 0.7rem;
  height: 0.7rem;
  background: #FF5A48;
  border-radius: 100%;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li {
  display: none;
  padding-top: 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li.active {
  display: block;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .info-area {
  display: block;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .info-desc {
  min-height: 4.6rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.9rem;
  padding-top: 0.8rem;
  color: #333;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .info-date {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #909090;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .download-area {
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #3986FC;
  margin-top: 1rem;
  padding-left: 2.1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .download-area:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.3rem;
  height: 1.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icon/icon_down_02.png) center center no-repeat;
  background-size: 100% auto;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .download-area:after {
  content: '';
  display: block;
  height: 0.1rem;
  background: #3986FC;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .board-list {
  height: 10rem;
  margin-top: 1.4rem;
  padding-top: 1.4rem;
  border-top: 1px solid #E1E3E8;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .board-list:nth-of-type(1) {
  margin-top: 0;
  border: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step {
  padding: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li {
  position: relative;
  border-top: 1px solid #E1E3E8;
  padding: 2.6rem 0 1.9rem;
  margin: 0 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li:nth-of-type(1) {
  border-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li:nth-of-type(2) {
  padding: 2.4rem 0 2.1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/icon/icon_arrow_01.png) center center no-repeat;
  background-size: 100% auto;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a figure {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.6rem;
  flex: 0 0 9.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a figure img {
  width: 100%;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea {
  padding: 0 6.5rem 0 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-title strong {
  font-size: 1.8rem;
  line-height: 2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-desc {
  font-size: 1.5rem;
  line-height: 1.8rem;
  padding-top: 1.8rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area {
  min-height: 79.4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box {
  position: relative;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  background-image: url(../images/icon/icon_join_02.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.event-wrap:before {
  content: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.event-wrap .info-textarea {
  display: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.event-wrap .join-wrap {
  padding-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.event-wrap .event-area {
  display: block;
  margin-top: 4.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.event-wrap + .info-box {
  margin-top: 1.8rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active:before {
  content: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active.event-wrap + .info-box.top {
  margin-top: 1.8rem;
  padding-top: 1.7rem;
  border-top: 1px solid #E1E3E8;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active.event-wrap + .info-box + .info-box + .family-site {
  margin-top: 6.3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active + .info-box.top {
  margin-top: 1.8rem;
  border-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active + .info-box + .info-box + .family-site {
  margin-top: 21.8rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea {
  position: relative;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea .info-title {
  font-size: 2.2rem;
  line-height: 2.8rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea .info-title strong {
  position: relative;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea .info-title strong:before {
  content: '';
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 100%;
  height: 1.8rem;
  background: #FFE887;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea .info-title strong span {
  position: relative;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap {
  padding-top: 5.5rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-id {
  position: relative;
  border-bottom: 1px solid #ddd;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-id input[type="text"] {
  height: 2.7rem;
  border: 0;
  padding: 0 2.8rem 0 2.8rem;
  background-image: url(../images/icon/icon_findid.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-id:hover {
  border-color: #333;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-pw {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-top: 2.6rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-pw input[type="password"] {
  height: 2.7rem;
  border: 0;
  padding: 0 2.8rem 0 2.8rem;
  background-image: url(../images/icon/icon_findpw.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-pw:hover {
  border-color: #333;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .checkbox-item {
  margin-left: 0.4rem;
  min-height: auto;
  margin-top: 1.4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .checkbox-item label span {
  color: #676767;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 1.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.4rem;
  text-align: center !important;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:nth-of-type(1) {
  margin-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:nth-of-type(1):before {
  content: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:nth-of-type(2) {
  padding: 0 3%;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:nth-of-type(2):after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #E1E3E8;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:nth-of-type(3):before {
  content: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #E1E3E8;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .btn-wrap .btn-login {
  display: block;
  width: 100%;
  height: 5.4rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background-color: #3986FC;
  text-align: center !important;
  border-radius: 1.8rem;
  margin-top: 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li {
  position: relative;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #676767;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-time {
  padding-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-time:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_08.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-time span:nth-of-type(1) {
  padding-right: 1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-time span:nth-of-type(2) {
  position: relative;
  padding-left: 1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-time span:nth-of-type(2):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-ip {
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #E1E3E8;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.recent-ip:before {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../images/icon/icon_09.png) no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin-right: 0.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info h3 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
  color: #333;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area {
  padding-top: 2.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li {
  padding-top: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li:first-child {
  margin-left: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li a {
  display: block;
  line-height: 2.6rem;
  font-weight: bold;
  padding: 0 1rem;
  color: #909090;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li.active {
  background: #37AE60;
  border-radius: 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li.active a {
  color: #fff;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li {
  display: none;
  padding-top: 0;
  padding-bottom: 3.4rem;
  margin-top: 3.5rem;
  border-bottom: 1px solid #E1E3E8;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 1px solid #E1E3E8;
  text-align: center !important;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div:nth-of-type(1) {
  border-left: 0;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div em {
  position: relative;
  display: block;
  padding: 1.5rem 0 0.5rem;
  line-height: 1.4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tab-contents > li > div a {
  display: inline-block;
  color: #333;
  line-height: 1.4rem;
  padding-top: 1.3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info p {
  font-size: 1.1rem;
  line-height: 1.3rem;
  padding-top: 0.5rem;
  text-align: right !important;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box {
  margin-top: 5.4rem;
  padding-top: 1.7rem;
  border-top: 1px solid #E1E3E8;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box.bottom {
  margin-top: 1.6rem;
  padding-top: 1.8rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea .info-title {
  font-size: 1.8rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list {
  margin-top: 1.2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  border-left: 1px solid #E1E3E8;
  text-align: center !important;
  background-position: center 0.6rem;
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li:nth-of-type(1) {
  border-left: 0;
  background-image: url(../images/icon/icon_info_01.png);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li:nth-of-type(2) {
  background-image: url(../images/icon/icon_info_02.png);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li:nth-of-type(3) {
  background-image: url(../images/icon/icon_info_03.png);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li:nth-of-type(4) {
  background-image: url(../images/icon/icon_info_04.png);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li a {
  display: block;
  font-size: 1.3rem;
  line-height: 1.3rem;
  padding: 4.5rem 0 0.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl {
  margin-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dt strong,
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dd strong {
  display: block;
  font-size: 1.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dt span,
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dd span {
  display: block;
  padding-top: 0.6rem;
  font-size: 1.1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area {
  display: none;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide {
  height: 10.8rem;
  border-radius: 2rem;
  overflow: hidden;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
  height: 100%;
  font-size: 0;
  color: transparent;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea > div {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.1rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea p {
  display: block;
  font-size: 1.7rem;
  line-height: 2.8rem;
  padding-top: 0.2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea p strong {
  display: block;
  font-size: 2.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea span {
  display: block;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding-top: 1.6rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide .btn-event {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 3.2rem;
  padding: 0 1.5rem;
  border-radius: 1.6rem;
  margin-top: 1.2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-pagination.swiper-pagination-bullets {
  font-size: 0;
  bottom: 1.5rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 0.7rem;
  height: 0.7rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0.4rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.2rem;
  background-color: #fff;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .btn-link {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .btn-link a {
  display: block;
  width: 100%;
  height: 100%;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site {
  position: relative;
  margin-top: 3.2rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site button {
  position: relative;
  width: 100%;
  height: 3.6rem;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 2rem;
  color: #333;
  border: 1px solid #E1E3E8;
  border-radius: 1.2rem;
  background-color: #F5F5F5;
  text-align: left;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.6rem;
  height: 1.6rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  background: url(../images/icon/icon-arrow_dropdown.png) center center no-repeat;
  background-size: 1.6rem auto;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul {
  display: none;
  position: absolute;
  bottom: 3.5rem;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #E1E3E8;
  z-index: 1;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul li {
  padding: 0 2rem;
  line-height: 3rem;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul li a {
  display: block;
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site.active button:after {
  -webkit-transform: translateY(-50%) rotate(720deg);
  transform: translateY(-50%) rotate(720deg);
}

.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site.active ul {
  display: block;
}

.ui-datepicker {
  width: 100%;
  max-width: 32rem;
}

.ui-datepicker select {
  height: 3.2rem;
}

.container .layer-header {
  position: relative;
  width: 100%;
  line-height: 6rem;
  background: #3986FC;
  text-align: center !important;
  /*   border-top-left-radius: 1.6rem; */
  /*   border-top-right-radius: 1.6rem; */
}

.container .layer-header h3 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 5rem;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container .layer-header .layer-close {
  position: absolute;
  top: 1.4rem;
  right: 2rem;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
  background-image: url(../images/icon/icon_layer_close.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.container .layer-contents {
  position: relative;
  padding: 2rem 2rem 4rem;
  border: 1px solid #CCCCCC;
  border-top: 0;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}

.container .layer-contents .condition-wrap {
  margin-top: 0;
}

.container .layer-contents .condition-wrap .inner-box {
  margin-top: 0;
}

.container .layer-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right !important;
  padding: 0.5rem 0;
  background-color: #F9F9F9;
  /*   border-bottom-left-radius: 1.6rem; */
  /*   border-bottom-right-radius: 1.6rem; */
}

.container .layer-footer .checkbox-item {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 3rem;
}

.container .layer-footer .checkbox-item label {
  font-weight: bold;
}

.container .level-01 {
  padding-left: 1rem;
}

.container .level-02 {
  padding-left: 2.5rem;
}

.container .level-03 {
  padding-left: 4rem;
}

.container label.level-01, .container label.level-02, .container label.level-03 {
  font-size: 1.4rem;
  cursor: pointer;
}

.container .img-depth {
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: top;
}

.container .location-wrap {
  display: inline-block;
}

.container .location-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .location-wrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 0;
  padding-left: 1.2rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .location-wrap ul li:before {
  content: '>';
  width: 0.9rem;
  font-size: 1.3rem;
  margin-right: 1.2rem;
  text-align: center !important;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .location-wrap ul li:first-child {
  padding-left: 0;
}

.container .location-wrap ul li:first-child:before {
  content: none;
}

.container .location-wrap ul li a {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 2.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container .location-wrap ul li a.active {
  font-weight: bold;
}

.container .contents-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2.8rem;
  line-height: 4rem;
  padding: 0rem 0 3rem;
}

.container .contents-title .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container .contents-title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #3986FC;
  z-index: 1;
}

.container .contents-title:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 0.4rem;
  background-color: #37AE60;
  z-index: 2;
}

.container .contents-title strong {
  font-weight: 800;
}

.container .contents-title .btn-favorites {
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 2.4rem;
  font-size: 0;
  background-image: url(../images/icon/icon_favorites.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-transition: none;
  transition: none;
}

.container .contents-title .btn-favorites.active {
  background-position: 0 -3.2rem;
}

.container .contents-subtitle {
  font-size: 2.4rem;
  padding-top: 6rem;
}

.container .contents-subtitle h3.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container .contents-subtitle .date-writer {
  padding-top: 1.6rem;
}

.container .contents-subtitle .date-writer dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .contents-subtitle .date-writer dl dt {
  font-size: 1.5rem;
}

.container .contents-subtitle .date-writer dl dd {
  position: relative;
  font-size: 1.5rem;
  padding-left: 1.2rem;
  margin-left: 1.2rem;
}

.container .contents-subtitle .date-writer dl dd:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .contents-subtitle p {
  font-size: 1.5rem;
  line-height: 2.1rem;
  padding-top: 2.8rem;
}

.container .contents-subtitle .contact-info {
  margin-top: 3rem;
}

.fax-mail {
		display: inline-block;
		margin-left: 1rem;
}

.system {
		display: inline-block;
}

@media screen and (max-width:600px){
	.fax-mail {
		display: inline-block;

	}
}

.container .contents-subtitle .contact-info dl dt {
  font-size: 0;
}

.container .contents-subtitle .contact-info dl dt strong {
  position: relative;
  font-size: 1.5rem;
  margin-left: 0.8rem;
  padding-left: 0.8rem;
}

.container .contents-subtitle .contact-info dl dt strong:first-child {
  margin-left: 0;
  padding-left: 0;
}

.container .contents-subtitle .contact-info dl dt strong:first-child:before {
  content: none;
}

.container .contents-subtitle .contact-info dl dt strong:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #CCCCCC;
}

.container .contents-subtitle .contact-info dl dd {
  font-size: 0;
  margin-top: 0.8rem;
}

.container .contents-subtitle .contact-info dl dd strong {
  font-size: 1.5rem;
}

.container .policy-wrap .etc-desc {
  padding-top: 2rem;
}

.container .policy-wrap .etc-desc p {
  display: block;
}

.container .policy-wrap .etc-desc a {
  position: relative;
  display: inline-block;
  line-height: 2.4rem;
  margin-top: 1rem;
  color: #3986FC;
}

.container .policy-wrap .etc-desc a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background: #3986FC;
}

.container .policy-wrap .policy-group:first-child .third-title {
  padding-top: 6rem;
}

.container .policy-wrap .policy-group .term-check {
  margin-top: 0.5rem;
}

.container .policy-wrap .third-title {
  padding-top: 4rem;
}

.container .policy-wrap .policy-desc {
  max-height: 16rem;
  overflow: auto;
  border: 1px solid #E1E3E8;
  margin-top: 1rem;
  padding: 0 0 1rem;
}

.container .policy-wrap .policy-desc h5 {
  padding-top: 2.4rem;
  font-size: 1.6rem;
  font-weight: bold;
}

.container .policy-wrap .policy-desc dl dt {
  font-weight: bold;
  padding-top: 2rem;
}

.container .policy-wrap .policy-desc dl dt:first-child {
  padding-top: 2.4rem;
}

.container .policy-wrap .policy-desc dl dd {
  padding-left: 1.2rem;
  padding-top: 1rem;
  line-height: 1.9rem;
}

.container .policy-wrap .policy-desc dl dd > ul {
  padding-left: 1.6rem;
}

.container .policy-wrap .policy-desc dl dd > ul li {
  line-height: 1.9rem;
}

.container .result-box {
  /* position: relative; */
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1.5rem 2rem;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.8rem;
  margin-top: 0.6rem;
}

.container .result-box.spec {
  position: static;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* .container .result-box p { */
/*   padding-right: 12rem; */
/* } */

.container .result-box .btn-black {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .result-box .btn-black.spec {
  position: static;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.container table colgroup .col-width-120 {
  width: 120px;
}

.container .btn-black.spec {
  position: relative;
  left: 8%;
}

.container .term-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 4rem;
}

.container .term-check.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .term-check input[type="checkbox"] + label {
  font-size: 1.4rem;
}

.container .term-check input[type="checkbox"] + label span {
  font-weight: bold;
}

.container .term-check + .btn-wrap {
  margin-top: 4rem;
}

.container .password-wrap .icon-password {
  position: absolute;
  bottom: 1.2rem;
  right: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  background-image: url(../images/icon/icon_password.png);
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: center center;
}

.container .password-wrap .icon-password.active {
  background-image: url(../images/icon/icon_password_on.png);
}

.container .login-wrap {
  padding-top: 8rem;
  text-align: center !important;
}

.container .login-wrap .login-title {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 800;
}

.container .login-wrap .login-desc {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-top: 1.3rem;
}

.container .login-wrap .login-form {
  display: inline-block;
  padding-top: 5rem;
  text-align: left !important;
}

.container .login-wrap .login-form ul li {
  position: relative;
  padding-top: 2.5rem;
}

.container .login-wrap .login-form ul li:first-child {
  padding-top: 0;
}

.container .login-wrap .login-form ul li .label-title {
  font-size: 1.4rem;
  font-weight: bold;
}

.container .login-wrap .login-form ul li input {
  display: block;
  width: 32rem;
  height: 4.8rem;
  font-size: 1.4rem;
  margin-top: 0.8rem;
}

.container .login-wrap .login-form .login-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .login-wrap .login-form .login-flex .text-input ul li {
  padding-top: 1rem;
}

.container .login-wrap .login-form .login-flex .text-input ul li:first-child {
  padding-top: 0;
}

.container .login-wrap .login-form .login-flex .text-input ul li input {
  margin-top: 0;
}

.container .login-wrap .login-form .login-flex .text-input label {
  display: none;
}

.container .login-wrap .login-form .btn-login {
  width: 10.6rem;
  line-height: 10.6rem;
  font-size: 1.6rem;
  border-radius: 2rem;
  text-align: center !important;
  color: #fff;
  background: #3986FC;
  margin-left: 1rem;
}

.container .login-wrap .login-form .checkbox-item {
  margin-left: 0;
  margin-top: 1.3rem;
}

.container .login-wrap .login-find {
  margin-top: 5rem;
}

.container .login-wrap .login-find ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .login-wrap .login-find ul li {
  padding: 0;
  margin-left: 5rem;
}

.container .login-wrap .login-find ul li:first-child {
  margin-left: 0;
}

.container .login-wrap .login-find ul li .dot {
  position: relative;
  text-align: left !important;
  padding-left: 1rem;
  color: #676767;
}

.container .login-wrap .login-find ul li .dot:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background: #909090;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .login-wrap .login-find ul li .btn-wrap {
  margin-top: 1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .login-wrap .login-find ul li .btn-wrap .btn {
  min-width: 7.2rem;
  font-weight: 400;
  border-radius: 0.8rem;
  padding: 0 1.2rem;
}

.container .login-wrap .condition-wrap {
  width: 51rem;
  margin: 4rem auto 0;
}

.container .third-title + .third-title {
  margin-top: 4rem;
}

.container .third-title.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container .third-title.flex.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.container .third-title strong {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 800;
}

.container .third-title em {
  font-size: 1.3rem;
}

.container .third-title p {
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.container .third-title .title-desc {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.6rem;
  color: #676767;
  padding-top: 1rem;
}

.container .third-title .btn-popup {
  margin-right: 2rem;
}

.container .block-comment {
  display: block;
  color: #FF5A48;
  padding-left: 2rem;
}

.container .tital-count {
  font-size: 1.5rem;
  font-weight: bold;
}

.container .tital-count strong {
  color: #FF5A48;
  font-size: 1.5rem;
}

.container .movie-upload {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #E1E3E8;
}

.container .movie-upload ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 3.2rem;
  padding-top: 2rem;
}

.container .movie-upload ul li:first-child {
  padding-top: 0;
}

.container .movie-upload ul li strong {
  width: 20rem;
  line-height: 3.2rem;
}

.container .movie-play {
  margin-top: 4rem;
}

.container .movie-play video {
  width: 100%;
}

.container .form-download-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 34rem;
  padding-right: 2.4rem;
}

.container .form-download-wrap strong {
  font-size: 1.4rem;
}

.container .form-download-wrap span {
  font-size: 1.4rem;
}

.container .form-download-wrap .form-download {
  width: 12rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #676767;
  background: #fff;
  padding: 0 1.2rem;
  border-radius: 0.6rem;
  border: 1px solid #909090;
  text-align: left !important;
  background-image: url(../images/icon/icon_form_download.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
}

.container .file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 3.2rem;
}

.container .file-wrap .file-title a {
  display: inline-block;
  height: 100%;
  font-size: 1.4rem;
}


/*
* 250801 삭제 -> 250811 운영관리(처리자) > 위탁계약관리 form 수정하면서 복구
* consignmentContractFormSt1.jsp 수정
* 260105 takeOver/form/St4 수정하면서 복구 width : 21rem으로 재조정
*/
.container .file-wrap .file-name {
  /* width: 34rem; */
  width: 21rem;
}

.container .file-wrap .file-delete {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 0;
  margin-left: 1rem;
  background-image: url(../images/icon/icon_file_delete.png);
  background-repeat: no-repeat;
  background-size: 2.2rem auto;
  background-position: center center;
}

.container .file-wrap .file-label {
  display: inline-block;
  min-width: 11.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  text-align: center !important;
  border-radius: 0.6rem;
  font-weight: bold;
  color: #fff;
  background: #333;
  /* margin-left: 0.8rem; */
  cursor: pointer;
}

.container .file-wrap .file-upload {
  display: none;
}

.container .edit-wrap {
  margin-top: 3rem;
}

.container .edit-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container .edit-wrap ul li .edit-tab {
  width: 45rem;
  height: 5rem;
  font-size: 1.4rem;
  color: #909090;
  border: 0;
  border-radius: 2.5rem;
  background-color: #F9F9F9;
}

.container .table-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 0;
}

.container .table-btn a {
  margin-left: 0.4rem;
}

.container .table-btn a.disabled {
  background: #909090;
  cursor: not-allowed;
}

.container .table-btn .btn-grey {
  display: inline-block;
  min-width: 7rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #909090;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  text-align: center !important;
}

.container .table-btn .flex-box {
  position: relative;
  margin-left: 3rem;
  padding-left: 3rem;
}

.container .table-btn .flex-box:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .table-btn span {
  font-size: 1.4rem;
}

.container .table-btn .reason-input {
  margin-top: 2.2rem;
  margin-right: 1rem;
  display: inline-block;
}

.container .table-btn select {
  min-width: 11.2rem;
}

.container .refer-box {
  margin-top: 1.2rem;
  background-color: #F9F9F9;
  padding: 1rem 1.4rem;
  border-radius: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.9rem;
}

.container .reason-input strong {
  font-size: 1.4rem;
  padding-right: 1.6rem;
}

.container .map-wrap,
.container .graph-wrap {
  /* min-width: 52rem; */
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.container .map-wrap .third-title,
.container .graph-wrap .third-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .map-wrap .map-area,
.container .map-wrap .graph-area,
.container .graph-wrap .map-area,
.container .graph-wrap .graph-area {
  min-height: 14rem;
  margin-top: 0.8rem;
  border-top: 2px solid #333;
  background: #fff;
}

.container .toggle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .toggle-btn .toggle-item {
  margin-left: 1.6rem;
  cursor: pointer;
}

.container .toggle-btn .toggle-item:first-child {
  margin-left: 0;
}

.container .toggle-btn .toggle-item.active span:before {
  background-color: #3986FC;
}

.container .toggle-btn .toggle-item.active span:after {
  left: 1.4rem;
}

.container .toggle-btn .toggle-item span {
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.container .toggle-btn .toggle-item span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.8rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background-color: #CCCCCC;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .toggle-btn .toggle-item span:after {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .result-wrap {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

.container .result-wrap + .third-title {
  margin-top: 4rem;
}

.container .result-wrap .result-count {
  text-align: right !important;
  background: #F9F9F9;
  border-top: 1px solid #E1E3E8;
  line-height: 2.9rem;
}

.container .result-wrap .result-count strong {
  font-size: 1.3rem;
  font-weight: bold;
  padding-right: 1rem;
}

.container .result-wrap .etc-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1.2rem;
}

.container .result-wrap .etc-link a {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.8rem;
  color: #fff;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  border: 1px solid #1485CB;
  background-color: #1485CB;
  margin-left: 0.8rem;
  /* 250820 글씨 가운데 추가*/
  text-align: center !important;
  line-height: 3rem;
}

.container .result-wrap .etc-link a:first-child {
  margin-left: 0;
}

.container .result-wrap .etc-link-long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1.2rem;
}

.container .result-wrap .etc-link-long a {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.8rem;
  color: #fff;
  padding: 0 1.0rem;
  border-radius: 0.8rem;
  border: 1px solid #1485CB;
  background-color: #1485CB;
  margin-left: 0.8rem;
  /* 250820 글씨 가운데 추가*/
  text-align: center !important;
  line-height: 3rem;
}

.container .result-wrap .etc-link-long a:first-child {
  margin-left: 0;
}
.container .chart-wrap {
  border-top: 2px solid #333;
  margin-top: 0.8rem;
}

.container .table-ibsheet {
  min-height: 14rem;
  margin-top: 0.8rem;
  border-top: 2px solid #333;
  background: #fff;
}

.container .flex-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .flex-box-2nd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .flex-box.password-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.container .flex-box.password-wrap .icon-password {
  bottom: 0.4rem;
}

.container .flex-box + .flex-box {
  margin-top: 1.2rem;
}

.container .flex-box.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .flex-box.block {
  display: block;
}

.container .flex-box.block input {
  display: block;
  margin-left: 0;
}

.container .flex-box.block input + input {
  margin: 1.2rem 0 0;
}

.container .flex-box.check-list, .container .flex-box.radio-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2rem;
}

.container .flex-box.check-list .checkbox-item,
.container .flex-box.check-list .radio-item, .container .flex-box.radio-list .checkbox-item,
.container .flex-box.radio-list .radio-item {
  margin-left: 2rem;
}

.container .flex-box input,
.container .flex-box select {
  margin-left: 0.8rem;
}

.container .flex-box input:first-child,
.container .flex-box select:first-child {
  margin-left: 0;
}

.container .flex-box input + .unit,
.container .flex-box select + .unit {
  margin-left: 0.8rem;
}

.container .flex-box input + .btn-check,
.container .flex-box select + .btn-check {
  margin-left: 0.8rem;
}

.container .flex-box input + .search-box,
.container .flex-box select + .search-box {
  margin-left: 0.8rem;
}

.container .flex-box input[style*="display: none"] + .search-box,
.container .flex-box select[style*="display: none"] + .search-box {
  margin-left: 0;
}

.container .flex-box .beteen-space {
  padding: 0 0.6rem;
}

.container .flex-box .beteen-space + input,
.container .flex-box .beteen-space + select {
  margin-left: 0;
}

.container .flex-box .search-box {
  position: relative;
}

.container .flex-box .search-box .btn-search {
  top: 0.4rem;
}

.container .flex-box .unit {
  position: relative;
}
.container .flex-box .unit.width-100p {
  width: 100%;
}

.container .flex-box .unit input[type="text"],
.container .flex-box .unit input[type="password"],
.container .flex-box .unit input[type="number"],
.container .flex-box .unit input[type="email"] {
  padding-right: 5rem;
}

.container .flex-box .unit .unit-text {
  position: absolute;
  top: 50%;
  right: 1.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .datepicker-input {
  cursor: pointer;
  background-image: url(../images/icon/icon_calendar.png);
  background-repeat: no-repeat;
  background-size: 2.4rem auto;
  background-position: right 1.8rem center;
}

.container .noticebox-wrap {
  margin-bottom: 2rem;
}

.container .noticebox-wrap .noticebox-inner {
  position: relative;
  background: #F9F9F9;
  padding: 2rem 2rem;
  margin: 1.2rem 0;
  border-radius: 1.2rem;
}

.container .noticebox-wrap .noticebox-inner .btn-popup {
/*   position: absolute; */
  top: 2rem;
  right: 2rem;
}

.container .noticebox-wrap .noticebox-inner strong {
/*   display: block; */
  font-size: 1.3rem;
}

.container .noticebox-wrap .noticebox-inner strong + span {
  padding-top: 1.2rem;
}

.container .noticebox-wrap .noticebox-inner span {
  display: block;
  font-size: 1.3rem;
  line-height: 2.2rem;
}

.container .bplc-noticebox-wrap .bplc-noticebox-inner {
  position: relative;
  background: #F9F9F9;
  padding: 1rem 1rem;
  margin: 0.3rem 0;
  border-radius: 1.2rem;
  line-height: 2.2rem;
}

.container .radio-item,
.container .checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 3rem;
  margin-right: 2rem; /* 7/28 '(정비업체)운영현황 분석' 페이지 수정  */
}

.container .radio-item:first-child,
.container .checkbox-item:first-child {
  margin-left: 0;
}

.container .condition-wrap .inner-box .btn-search {
  top: 0.4rem;
}

.container .condition-wrap .inner-box ~ .tab-area.default-tab {
  margin-top: 4rem;
}

.container .condition-wrap .flex-wrap + .tab-area.default-tab {
  margin-top: 4rem;
}

.container .condition-wrap .flex-wrap.transform-x .flex-item {
  position: relative;
}

.container .condition-wrap .flex-wrap.transform-x .flex-item .btn-transform {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container .condition-wrap .flex-wrap.transform-x .flex-item .btn-transform a {
  padding: 2rem 0;
}

.container .condition-wrap .flex-wrap.transform-x .flex-item .list-item:last-child {
  margin-left: 2rem;
  margin-right: 0;
}

.container .condition-wrap .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.container .condition-wrap .flex-item .list-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 2rem);
  flex: 0 0 calc(50% - 2rem);
}

.container .condition-wrap .flex-item .list-item:nth-of-type(odd) {
  margin-right: 2rem;
}

.container .condition-wrap .flex-item .list-item:nth-of-type(even) {
  margin-left: 2rem;
}

.container .condition-wrap .flex-item .list-item.full-size {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 0;
}

.container .condition-wrap .flex-item .list-item.division {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 0 -2rem;
}

.container .condition-wrap .flex-item .list-item.division .list-unit {
  margin-left: 2rem;
}

.container .condition-wrap .tab-area.default-tab {
  margin-top: -1rem;
}

.container .condition-wrap .tab-area.default-tab .tabs {
  display: inline-block;
  border: 1px solid #E1E3E8;
  margin-bottom: 0rem;
  overflow: hidden;
}

.container .condition-wrap .tab-area.default-tab .tabs.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 0;
}

.container .condition-wrap .tab-area.default-tab .tabs.grid-6 li {
  border: 1px solid #E1E3E8;
  border-radius: 0;
}

.container .condition-wrap .tab-area.default-tab .tabs.grid-6 li:nth-of-type(n+1) {
  border-left: 0;
}

.container .condition-wrap .tab-area.default-tab .tabs.grid-6 li:nth-of-type(1), .container .condition-wrap .tab-area.default-tab .tabs.grid-6 li:nth-of-type(7) {
  border-left: 1px solid #E1E3E8;
}

.container .condition-wrap .tab-area.default-tab .tabs.grid-6 li:nth-of-type(n+7) {
  border-top: 0;
}

.container .condition-wrap .tab-area.default-tab .tabs li {
  display: inline-block;
  float: left;
  background: transparent;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  border-left: 1px solid #E1E3E8;
}

.container .condition-wrap .tab-area.default-tab .tabs li:first-child {
  border-left: 0;
}

.container .condition-wrap .tab-area.default-tab .tabs li a {
  min-width: 10rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #909090;
  padding: 1rem 1.9rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .condition-wrap .tab-area.default-tab .tab-contents .inner-box {
  margin-top: 0;
}

.container .condition-wrap .tab-area.default-tab .tab-contents .inner-box .search-wrap {
  margin-top: 0;
}

.container .condition-wrap .tab-area .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  /* -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center; */
  align-items: center;
 /*  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
}

.container .condition-wrap .tab-area .tabs li {
  margin-left: 1.4rem;
  background: #F9F9F9;
  border-radius: 3rem;
}

.container .condition-wrap .tab-area .tabs li:first-child {
  margin-left: 0;
}

.container .condition-wrap .tab-area .tabs li a {
  display: block;
  padding: 2rem 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #676767;
  text-align: center !important;
}

.container .condition-wrap .tab-area .tabs li.active {
  background: #3986FC;
}

.container .condition-wrap .tab-area .tabs li.active a {
  color: #fff;
}

.container .condition-wrap .tab-area .tab-contents .table-wrap {
  margin-top: 4rem;
}

.container .step-wrap {
  margin-top: 6rem;
}

.container .step-wrap > ul > li {
  position: relative;
  padding-left: 24rem;
  padding-top: 6rem;
  margin-top: 6rem;
  border-top: 1px solid #E1E3E8;
}

.container .step-wrap > ul > li:first-child {
  border-top: 0;
  padding-top: 0;
}

.container .step-wrap > ul > li:first-child .step-level {
  top: 0;
}

.container .step-wrap .step-level {
  position: absolute;
  top: 6rem;
  left: 0;
}

.container .step-wrap .step-level strong {
  font-size: 2.4rem;
  font-weight: 800;
}

.container .step-wrap .step-title strong {
  font-size: 2.4rem;
  font-weight: 800;
}

.container .step-wrap .step-desc {
  margin-top: 1.3rem;
  font-size: 1.3rem;
  line-height: 2rem;
}

.container .step-wrap .step-list {
  margin-top: 3rem;
}

.container .step-wrap .step-list > li {
  margin-top: 1.2rem;
}

.container .step-wrap .step-list > li:first-child {
  margin-top: 0;
}

.container .step-wrap .step-list > li .list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 1.5rem;
  font-weight: bold;
}

.container .step-wrap .step-list > li .list-title span {
  width: 3rem;
  line-height: 3rem;
  text-align: center !important;
  background: #F5F6F6;
  border-radius: 100%;
  margin-right: 1.1rem;
}

.container .step-wrap .step-list > li .list-desc {
  color: #676767;
  font-size: 1.3rem;
  line-height: 2.1rem;
  padding: 0.6rem 0 0 4rem;
}

.container .step-wrap .step-list > li .list-desc em {
  padding-left: 0.5rem;
}

.container .step-wrap .step-list > li .list-desc strong {
  display: block;
  font-size: 1.6rem;
  color: #333;
  padding-top: 3rem;
}

.container .step-wrap .step-list > li .list-desc + .list-desc {
  padding-top: 1.6rem;
}

.container .step-wrap .step-list > li .list-desc .list-indent {
  padding-left: 3rem;
}

.container .step-wrap .dot-list {
  padding-left: 2rem;
  margin-top: 2rem;
}

.container .step-wrap .dot-list ul {
  margin-top: 0;
}

.container .step-wrap .dot-list ul li {
  font-size: 1.3rem;
  line-height: 2.5rem;
}

.container .step-wrap .info-box {
  margin-top: 3rem;
  background: #F9F9F9;
  border-radius: 1.2rem;
}

.container .step-wrap .info-box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .step-wrap .info-box ul li {
  position: relative;
  font-size: 1.3rem;
  line-height: 2.4rem;
  margin-left: 2rem;
  padding: 1.8rem 0 1.8rem 2rem;
}

.container .step-wrap .info-box ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}

.container .step-wrap .info-box ul li:first-child:after {
  content: none;
}

.container .step-wrap .info-box ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .step-wrap .info-box ul li strong {
  display: block;
}

.container .step-wrap .info-box ul li strong.info-fax, .container .step-wrap .info-box ul li strong.info-email, .container .step-wrap .info-box ul li strong.info-call {
  position: relative;
  padding-left: 2.8rem;
}

.container .step-wrap .info-box ul li strong.info-fax:before, .container .step-wrap .info-box ul li strong.info-email:before, .container .step-wrap .info-box ul li strong.info-call:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon/icon_infobox_01.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}

.container .step-wrap .info-box ul li strong.info-email:before {
  background-image: url(../images/icon/icon_infobox_02.png);
}

.container .step-wrap .info-box ul li strong.info-call:before {
  background-image: url(../images/icon/icon_infobox_03.png);
}

.container .step-wrap .download-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4rem;
  text-align: center !important;
}

.container .step-wrap .download-wrap .btn-download {
  position: relative;
  line-height: 2rem;
  font-size: 1.3rem;
  font-weight: bold;
  margin-left: 2rem;
  padding-right: 3rem;
  padding-bottom: 0.5rem;
  color: #3986FC;
  text-align: left !important;
}

.container .step-wrap .download-wrap .btn-download:first-child {
  margin-left: 0;
}

.container .step-wrap .download-wrap .btn-download:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon/icon_filedownload.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}

.container .step-wrap .download-wrap .btn-download:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: #3986FC;
}

.container .step-wrap .btn-wrap {
  margin-top: 3.2rem;
}

.container .dot-list .contents-subtitle {
  margin-top: 4rem;
  border-top: 1px solid #E1E3E8;
}

.container .dot-list ul {
  margin-top: 2.8rem;
}

.container .dot-list ul li {
  position: relative;
  font-size: 1.5rem;
  line-height: 2.9rem;
  padding-left: 0.7rem;
}

.container .dot-list ul li:before {
  content: '';
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background: #909090;
  border-radius: 100%;
}

.container .default-image {
  margin-top: 6rem;
}

.container .default-image img {
  width: 100%;
}

.container .contents-inner {
  min-height: 10rem;
  padding: 4rem 0;
  font-size: 1.5rem;
  line-height: 2.3rem;
  margin-top: 4rem;
  border: 1px solid #E1E3E8;
  border-left: 0;
  border-right: 0;
}

.container .attachment-area {
  margin-top: 2.5rem;
}

.container .attachment-area ul li {
  margin-top: 1rem;
}

.container .attachment-area ul li:first-child {
  margin-top: 0;
}

.container .attachment-area .btn-download {
  position: relative;
  display: inline-block;
  line-height: 2.4rem;
  padding-left: 2.8rem;
  color: #3986FC;
  text-decoration: underline;
}

.container .attachment-area .btn-download:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon/icon_download.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}

.container .accordion-wrap {
  margin-top: 4rem;
}

.container .accordion-wrap .tab-area .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .accordion-wrap .tab-area .tabs li {
  margin-left: 1.4rem;
  padding: 2rem 2rem;
  background: #F9F9F9;
  border-radius: 3rem;
}

.container .accordion-wrap .tab-area .tabs li:first-child {
  margin-left: 0;
}

.container .accordion-wrap .tab-area .tabs li a {
  display: block;
  font-size: 1.5rem;
  color: #676767;
  text-align: center !important;
}

.container .accordion-wrap .tab-area .tabs li.active {
  background: #3986FC;
}

.container .accordion-wrap .tab-area .tabs li.active a {
  color: #fff;
}

.container .accordion-wrap .tab-area .tab-contents .table-wrap {
  margin-top: 4rem;
}

.container .accordion-wrap .accordion-table tbody tr td {
  padding-right: 1rem;
  padding-left: 1rem;
}

.container .accordion-wrap .accordion-table tbody tr.active {
  background: rgba(57, 134, 252, 0.05);
}

.container .accordion-wrap .accordion-table tbody tr.active:hover td {
  background: transparent;
}

.container .accordion-wrap .accordion-table tbody tr.active td .accordion-button:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.container .accordion-wrap .accordion-table .accordion-button {
  position: relative;
  display: block;
  font-size: 1.3rem;
  padding-right: 2rem;
}

.container .accordion-wrap .accordion-table .accordion-button:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  background-image: url(../images/icon/icon_accordion.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.container .accordion-wrap .accordion-table .accordion-hidden {
  display: none;
  position: relative;
  font-weight: bold;
  line-height: 1.9rem;
  margin: 3.2rem 0 4.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.container .accordion-wrap .accordion-table .accordion-hidden:before {
  content: 'A';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #FF5A48;
}

.container .accordion-wrap .accordion-table .accordion-hidden .inner-table tr:hover td {
  background: #fff !important;
}

.container .accordion-wrap .accordion-table .accordion-hidden .inner-table tr td {
  padding-left: 2rem;
  padding-right: 2rem;
  background: #fff !important;
}

.container .open-popup ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.container .open-popup ul li {
  margin-left: 3rem;
}

.container .open-popup ul li:first-child {
  margin-left: 0;
}

.container .open-popup ul li a {
  position: relative;
  font-size: 1.5rem;
  line-height: 3rem;
  padding-right: 1.6rem;
}

.container .open-popup ul li a:hover {
  color: #3986FC;
}

.container .open-popup ul li a:hover strong {
  color: #333;
}

.container .open-popup ul li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../images/icon/icon_popup.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container .open-popup ul li a strong {
  display: inline-block;
  min-width: 3rem;
  vertical-align: top;
  font-size: 1.5rem;
  text-align: center !important;
  padding: 0 1rem;
  border-radius: 100%;
  background: #F5F6F6;
  margin-right: 0.7rem;
}

.container .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 6rem;
}

.container .search-wrap + .third-title {
  margin-top: 4rem;
}

.container .search-wrap.qna {
  padding: 0 5rem;
}

.container .search-wrap .search-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 90rem;
  height: 5rem;
  padding: 0 1.8rem;
  border-radius: 3rem;
  background-color: #F9F9F9;
}

.container .search-wrap .search-inner .select-area {
  position: relative;
  width: 14rem;
}

.container .search-wrap .search-inner .select-area:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0.1rem;
  height: 2rem;
  background-color: #CCCCCC;
}

.container .search-wrap .search-inner .field-area {
  width: calc(100% - 9.1rem);
  padding-left: 1.8rem;
}

.container .search-wrap .search-inner select {
  width: calc(100% - 1.8rem);
  height: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  border: 0;
  margin-right: 1.8rem;
  background-color: transparent;
  background-image: url(../images/icon/icon_select.png);
  background-repeat: no-repeat;
  background-size: 1.6rem auto;
  background-position: right center;
}

.container .search-wrap .search-inner input[type="text"] {
  border: 0;
  background-color: transparent;
  padding: 0 2.4rem 0 0;
  font-size: 1.5rem;
}

.quickmenu-wrap {
  position: absolute;
  top: 13.9rem;
  right: 0;
  background: #fff;
  border-radius: 2.4rem;
  -webkit-box-shadow: 0 36px 36px rgba(224, 231, 234, 0.4);
  box-shadow: 0 36px 36px rgba(224, 231, 234, 0.4);
  z-index: 2;
}

.quickmenu-wrap .quickmenu-inner {
  width: 22rem;
  padding: 1.6rem 1.6rem;
  border: 1px solid #F5F5F5;
  border-radius: 2.4rem;
  background: #fff;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li {
  margin-top: 1.8rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li:first-child {
  margin-top: 0;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a {
  position: relative;
  display: block;
  font-size: 1.3rem;
  color: #676767;
  line-height: 3.2rem;
  padding-left: 4.8rem;
  padding: 0.6rem 1.2rem 0.4rem 4.8rem;
  border-radius: 1.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/icon/icon_step_01.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-01:before {
  background-image: url(../images/icon/icon_step_01.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-02:before {
  background-image: url(../images/icon/icon_step_02.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-03:before {
  background-image: url(../images/icon/icon_step_03.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-04:before {
  background-image: url(../images/icon/icon_step_04.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-05:before {
  background-image: url(../images/icon/icon_step_05.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li a.step-06:before {
  background-image: url(../images/icon/icon_step_06.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a {
  color: #fff;
  background-color: #3986FC;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-01:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-02:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-03:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-04:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-05:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top li.active a.step-06:before {
  background-position: 0 -3.2rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-top + .quickmenu-bottom {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #E1E3E8;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li {
  margin-top: 1rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li:first-child {
  margin-top: 0;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li a {
  position: relative;
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 3.2rem;
  padding-left: 4.8rem;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/icon/icon_call.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li.call a:before {
  background-image: url(../images/icon/icon_call.png);
}

.quickmenu-wrap .quickmenu-inner .quickmenu-bottom li.fax a:before {
  background-image: url(../images/icon/icon_fax.png);
}

.container .condition-wrap .flot-chart-content .legend table {
  border: 0;
  margin: 0;
  width: auto;
  background: rgba(255, 255, 255, 0.8);
}

.container .condition-wrap .flot-chart-content .legend table tr td {
  padding: 0 0 0 1rem;
}

.container .condition-wrap form + .tab-area.default-tab {
  margin-top: 4rem;
}

.container .condition-wrap input[type="hidden"] + .third-title {
  margin-top: 4rem;
}

.third-title .flex-box{
	flex-wrap:wrap;
	gap:5px;
}

.container .third-title .flex-box .radio-item{margin-left:0;}

.third-title .flex-box .radio-item input[type="radio"] + label::before {margin-right:5px;}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMMainTable {
  border: 1px solid #E1E3E8;
}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMCountRowBottom {
  background-color: #F9F9F9;
  border-top: 1px solid #E1E3E8;
}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMCountRowBottom table tr:hover td {
  background-color: #F9F9F9;
}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMSpaceRow {
  border-bottom: 1px solid #E1E3E8;
}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMCell {
  border-color: #E1E3E8;
  background-color: #fff;
}

.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMHeadLeft,
.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMBodyLeft,
.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMFootLeft,
.container .condition-wrap .table-ibsheet .GridMain1 .GridMain2 .GMHScrollLeft {
  border-color: #E1E3E8;
}

.container .condition-wrap .table-ibsheet .GMCellHeader {
  background-color: #F9F9F9;
  padding: 1.4rem 0 1.5rem;
  border-right: 1px solid #E1E3E8;
  border-bottom: 1px solid #E1E3E8;
  color: #333;
  font-size: 1.3rem;
  font-weight: bold;
}

.container .condition-wrap .table-ibsheet .GMVScroll {
  background-color: #F9F9F9;
}

body.active {
  /* 모바일 메뉴 열릴 때 body 스크롤 막지 않음 - transform-scale 호환성 개선 */
  /* overflow: hidden; 제거 */
}

.sub .header .navigation-area .info-area {
  background: #fff;
}

.sub .container {
  min-height: calc(100vh - 12.2rem);
}

.sub.popup .container {
  padding: 0 0 1rem;
}

.sub.popup .container .section-inner {
  width: auto;
  margin: 0 0 5rem;
  padding: 0 6rem;
}

.sub.popup .container .section-inner .contents {
  /* min-width: 80rem; */
  width: auto;
  margin: 0 auto 0;
}

.sub.popup .container .section-inner .contents .contents-title {
  padding-top: 3rem;
}

.sub.popup .footer {
  padding: 3rem 2rem 2.3rem;
}

.sub.popup .footer .footer-inner {
  margin: 0 auto;
}

.main .container {
  background: #F9F9F9;
}

.main .container .section-inner {
  width: calc(100% - 8rem);
  margin: 2.4rem auto 0;
}

.main .footer {
  background: #F9F9F9;
}

.container {
  padding: 7.5rem 0 0 28rem;
}

/*230912수정*/
.container .section-inner {
  position: relative;
  width: 90%;
  margin: 2.4rem 0 5rem 12rem;
}

/*230912수정*/
.container .section-inner .contents {
  width: 83%;
}


/*231214수정*/
.sub .container .section-inner {
  position: relative;
  width: auto;
  /* width:90%; */
  padding-right: 26.4rem;
  margin: 2.4rem 4rem 5rem 4rem;
}

/*231214수정*/
.sub .container .section-inner .contents {
  width: 100%;
}


.is-mobile {
  display: none;
}

.table-wrap {
  position: relative;
  margin-top: 4rem;
}

.table-wrap.scroll {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-wrap.scroll table {
  min-width: 76.8rem;
}

.table-wrap .scroll-help {
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: moving 1s infinite ease-in-out;
  animation: moving 1s infinite ease-in-out;
}

.table-wrap .scroll-help figure img {
  width: 100%;
}

.table-wrap table thead tr th {
  padding-left: 1rem;
  padding-right: 1rem;
}

.table-wrap table tbody tr th,
.table-wrap table tbody tr td {
  padding-left: 1rem;
  padding-right: 1rem;
}

table.flex-table tbody tr:hover th,
table.flex-table tbody tr:hover td {
  background: transparent;
}

table.flex-table tbody tr th {
  border: 0;
  font-weight: bold;
}

table.flex-table tbody tr td {
  border: 0;
}

.address-group th {
  vertical-align: top;
}

.address-group th em {
  line-height: 3.2rem;
}

.no-data {
  font-size: 1.3rem;
  padding: 6rem 0;
  color: #909090;
  text-align: center !important;
}

table thead {
  border-top: 2px solid #333;
}

table thead tr th {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center !important;
  padding: 1.4rem 0 1.5rem;
  background-color: #F9F9F9;
  border-bottom: 1px solid #E1E3E8;
}

table tbody tr:hover th, table tbody tr:hover td {
  background: rgba(57, 134, 252, 0.05);
}

table tbody tr th,
table tbody tr td {
  font-size: 1.3rem;
  text-align: center !important;
  color: #333;
  padding: 1.6rem 0 1.4rem;
  border-bottom: 1px solid #E1E3E8;
}

table tbody tr th.ellipsis,
table tbody tr td.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

table.type-01 thead tr th {
  background: rgba(57, 134, 252, 0.01);
}

table.type-01 tbody tr:last-child td {
  border-bottom: 0;
}

table.none-hover tbody tr:hover th, table.none-hover tbody tr:hover td {
  background: transparent;
}

table .locked {
  position: relative;
  padding-left: 2.8rem;
}

table .locked:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/icon/icon_lock.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

table .btn-download {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: top;
  font-size: 0;
  background-image: url(../images/icon/icon_download.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}

table .new-alarm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

table .new-alarm:after {
  content: 'N';
  display: inline-block;
  width: 1.6rem;
  font-size: 1.1rem;
  line-height: 1.6rem;
  text-align: center !important;
  vertical-align: top;
  margin: 0 0 0 0.8rem;
  color: #fff;
  background: #FF5A48;
  border-radius: 0.4rem;
}

table .col-th {
  width: 150px;
}

table .col-division {
  width: 15.5%;
}

table .col-default {
  width: 15.5%;
}

table .col-small {
  width: 11%;
}

table .col-x-small {
  width: 9%;
}

table .col-num {
  width: 10.0%;
}

table .col-download {
  width: 7.4%;
}

table .col-writer {
  width: 11.1%;
}

table .col-date {
  width: 11.1%;
}

table .col-views {
  width: 11.1%;
}

.pagination {
  margin-top: 2rem;
  text-align: center !important;
}

.pagination ul {
  font-size: 0;
  line-height: 1;
}

.pagination ul li {
  display: inline-block;
  margin: 0 0.1rem;
  vertical-align: top;
}

.pagination ul li.on span {
  color: #333;
}

.pagination ul li.first a {
  font-size: 0;
}

.pagination ul li.first a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/icon_first.png);
}

.pagination ul li.prev {
  margin-right: 0.8rem;
}

.pagination ul li.prev a {
  font-size: 0;
}

.pagination ul li.prev a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/icon_next.png);
}

.pagination ul li.next {
  margin-left: 0.8rem;
}

.pagination ul li.next a {
  font-size: 0;
}

.pagination ul li.next a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/icon_next.png);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination ul li.last a {
  font-size: 0;
}

.pagination ul li.last a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/icon/icon_first.png);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination ul li a,
.pagination ul li span {
  position: relative;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.6rem;
  color: #909090;
}

.pagination ul li a:before,
.pagination ul li span:before {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}

.contents .condition-wrap {
  margin-top: 4rem;
}

.contents .condition-wrap .inner-box {
  padding: 0 2rem 3rem;
  border-radius: 3.2rem;
  margin-top: 4rem;
  -webkit-box-shadow: 0 36px 36px rgba(224, 231, 234, 0.4);
  box-shadow: 0 36px 36px rgba(224, 231, 234, 0.4);
}

.contents .condition-wrap .inner-box .search-wrap {
  margin-top: 4rem;
}

.contents .condition-wrap .inner-box table {
  border-top: 0;
  margin-top: 0;
}

.contents .condition-wrap .inner-box table tbody tr:hover th,
.contents .condition-wrap .inner-box table tbody tr:hover td {
  background: transparent;
}

.contents .condition-wrap .inner-box table tbody tr:first-child th,
.contents .condition-wrap .inner-box table tbody tr:first-child td {
  padding-top: 0.3rem;
}

.contents .condition-wrap .inner-box table tbody tr th {
  font-weight: bold;
  text-align: left !important;
  padding: 0.6rem 1rem 0.6rem 2rem;
  border-bottom: 0;
}

.contents .condition-wrap .inner-box table tbody tr td {
  padding: 0.6rem 2rem 0.6rem 1rem;
  border-bottom: 0;
}

.contents .condition-wrap .table-ibsheet table tbody tr:first-child td {
  padding: 0;
}

.contents .condition-wrap .table-ibsheet table tbody tr td {
  padding: 0;
}

.contents .condition-wrap .table-ibsheet table tbody tr td.GMAlignCenter {
  text-align: center !important;
}

.contents .condition-wrap .table-ibsheet table tbody tr td.GMAlignLeft {
  text-align: left !important;
}

.contents .condition-wrap .table-ibsheet table tbody tr td.GMAlignRight {
  text-align: right !important;
}

.contents .condition-wrap table {
  border-top: 2px solid #333;
  margin-top: 0.8rem;
}

.contents .condition-wrap table.border-line thead tr th {
  border-right: 1px solid #E1E3E8;
}

.contents .condition-wrap table.border-line thead tr th:nth-of-type(1) {
  border-left: 1px solid #E1E3E8;
}

.contents .condition-wrap table.border-line tbody tr:first-child th,
.contents .condition-wrap table.border-line tbody tr:first-child td {
  padding: 0.6rem 1rem;
}

.contents .condition-wrap table.border-line tbody tr th,
.contents .condition-wrap table.border-line tbody tr td {
  height: 4.2rem;
  border: 1px solid #E1E3E8;
}

.contents .condition-wrap table.border-line tbody tr th {
  background-color: #F5F9FF;
}

.contents .condition-wrap table.border-line tbody tr:hover th {
  background-color: #F5F9FF;
}

.contents .condition-wrap table tbody tr:hover th,
.contents .condition-wrap table tbody tr:hover td {
  background-color: transparent;
}

.contents .condition-wrap table tbody tr:first-child th,
.contents .condition-wrap table tbody tr:first-child td {
  padding-top: 2rem;
}

.contents .condition-wrap table tbody tr th {
  font-weight: bold;
  text-align: left !important;
  border-bottom: 0;
  padding: 0.6rem 1rem;
}

.contents .condition-wrap table tbody tr th .checkbox-item label {
  font-weight: bold;
}

.contents .condition-wrap table tbody tr td {
  text-align: left !important;
  border-bottom: 0;
  padding: 0.6rem 1rem;
}

.contents .condition-wrap table tbody tr th.align-center,
.contents .condition-wrap table tbody tr td.align-center {
  text-align: center !important;
}

.contents .condition-wrap table tbody tr th.align-right,
.contents .condition-wrap table tbody tr td.align-right {
  text-align: right !important;
}

.contents .condition-wrap table.top-line {
  border-top: 0;
  margin-top: 0;
}

.contents .condition-wrap table.top-line tbody tr th, .contents .condition-wrap table.top-line tbody tr td {
  padding-top: 0.6rem;
}

.contents .condition-wrap table.attchment-table {
  margin-top: 2.4rem;
  border-top: 0;
}

.contents .condition-wrap table.attchment-table tbody tr:first-child th,
.contents .condition-wrap table.attchment-table tbody tr:first-child td {
  padding: 1.2rem 1rem;
}

.contents .condition-wrap table.result-table {
  margin-top: 1.2rem;
}

.contents .condition-wrap table.result-table tbody tr th,
.contents .condition-wrap table.result-table tbody tr td {
  border-bottom: 1px solid #E1E3E8;
}

.contents .condition-wrap table.result-table ~ .third-title {
  margin-top: 4rem;
}

.contents .condition-wrap table + .third-title {
  margin-top: 3rem;
}

.contents .condition-wrap .btn-wrap {
  margin-top: 3rem;
}

.contents .condition-wrap .table-wrap {
  margin-top: 0;
}

.contents .condition-wrap .table-wrap + .third-title {
  margin-top: 4rem;
}

.contents .condition-wrap .table-wrap table tbody tr:hover th,
.contents .condition-wrap .table-wrap table tbody tr:hover td {
  background: rgba(57, 134, 252, 0.05);
}

.contents .condition-wrap .table-wrap table tbody tr:first-child td {
  padding-top: 1.6rem;
}

.contents .condition-wrap .table-wrap table tbody tr td {
  text-align: center !important;
  padding: 1.6rem 0.5rem 1.4rem;
  border-bottom: 1px solid #E1E3E8;
}

.contents .condition-wrap .table-wrap table tbody tr td.align-left {
  text-align: left !important;
}

.contents .condition-wrap .table-wrap table tbody tr td.align-right {
  text-align: right !important;
}


.form-contents {
  max-width: 700px;
}

@media (min-width: 280px) and (max-width: 1024px) {
  .table-wrap .scroll-help {
    visibility: visible;
  }

  .responsive table .hidden {
    display: none;
  }

  .responsive table .col-division {
    width: 30%;
  }

  .responsive table .col-th {
    width: 15%;
  }

  .responsive table .col-num,
  .responsive table .col-date,
  .responsive table .col-views {
    display: none;
  }

  .responsive table thead tr th {
    font-size: 1.3rem;
  }

  .responsive table tbody tr td {
    font-size: 1.3rem;
  }

  .responsive table.type-01 tbody tr td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.menu-icon {
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.menu-icon.icon00 {
  background-image: url(../images/icon/icon_00.png);
}

.menu-icon.icon01 {
  background-image: url(../images/icon/icon_01.png);
}

.menu-icon.icon02 {
  background-image: url(../images/icon/icon_02.png);
}

.menu-icon.icon03 {
  background-image: url(../images/icon/icon_03.png);
}

.menu-icon.icon11 {
  background-image: url(../images/icon/icon_11.png);
  background-size: 73% 73%;
}

.contents .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 6.5rem;
}

.contents .btn-wrap .btn {
  display: block;
  min-width: 12rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  border: 1px solid #333;
  background: #333;
  color: #fff;
  border-radius: 2.6rem;
  text-align: center !important;
  margin-left: 0.8rem;
}

.contents .btn-wrap .btn:first-child {
  margin-left: 0;
}

.contents .btn-wrap .btn.btn-green {
  background-color: #37AE60;
  border: 1px solid #37AE60;
}

.contents .btn-wrap .btn.btn-grey {
  background-color: #909090;
  border: 1px solid #909090;
}

.contents .btn-wrap .btn.btn-white {
  background-color: #fff;
  border: 1px solid #3986FC;
  color: #3986FC;
}

.contents .btn-wrap .btn.btn-primary {
  background-color: #3986FC;
  border: 1px solid #3986FC;
}

.contents .btn-wrap .btn.size-large {
  font-size: 1.8rem;
  line-height: 6.4rem;
  padding: 0 4rem;
  border-radius: 5rem;
}

.contents .btn-wrap .btn.size-medium {
  font-size: 1.4rem;
  line-height: 4rem;
  padding: 0 4rem;
  border-radius: 2rem;
}

.contents .btn-wrap .btn.btn-etc {
  background-color: #fff;
  border-color: #CCCCCC;
  color: #676767;
}

.contents .btn-wrap + .third-title {
  margin-top: 4rem;
}

.layer-popup {
  display: inline-block;
  font-size: 1.3rem;
  margin-top: 0.8rem;
  color: #3986FC;
}

.btn-confirm {
  min-width: 11.2rem;
  line-height: 3rem;
  height: 3.2rem;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center !important;
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 0.6rem;
  margin-left: 0.8rem;
}

.favorite-delete {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 0;
  background-image: url(../images/icon/icon_delete.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50%;
}

.btn-black {
  display: inline-block;
  /* width: 11.2rem; */
  min-width: 11rem;
  line-height: 3rem;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center !important;
  color: #fff;
  background: #333;
  border: 1px solid #333;
  border-radius: 0.6rem;

}

.btn-black + .btn-black {
  margin-left: 0.8rem;
}

.btn-link {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
  background-image: url(../images/icon/icon_link.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50%;
  z-index: 2;
}

.btn-link.white {
  background-image: url(../images/icon/icon_link_w.png);
}

.download-link {
  font-size: 1.5rem;
  text-decoration: underline;
}

.btn-download-wrap {
  margin-top: 2.2rem;
  text-align: right;
}

.btn-download-wrap + .condition-wrap {
  margin-top: 0;
}

.btn-download-wrap + .condition-wrap .inner-box {
  margin-top: 0.8rem;
}

.btn-excel {
  width: 12rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #37AE60;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  text-align: center !important;
  background-image: url(../images/icon/icon_excel_download.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
}

.btn-update {
  width: 14rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #37AE60;
  border-radius: 0.8rem;
  text-align: center !important;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
}

.btn-excel.upload {
  background-image: url(../images/icon/icon_excel_upload.png);
}

.tab-area .tabs li {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.tab-area .tab-contents > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-area .tab-contents > li.active {
  display: block;
}

.btn-post {
  width: 11.2rem !important;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  text-align: center !important;
  background: #333;
  border: 1px solid #333;
  margin-left: 0.8rem;
  border-radius: 0.6rem;
  white-space : nowrap; /* 버튼 내부 글씨 줄바꿈 없음  |250806 */
  /* 251014 가독성 개선 수정 */
  display: block;
  width: 100%;
}

.btn-today {
  width: 12rem;
  line-height: 30px;
  height:32px;
  display:inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  background: #fff;
  border: 1px solid #333;
  margin-left: 0.8rem;
  border-radius: 0.6rem;
  padding: 0 2.6rem 0 1.0rem;
  background-image: url(../images/icon/icon_today.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
}

.btn-today.width-108{width: 12rem !important;}

.btn-config {
  width: 8rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center !important;
  background: #fff;
  border: 1px solid #333;
  margin-left: 0.8rem;
  border-radius: 0.6rem;
}

.btn-transform a {
  display: block;
  width: 3rem;
  height: 3rem;
  font-size: 0;
  background-image: url(../images/icon/icon_transform.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}

.btn-transform .transform-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-search {
  position: absolute;
  top: 1.3rem;
  right: 1.8rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  background-image: url(../images/icon/icon_search.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
}

.btn-check {
  display: inline-block;
  min-width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #333;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  text-align: center !important;
}

.btn-check + .btn-check {
  margin-left: 0.8rem;
}

.btn-check.btn-primary {
  background-color: #3986FC;
  border: 1px solid #3986FC;
}

.btn-check:disabled {
  cursor: not-allowed;
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
}

.btn-regist {
  display: inline-block;
  min-width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
  background: #fff;
  border: 1px solid #333;
  padding: 0 1.2rem;
  border-radius: 0.6rem;
  text-align: center !important;
}

.btn-reset {
  width: 7.2rem;
  line-height: 3.2rem;
  margin-left: 0.8rem;
  font-size: 1.3rem;
  color: #fff;
  background: #1485CB;
  border-radius: 0.8rem;
  text-align: center !important;
}

.btn-default {
  display: inline-block;
  min-width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #1485CB;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  text-align: center !important;
}

.btn-add {
  display: inline-block;
  width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #909090;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  background-image: url(../images/icon/icon_plus_w.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  text-align: center !important;
}

.btn-print {
  display: inline-block;
  width: 7.2rem;
  /* height: 3rem; */
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
  background: #fff;
  border: 1px solid #909090;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  background-image: url(../images/icon/icon_print.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  text-align: center !important;
}

.btn-refresh {
  display: inline-block;
  width: 8.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #909090;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  background-image: url(../images/icon/icon_refresh.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  text-align: center !important;
}

.btn-modify {
  display: inline-block;
  width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #909090;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  background-image: url(../images/icon/icon_modify.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  text-align: center !important;
}

.btn-delete {
  display: inline-block;
  width: 7.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #909090;
  padding: 0 1.2rem 0 0.2rem;
  border-radius: 0.8rem;
  background-image: url(../images/icon/icon_del.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  text-align: center !important;
}

a.open-popup {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  vertical-align: top;
  background-image: url(../images/icon/icon_popup_02.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: center center;
}

.btn-popup {
  display: inline-block;
  width: 11.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #333;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  text-align: left !important;
  background-image: url(../images/icon/icon_winpop.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
}

.btn-bplcChangePop{
  display: inline-block;
  width: 12.5rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #1485CB;
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  text-align: left !important;
  background-image: url(../images/icon/icon_modify2.png);
  background-repeat: no-repeat;
  background-size: 2rem auto;
  background-position: right 0.4rem center;
  background-position-y: calc(50% - 0.1rem);

}



@media (min-width: 280px) and (max-width: 1024px) {
  .contents .btn-wrap {
    margin-top: 6rem;
  }

  .contents .btn-wrap .btn.size-large {
    font-size: 1.5rem;
    line-height: 5.2rem;
    padding: 0 3.5rem;
  }
}

[class*="btn"]:not(.btn-wrap) {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

[class*="btn"]:not(.btn-wrap):hover {
  opacity: 0.95;
}

.gate-wrap {
  position: relative;
}

.gate-wrap:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 1rem;
  background-color: #3986FC;
}

.gate-wrap:after {
  content: '';
  position: fixed;
  left: 50%;
  top: 0;
  width: 50%;
  height: 1rem;
  background-color: #37AE60;
}

.gate-wrap .gate-inner {
  width: 108rem;
  margin: 0 auto;
  text-align: center !important;
  padding-top: 16.7rem;
}

.gate-wrap .gate-inner .gate-title {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 4.2rem;
  padding-left: 22.4rem;
}

.gate-wrap .gate-inner .gate-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16.3rem;
  height: 4.2rem;
  background-image: url(../images/common/img_gate_01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.gate-wrap .gate-inner .gate-title:after {
  content: '';
  position: absolute;
  left: 19.3rem;
  top: 50%;
  width: 0.1rem;
  height: 2.2rem;
  background: #CCCCCC;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gate-wrap .gate-inner .gate-list {
  margin-top: 7.1rem;
}

.gate-wrap .gate-inner .gate-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gate-wrap .gate-inner .gate-list ul li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 52rem;
  background: #fff;
  border-radius: 7.2rem;
  -webkit-box-shadow: 0 1.6rem 1.6rem rgba(224, 231, 234, 0.4);
  box-shadow: 0 1.6rem 1.6rem rgba(224, 231, 234, 0.4);
}

.gate-wrap .gate-inner .gate-list ul li:before {
  content: '';
  position: absolute;
  top: 4rem;
  left: 4rem;
  width: 8.4rem;
  height: 8.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.gate-wrap .gate-inner .gate-list ul li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/thumb_gate_01.png);
  background-position: 73px 84px;
  background-repeat: no-repeat;
  background-size: 352px auto;
  z-index: 1;
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(1) {
  margin-right: 2rem;
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(1):before {
  background-image: url(../images/icon/icon_gate_01.png);
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(1) a {
  background-color: #3986FC;
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(2) {
  margin-left: 2rem;
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(2):before {
  background-image: url(../images/icon/icon_gate_02.png);
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(2):after {
  background-image: url(../images/common/thumb_gate_02.png);
  background-position: 104px 130px;
  background-size: 313px auto;
}

.gate-wrap .gate-inner .gate-list ul li:nth-of-type(2) a {
  background-color: #37AE60;
}

.gate-wrap .gate-inner .gate-list ul li a {
  position: absolute;
  left: 4rem;
  bottom: 4rem;
  width: calc(100% - 8rem);
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 6.4rem;
  color: #fff;
  border-radius: 3.2rem;
  text-align: left !important;
  padding: 0 6rem 0 4rem;
  z-index: 2;
}

.gate-wrap .gate-inner .gate-list ul li a:before {
  content: '';
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

.gate-wrap .gate-inner .gate-list ul li a:after {
  content: '';
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 5.4rem;
  height: 5.4rem;
  background-image: url(../images/icon/icon_gate_link.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  z-index: 1;
}

@media (min-width: 150px) and (max-width: 320px) {
  .header .navigation-area .info-area .util-wrap .recent-info .recent-time span:nth-of-type(2) {
    display: block;
    padding-left: 0;
    margin-left: 2.7rem;
  }

  .header .navigation-area .info-area .util-wrap .recent-info .recent-time span:nth-of-type(2):before {
    content: none;
  }

  .header .navigation-area .info-area .util-wrap .recent-info .recent-ip span {
    display: block;
    margin-left: 2.7rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dt {
    width: 100%;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-tel dl dd {
    width: 100%;
    margin-top: 1rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
	display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1599px) {
  .header .navigation-area .info-area {
    padding: 0 3rem 0 4rem;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li a:before {
    margin-right: 0;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a span {
    font-size: 1.3rem;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.logout-time em {
    display: none;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.logout-time span {
    font-size: 1.3rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info {
    width: 10rem;
    font-size: 1.2rem;
    padding-right: 5rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info:before {
    width: 2.4rem;
    height: 2.4rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info em,
  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
    display: none;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list {
    width: 100%;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item {
    width: calc(50% - 2rem);
    margin-left: 2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item:nth-of-type(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0;
    margin-right: 2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item:nth-of-type(2) {
    width: 42rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea {
    padding-right: 2.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-title strong {
    font-size: 1.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-desc {
    font-size: 1.3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea .info-tel dl dt {
    font-size: 1.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea p {
    font-size: 1.2rem;
  }

  .quickmenu-wrap {
    display: none;
  }

  .sub .container .section-inner {
    padding-right: 0;
  }


  .footer .footer-inner .footer-info ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (min-width: 1600px) and (max-width: 1749px) {
  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .info-textarea .info-title {
    font-size: 1.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li {
    font-size: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox .infobox-list ul li.agency-info .tab-area .tabs li a {
    padding: 0 0.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea .info-tel dl dt {
    font-size: 1.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea p {
    font-size: 1.2rem;
  }

  .footer .footer-inner {
    display: block;
  }

  .footer .footer-inner .footer-info {
    margin-top: 1.8rem;
  }

  .footer .footer-inner .footer-info ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (min-width: 280px) and (max-width: 1024px) {
  .is-pc {
    display: none;
  }

  .is-mobile {
    display: block;
  }

  .sub .header .navigation-area .info-area {
    background: transparent;
  }

  .sub .container {
    min-height: auto;
    padding: 6.4rem 0 0;
  }

  .sub .container .section-inner {
    margin: 2rem auto 5rem;
    padding: 0 2rem;
  }

  .sub.popup .container {
    padding: 0;
  }

  .sub.popup .container .section-inner {
    padding: 0 3rem;
    margin: 0;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.4rem;
    border-right: 0;
    min-height: auto;
    border-bottom: 1px solid #E1E3E8;
  }

  .header .logo-area {
    position: relative;
    width: 20.4rem;
    height: 100%;
    border: 0;
  }

  .header .logo-area .logo-wrap a {
    /* padding: 0 2rem; */
    padding: 0 2.6rem;
  }

  .header .mobile-gnb .btn-gnb {
    display: block;
  }

  .header .navigation-area {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #F9F9F9;
    -webkit-transition: 0.3s right;
    transition: 0.3s right;
  }

  .header .navigation-area.active {
    display: block;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .header .navigation-area.active .info-area .util-wrap .util-list ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header .navigation-area.active .info-area .util-wrap .util-list ul li.login {
    display: block;
  }

  .header .navigation-area.active .info-area .util-wrap .util-list ul li.link-view {
    height: 4rem;
    margin: 1.5rem 0 0 0;
    min-width: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .header .navigation-area.active .info-area .util-wrap .util-list ul li.link-view a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    font-size: 1.5rem;
  }

  .header .navigation-area .btn-close {
    display: block;
  }

  .header .navigation-area .info-area {
    position: static;
    width: 100%;
    height: auto;
    padding: 0 2rem 0 2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .header .navigation-area .info-area .util-wrap {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header .navigation-area .info-area .util-wrap.pt-50 {
    padding-top: 50px;
  }

  .header .navigation-area .info-area .util-wrap .util-list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 3;
    width: 100%;
    margin-top: 2.4rem;
    padding: 0;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 10rem;
    height: 8.8rem;
    margin-left: 1rem;
    background: #fff;
    border-radius: 0.7rem;
  }

  .header .navigation-area .info-area .menu-search-box {
    position: relative;
    top: 1.5rem;
    /*margin-right: 3rem;*/
    margin: 0;
    margin-left: 0;
    padding: 10px 20px;
    margin-bottom: 1rem;
    width: 100%;
    right: 0;
    order: 1;
  }

  .header .navigation-area .info-area .menu-search-box-before {
    position: relative;
    top: 1.5rem;
    /*margin-right: 3rem;*/
    margin-left: 2rem;
    /* padding: 10px 20px; */ /* 250718 nav 관련 수정 */
    padding: 10px 10px 10px 20px;
    margin-bottom: 1rem;
    width: 100%;
    right: 1rem;
    order: 1;
  }

  .header .navigation-area .info-area .menu-search-box .icon-search {
    background-image: url(../images/icon/icon_arrow_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 15px;
    width: 16px;
    height: 16px;
  }

  .header .navigation-area .info-area .menu-search-box-before .icon-search {
    background-image: url(../images/icon/icon_arrow_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    display: inline-block;
    margin-left: auto;
    position: absolute;
    right: 15px;
    width: 16px;
    height: 16px;
  }

  .header .navigation-area .info-area .menu-search-box .menu-search-text {
    border: none;
    background: none;
    outline: none;
    float: left;
    color: #95999c;
    font-size: 16px;
    line-height: 2.5rem;
    width: 100%;
    height: 2.5rem;
    padding: 0px 40px 10px 0px;
  }

  .header .navigation-area .info-area .menu-search-box-before .menu-search-text {
    border: none;
    background: none;
    outline: none;
    float: left;
    color: #95999c;
    font-size: 16px;
    line-height: 2.5rem;
    width: 100%;
    height: 2.5rem;
    padding: 0px 40px 10px 0px;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li > a {
    position: relative;
    display: block;
    height: 100%;
    color: #333;
    padding: 4.5rem 0 1rem;
    line-height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center !important;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li > a:before {
    position: absolute;
    left: 50%;
    top: 1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 1rem;
    padding-right: 0 !important;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager:first-child {
    background: #f9f9f9;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a {
    line-height: 2rem;
    color: #333;
    background: #fff;
    padding: 4.5rem 0 1rem;
    border-radius: 0.7rem;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a:before {
    content: '';
    background-image: url(../images/icon/icon_10.png);
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-manager a span {
    display: block;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.logout-time {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.logout-time em {
    display: none;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.logout-time span {
    display: block;
    color: #FF5A48;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-mypage {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.link-mypage a {
    padding-top: 5.5rem;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.login {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: none;
    width: 100%;
    height: auto;
    background: #fff;
    margin-left: 0;
    z-index: 11;
    border-radius: 0;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.login a {
    display: block;
    line-height: 4.6rem;
    padding: 0;
    text-align: center !important;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.login a:before {
    content: none;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox {
    position: relative;
    padding-left: 0;
    margin-top: 1.2rem;
    margin-left: 0;
    pointer-events: none;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox:before {
    content: none;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info {
    width: auto;
    min-width: 13.5rem;
    padding-left: 6rem;
    font-size: 1.1rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info:before {
    left: 0;
    right: auto;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info:after {
    display: none;
    bottom: 0;
    top: auto;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info em {
    display: inline-block;
    line-height: 2rem;
    text-align: center !important;
    color: #fff;
    background-color: #FF5A48;
    border-radius: 1.3rem;
    padding: 0 1rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .dropdown-info strong {
    padding-top: 0.6rem;
    font-size: 1.6rem;
  }

  .header .navigation-area .info-area .util-wrap .user-infobox .infobox {
    position: fixed;
    top: 7rem;
    left: 50%;
    right: auto;
    width: calc(100% - 4rem);
    max-width: 64rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .header .navigation-area .list-area {
    height: auto;
    min-height: auto;
    margin-top: 3rem;
    padding: 0 2rem 6rem;
  }

  .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a {
    font-weight: bold;
  }

  .header .navigation-area .list-area .favorite-wrap .favorite-delete {
    right: 0.8rem;
  }

  .header .navigation-area .list-area .favorite-wrap + .navigation-wrap {
    padding-top: 0;
    margin-top: 0;
    border: 0;
  }

  .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li:after,
  .header .navigation-area .list-area .navigation-wrap .first-depth > ul > li:after {
    content: none;
  }

  .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a,
  .header .navigation-area .list-area .navigation-wrap .first-depth > ul > li > a {
    font-size: 1.5rem;
    line-height: 6.4rem;
    padding: 0;
  }

  .header .navigation-area .list-area .favorite-wrap .second-depth > ul > li > a,
  .header .navigation-area .list-area .navigation-wrap .second-depth > ul > li > a {
    padding-left: 1rem;
  }

  .header .navigation-area .list-area .favorite-wrap .third-depth > ul > li,
  .header .navigation-area .list-area .navigation-wrap .third-depth > ul > li {
    padding-left: 2rem;
  }

  .header .navigation-area .list-area .favorite-wrap .menu-icon,
  .header .navigation-area .list-area .navigation-wrap .menu-icon {
    right: 0;
  }

  .main .container {
    padding: 6.4rem 0 0;
  }

  .main .container .section-inner {
    width: 100%;
    margin: 0 auto;
    padding: 2rem 2rem 3rem;
  }

  .main .container .section-inner .main-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .main .container .section-inner .main-wrap .flex-item {
    width: 100%;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
    width: 100%;
    display: none;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container {
    height: calc(100vh - 140px);
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    background-size: 100% 100%;
    padding-top: 100%;
    background-position: center top;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-emoticon {
    font-size: 1.2rem;
    line-height: 2.1rem;
    padding: 0 1.6rem 0 2.3rem;
    margin: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-emoticon:before {
    width: 2.4rem;
    height: 2.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-title {
    font-size: 2rem;
    margin-top: 2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea .swiper-title strong {
    font-size: 4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-pagination-bullets {
    bottom: 2rem;
    height: 1.2rem;
    padding: 0 0.9rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list {
    width: 100%;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item {
    width: 100%;
    margin: 3rem 0 0;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box {
    margin-top: 3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area {
    height: auto;
    padding: 2rem 3rem 2.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li:before {
    height: 1.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tabs li a {
    font-size: 1.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li {
    padding-top: 2.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .info-date {
    font-size: 1.1rem;
    padding-top: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.notice-area .tabs-area .tab-contents li .board-list {
    height: auto;
    padding-top: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area {
    max-height: none;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide {
    padding: 2rem 3rem 2.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea > div {
    font-size: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea p {
    font-size: 1.3rem;
    line-height: 2.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea p strong {
    font-size: 2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide .swiper-textarea span {
    padding-top: 1.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-wrapper .swiper-slide .btn-event {
    font-size: 1.3rem;
    line-height: 2.4rem;
    padding: 0 1.2rem;
    margin-top: 0.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.event-area .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 1.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li {
    padding: 2rem 0 1.9rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.2rem;
    flex: 0 0 7.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea {
    padding: 0 3rem 0 1.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-title strong {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.join-step ul li a .info-textarea .info-desc {
    font-size: 1.3rem;
    line-height: 1.6rem;
    padding-top: 1.3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area {
    padding: 0;
    background: transparent;
    min-height: auto;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .infobox {
    display: none;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box.active.event-wrap .event-area {
    margin-top: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box {
    padding-top: 3.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .info-textarea .info-title {
    font-size: 1.5rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li {
    background-size: 2.2rem auto;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box .flex-list ul li a {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 4.5rem 0 0.3rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box.top {
    margin-top: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .info-box.bottom .info-textarea p {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site {
    margin-top: 3.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site button {
    height: 3.4rem;
    font-size: 1.2rem;
    padding: 0 1.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul {
    bottom: 3.4rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul li {
    padding: 0 1.6rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .family-site ul li a {
    font-size: 1.2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .btn-link {
    top: 2rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
  }

  .footer {
    padding: 4rem 2rem;
    background: #fff;
    border-top: 1px solid #E3E5E9;
  }

  .footer .footer-inner {
    display: block;
    margin: 0;
  }

  .footer .footer-inner .footer-address {
    display: block;
    height: auto;
    background-position: left top;
  }

  .footer .footer-inner .footer-address ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer .footer-inner .footer-address ul li {
    line-height: 1;
    margin-left: 1rem;
  }

  .footer .footer-inner .footer-address ul li.address {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    height: auto;
    line-height: 1.4rem;
    font-size: 1.1rem;
    padding: 1.2rem 0 0 0;
    margin: 0;
  }

  .footer .footer-inner .footer-address ul li.address:before {
    content: none;
  }

  .footer .footer-inner .footer-info {
    display: block;
    margin-top: 2.8rem;
  }

  .footer .footer-inner .footer-info ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer .footer-inner .footer-info ul li a {
    font-size: 1.2rem;
  }

  .footer .footer-inner .footer-info .copyright {
    font-size: 1.2rem;
    margin: 1.2rem 0 0 0;
    padding-left: 0;
  }

  .footer .footer-inner .footer-info .copyright:before {
    content: none;
  }

  .etc-link {
    display: none;
  }

  .quickmenu-wrap {
    display: none;
  }

  .responsive .container {
    padding: 6.4rem 0 0;
  }

  .responsive .container .section-inner {
    width: 100%;
    margin: 2rem auto 5rem;
    padding: 0 2rem;
  }

  .responsive .container .section-inner .contents {
    width: 100%;
  }

  .responsive .container .section-inner .location-wrap {
    display: none;
  }

  .responsive .container .section-inner .contents-title {
    font-size: 2.6rem;
    line-height: 2.9rem;
    padding: 1rem 0 2rem;
  }

  .responsive .container .section-inner .contents-title:before, .responsive .container .section-inner .contents-title:after {
    height: 0.3rem;
  }

  .responsive .container .section-inner .contents-title .btn-favorites {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 0.8rem;
  }

  .responsive .container .section-inner .contents-title .btn-favorites.active {
    background-position: 0 -2.4rem;
  }

  .responsive .container .section-inner .contents-subtitle {
    font-size: 1.8rem;
    padding-top: 3rem;
  }

  .responsive .container .section-inner .contents-subtitle h3.flex {
    display: block;
  }

  .responsive .container .section-inner .contents-subtitle .date-writer {
    padding-top: 1rem;
  }

  .responsive .container .section-inner .contents-subtitle .date-writer dl dt {
    font-size: 1.3rem;
  }

  .responsive .container .section-inner .contents-subtitle .date-writer dl dd {
    font-size: 1.3rem;
  }

  .responsive .container .section-inner .contents-subtitle p {
    font-size: 1.3rem;
    padding-top: 1.4rem;
  }

  .responsive .container .section-inner .contents-subtitle .contact-info {
    margin-top: 2rem;
  }

  .responsive .container .section-inner .contents-subtitle .contact-info dl dt strong {
    font-size: 1.3rem;
  }

  .responsive .container .section-inner .contents-subtitle .contact-info dl dd strong {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .responsive .container .section-inner .contents-subtitle .contact-info dl dd strong span {
    display: block;
  }

  .responsive .container .contents-inner {
    font-size: 1.3rem;
    padding: 3rem 0;
    margin-top: 3rem;
  }

  .responsive .container .edit-wrap ul {
    display: block;
  }

  .responsive .container .edit-wrap ul li {
    margin-top: 2rem;
  }

  .responsive .container .edit-wrap ul li:first-child {
    margin-top: 0;
  }

  .responsive .container .edit-wrap ul li .edit-tab {
    width: 100%;
  }

  .responsive .container .movie-play {
    margin-top: 3rem;
  }

  .responsive .container .movie-upload {
    margin-top: 3rem;
    padding-top: 3rem;
  }

  .responsive .container .movie-upload ul li {
    display: block;
  }

  .responsive .container .step-wrap {
    margin-top: 4rem;
  }

  .responsive .container .step-wrap > ul > li {
    margin-top: 6rem;
    padding-top: 7rem;
    padding-left: 0;
    border-top: 0;
  }

  .responsive .container .step-wrap > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background: #F9F9F9;
  }

  .responsive .container .step-wrap > ul > li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }

  .responsive .container .step-wrap > ul > li:first-child:before {
    content: none;
  }

  .responsive .container .step-wrap .step-level {
    position: static;
  }

  .responsive .container .step-wrap .step-level strong {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .responsive .container .step-wrap .step-title {
    margin-top: 1.2rem;
  }

  .responsive .container .step-wrap .step-title strong {
    font-size: 1.8rem;
  }

  .responsive .container .step-wrap .step-list {
    margin-top: 2.7rem;
  }

  .responsive .container .step-wrap .step-list > li .list-title {
    font-size: 1.3rem;
  }

  .responsive .container .step-wrap .step-list > li .list-desc {
    font-size: 1.2rem;
    line-height: 1.9rem;
  }

  .responsive .container .step-wrap .step-list > li .list-desc em {
    display: block;
  }

  .responsive .container .step-wrap .step-list > li .list-desc strong {
    font-size: 1.4rem;
  }

  .responsive .container .step-wrap .step-list > li .list-desc .list-indent {
    padding-left: 2rem;
  }

  .responsive .container .step-wrap .dot-list {
    padding-left: 0;
    margin-top: 1.6rem;
  }

  .responsive .container .step-wrap .dot-list ul {
    margin-top: 0;
  }

  .responsive .container .step-wrap .dot-list ul li {
    margin-top: 0;
  }

  .responsive .container .step-wrap .table-wrap {
    margin-top: 2.6rem;
  }

  .responsive .container .step-wrap .download-wrap .btn-download {
    font-size: 1.2rem;
  }

  .responsive .container .step-wrap .btn-wrap {
    margin-top: 3rem;
  }

  .responsive .container .step-wrap .info-box {
    border-radius: 0.8rem;
  }

  .responsive .container .step-wrap .info-box ul {
    display: block;
    padding: 1.2rem 1.2rem;
  }

  .responsive .container .step-wrap .info-box ul li {
    text-align: center;
    margin-left: 0;
    margin-top: 1.2rem;
    padding: 0;
    font-size: 1.2rem;
  }

  .responsive .container .step-wrap .info-box ul li:first-child {
    margin-top: 0;
  }

  .responsive .container .step-wrap .info-box ul li strong {
    display: inline-block;
  }

  .responsive .container .step-wrap .info-box ul li:after {
    content: none;
  }

  .responsive .container .dot-list ul {
    margin-top: 2rem;
  }

  .responsive .container .dot-list ul li {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-top: 1rem;
  }

  .responsive .container .dot-list ul li:before {
    top: 0.6rem;
  }

  .responsive .container .default-image {
    margin-top: 4rem;
  }

  .responsive .container .attachment-area {
    margin-top: 2rem;
  }

  .responsive .container .search-wrap {
    margin-top: 3rem;
  }

  .responsive .container .search-wrap .search-inner {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    background: transparent;
  }

  .responsive .container .search-wrap .search-inner .select-area {
    width: 100%;
    height: 4.5rem;
    background: #F9F9F9;
    border-radius: 3rem;
    padding: 0 2rem;
  }

  .responsive .container .search-wrap .search-inner .select-area:before {
    content: none;
  }

  .responsive .container .search-wrap .search-inner .select-area select {
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.3rem;
  }

  .responsive .container .search-wrap .search-inner .field-area {
    position: relative;
    width: 100%;
    height: 4.5rem;
    background: #F9F9F9;
    margin-top: 1rem;
    border-radius: 3rem;
    padding: 0 2rem;
  }

  .responsive .container .search-wrap .search-inner .field-area input[type="text"],
  .responsive .container .search-wrap .search-inner .field-area input[type="password"],
  .responsive .container .search-wrap .search-inner .field-area input[type="number"],
  .responsive .container .search-wrap .search-inner .field-area input[type="email"] {
    height: 4.5rem;
    font-size: 1.3rem;
  }

  .responsive .container .search-wrap .search-inner .field-area .btn-search {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .responsive .container .accordion-wrap {
    margin-top: 3rem;
  }

  .responsive .container .accordion-wrap .tab-area .tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -1rem;
  }

  .responsive .container .accordion-wrap .tab-area .tabs li {
    padding: 1rem 1rem;
    margin: 0.5rem 0 0.5rem 1rem;
  }

  .responsive .container .accordion-wrap .tab-area .tabs li a {
    font-size: 1.2rem;
  }

  .responsive .container .table-wrap {
    margin-top: 3rem;
  }

  .responsive .container .open-popup {
    margin-top: 3rem;
  }

  .responsive .container .open-popup ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .responsive .container .open-popup ul li {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
  }

  .responsive .container .open-popup ul li:first-child {
    margin-top: 0;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box:before {
    display: none;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .etc-link {
    margin-bottom: 2rem;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-pw input[type="password"],
  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.infomation-area .login-box .join-wrap .input-id input[type="text"] {
    background-color: transparent;
    height: 4rem;
  }
}

@media (min-width: 758px) and (max-width: 1024px) {
  .header .logo-area {
    position: relative;
  }

  .header .navigation-area .list-area .favorite-wrap .first-depth > ul > li > a, .header .navigation-area .list-area .navigation-wrap .first-depth > ul > li > a {
    color: #000;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container {
	height: 100%;
    background-size: 100% 100%;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
	display: none;
  }

}

@media (min-width: 280px) and (max-width: 757px) {
  .sub.popup .container .section-inner {
    padding: 0;
  }

  .sub.popup .container .section-inner .contents {
    min-width: auto;
  }

  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box .event-area .swiper-container .swiper-wrapper .swiper-slide {
    background-size: cover;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li > a {
    font-size: 1.2rem;
  }

  .header .navigation-area .info-area .util-wrap .util-list ul li.login a {
    font-size: 1.4rem;
  }

  .header .navigation-area .list-area .favorite-wrap .second-depth > ul > li > a, .header .navigation-area .list-area .navigation-wrap .second-depth > ul > li > a {
    padding-left: 0;
    font-size: 1.3rem;
  }

  .header .navigation-area .list-area .favorite-wrap .third-depth > ul > li, .header .navigation-area .list-area .navigation-wrap .third-depth > ul > li {
    padding-left: 1rem;
  }

  .main .container .section-inner .main-wrap .flex-item.visual .swiper-container {
    height: 60vh;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
	display: none;
  }

}

@media screen and (max-width: 640px) {
  .margin-sm-0 {
    margin: 0 !important;
  }

  .container table colgroup .col-d-none {
    display: none;
  }

  .container table colgroup .col-width-120 {
    width: auto;
  }

  .container .file-wrap .file-name .max-width-34rem {
    max-width: 34rem;
    width: 100%;
  }

  .container .btn-black.spec {
    width: 11.2rem;
  }

  .container .login-wrap .condition-wrap {
    width: 100%;
  }

  .contents .condition-wrap table tbody .table-tr-grid {
    display: grid;
  }

  .contents .condition-wrap table tbody .table-width-100 {
    width: 100% !important;
  }

  .contents .condition-wrap table tbody .table-flex-wrap {
    flex-wrap: wrap;
  }

 .contents .condition-wrap table tbody .table-flex-wrap .file-wrap {
    width: 40%;
  }

  .container .block-comment {
    padding-left: 0;
  }

  .container .login-wrap .login-form .btn-login {
    width: 100%;
    line-height: 4.5rem;
    margin-top: 2rem;
    margin-left: 0;
  }

  .container .login-wrap .login-form .login-flex {
    flex-wrap: wrap;
    justify-content: center;
  }

  .container .login-wrap .login-find {
    margin-top: 2.5rem;
  }

  .container .login-wrap .login-find ul {
    flex-wrap: wrap;
  }

  .container .login-wrap .login-find ul li {
    margin-left: 1rem;
  }

  .container .login-wrap .login-find ul li .dot {
    font-size: 1.2rem;
  }

  .contents .condition-wrap table tbody .tb-grid {
    display: grid;
    grid-column-gap: 0.8rem;
    grid-row-gap: 0.8rem;
  }

  .contents .condition-wrap table tbody .table-third-grid {
    grid-template-columns: repeat(3, 30%);
  }

  .contents .condition-wrap table tbody .table-second-grid {
    grid-template-columns: repeat(2, 46%);
  }

  /* .container .flex-box input, .container .flex-box select {
    margin-left: 0;
  } */

  .contents .condition-wrap table tbody .table-third-grid .btn-check,
  .contents .condition-wrap table tbody .table-third-grid .btn-confirm,
  .contents .condition-wrap table tbody .table-second-grid .btn-check {
    margin-left: 0;
    grid-column: 1 / -1; /* 마지막 박스를 두 번째 로우에 가로로 100% 차지 */
  }

.flex-box.modifyRequest{display:block;}
.flex-box.modifyRequest select{width:100% !important; margin-bottom:4px;}
.flex-box.modifyRequest input, .flex-box.modifyRequest select{margin-left:0;}


}

.icon2 {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: top;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.icon2.open {
  background: url(../images/icon/spr_img1.png) no-repeat;
}

.icon2.close {
  background: url(../images/icon/spr_img2.png) no-repeat;
}

.container .condition-wrap .sitemap .flex-item .grid-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(30% - 2rem);
  flex: 0 0 calc(30% - 2rem);
  border-radius: 2.2rem;
  background-color: rgba(239, 239, 239, 0.25);
  padding-left: 5px;
}

.container .condition-wrap .sitemap .flex-item .grid-item:first-child {
  margin-left: 2rem;
}

.container .condition-wrap .sitemap .flex-item .grid-item:last-child {
  margin-right: 2rem;
}

.container .condition-wrap .sitemap .flex-item .grid-item .level-01 {
  font-size: 20px;
  padding-top: 15px;
  margin-bottom: 20px;
}

.container .condition-wrap .sitemap .flex-item .grid-item .level-02 {
  cursor: pointer;
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 2rem;
}

.container .condition-wrap .sitemap .flex-item .grid-item .level-02:last-child {
  border-bottom: 0;
}

.container .condition-wrap .sitemap .flex-item .grid-item .level-03 {
  cursor: pointer;
  font-size: 14px;
  padding-bottom: 5px;
  color: #95999c;
  padding-left: 3rem;
}

.container .condition-wrap .sitemap .flex-item .grid-item .level-03:first-child {
  padding-top: 5px;
}

@media (min-width: 280px) and (max-width: 757px) {
  .container .condition-wrap .sitemap .flex-item .grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(30% - 2rem);
    flex: 0 0 calc(30%);
    border-radius: 2rem;
    background-color: rgba(239, 239, 239, 0.25);
  }

  .container .condition-wrap .sitemap .flex-item .grid-item:first-child {
    margin-left: 0;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item:last-child {
    margin-right: 0;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item .level-01 {
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 20px;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item .level-02 {
    cursor: pointer;
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 3px;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item .level-02:last-child {
    border-bottom: 0;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item .level-03 {
    cursor: pointer;
    font-size: 10px;
    padding-bottom: 5px;
    color: #95999c;
    padding-left: 5px;
  }

  .container .condition-wrap .sitemap .flex-item .grid-item .level-03:first-child {
    padding-top: 3px;
  }

  .main .container .section-inner .main-wrap .flex-item.visual {
	display: none;
  }
}


@media screen and (max-width:992px) {
	.mulbaro-search-result{
		-moz-flex-direction: column !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap:5px;
	}

	.container .mulbaro-search-result .table-btn{margin-left:auto;}
}


@media screen and (max-width:640px) {

	.layerPopupDefault{width:95%;}

}


@media screen and (max-width:425px) {

	.container .noticebox-wrap .noticebox-inner .btn-popup{position:relative; top:0; right:auto; margin-bottom:20px;}
	.width-166, .width-340{width:100% !important;}
	.container .flex-box .search-box{flex:1;}

}


@media screen and (max-width:375px) {

	.flex-box.modifyRequest input{width:100% !important;}

}


/* 7/24 [운행현황/인계서 비교] 수정 */

.wrap.sub.popup .flex-wrap {
  flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {

  .wrap.sub.popup .flex-item {
    width: 100%;
    display: block;
    padding: 0;
  }
  .wrap.sub.popup .list-item {
    margin: 0 !important;
    box-sizing: border-box;
    padding: 0 1rem;
  }

  /* 헤더 타이틀 밀림 방지 */
  .wrap.sub.popup .location-wrap{
  	display : none !important;;
  }

 .container .contents-title .flex-item
 {
 	width : auto !important;
	display: flex !important;
 }

}


/* 7/29 오류인계서 발생 현황 페이지 클래스 추가 */

.scroll-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor : pointer;
}

/* 테이블 최소 너비 */
.scroll-table table {
  min-width: 800px;
  width: 100%;
  border-collapse: collapse;
}

/* 레이아웃 깨짐 X */
.scroll-table th,
.scroll-table td {
  white-space: nowrap;
}


/*
* 7/31 공휴일 관리
*/

/* 공통 */
.scroll-table-holiday {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor : pointer;
}

/* 기본 */
.scroll-table-holiday table {
  min-width: 800px;
  width: 100%;
  border-collapse: collapse;
}

/* 열 내용 줄바꿈 방지 */
.scroll-table-holiday th,
.scroll-table-holiday td {
  white-space: nowrap;
}

/* 모바일 전용 */
@media screen and (max-width: 768px) {
  .scroll-table-holiday table {
    min-width: 550px;
  }

  .scroll-table-holiday col:nth-child(1) { width: 10% !important; }
  .scroll-table-holiday col:nth-child(2) { width: 30% !important; }
  .scroll-table-holiday col:nth-child(3) { width: 40% !important; } /* 공휴일명 */
  .scroll-table-holiday col:nth-child(4) { width: 20% !important; }


  .scroll-table-holiday .flex-box {
    flex-wrap: wrap;
    gap: 4px;
  }
}

/*
* 업종코드관리 스크롤 추가
 */

.scroll-table-induty {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor : pointer;
}

/* 테이블 최소 너비 */
.scroll-table-induty table {
  min-width: 600px;
  width: 100%;
  border-collapse: collapse;
}

/* 레이아웃 깨짐 X */
.scroll-table-induty th,
.scroll-table-induty td {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .scroll-table-induty table {
    min-width: 600px;
  }


  .scroll-table-induty .flex-box {
    flex-wrap: wrap;
    gap: 4px;
  }
}



/* 운영현황 보고서 결과 표 세로정렬 */

/* 기본: 가로 정렬 */
.list-item.division {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 2rem;
  padding-right: 2rem; /* 오른쪽 바깥 여백 강제 */

}

.list-item.division .list-unit {
  flex: 1 1 auto;
  min-width: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .list-item.division {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .list-item.division .list-unit {
    width: 100% !important;
    flex: none !important;
  }
}



/* 운영통계 대시보드 표 수정 */
.scroll-table-wide {
  width: 100%;
  overflow-x: auto;
  cursor : pointer;
  -webkit-overflow-scrolling: touch;
}

.scroll-table-wide table {
  min-width: 2600px;
  border-collapse: collapse;
}

.scroll-table-wide th,
.scroll-table-wide td {
  white-space: nowrap;
  text-align: center;
  padding: 8px;
}

.scroll-table-wide th.sticky-left,
.scroll-table-wide td.sticky-left {
  position: sticky !important;
  left: 0 !important;
  z-index: 10 !important;
  background-color: #f9f9f9 !important;
  text-align: center;
  vertical-align: middle;
}


.chart-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #ddd;
  margin-bottom  :2rem;
}

/* 차트 영역에 넓이 부여 */
.chart-wrap #chartDiv {
  min-width: 1200px;
  height: 400px;
}

.chart-wrap #chart2 {
 width: 1200px;
 /*  height: 280px; */
}

/*
* 250804 버튼 모바일 너비 수정
*/
@media screen and (max-width: 768px) {

	.contents .btn-wrap .btn {

	min-width: 9.5rem;
	}
}


.scroll-table-mpop {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor : pointer;
}

/* 테이블 최소 너비 */
.scroll-table-mpop table {
  min-width: 1000px;
  width: 100%;
  border-collapse: collapse;
}

/* 레이아웃 깨짐 X */
.scroll-table-mpop th,
.scroll-table-mpop td {
  white-space: nowrap;
}

/*
* 배출인계서 작성/수정/조회 수정
*/

.address-group dt {
  vertical-align: top;
}



@media screen and (max-width: 374px) {

	.btn-post {
	display: block;
	width:100% !important;
    margin-left: 0;
    border-radius: 0.6rem;
    /* padding: 0.5rem; */
    margin-top: 0.3rem;
	}
}


@media screen and (max-width: 640px) {
  /* 가로 → 세로, 좌측 정렬 대신 꽉 차게 */
  .container .result-wrap .etc-link-long,
  .container .result-wrap .etc-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column !important;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch !important;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start !important;
  }

  /* 링크를 블록 + 100% 폭으로 */
  .container .result-wrap .etc-link-long > a,
  .container .result-wrap .etc-link > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin-left: 0 !important;
    margin-top: 8px !important; /* 항목 간 간격 */
  }
  .container .result-wrap .etc-link-long > a:first-child,
  .container .result-wrap .etc-link > a:first-child {
    margin-top: 0 !important;
  }
}


/* SFR-004 수정 */






/* ============================================================
 * SFR-006 메인화면 사용자 맞춤형 즐겨찾기 (2026-09-21)
 *  - main.jsp #mainFavorite(카드) / #favMenuPopup(레이어 팝업)
 * ============================================================ */
/* 위치 : 메인 비주얼 아래(좌측 칼럼). 카드 모양은 우측 .list-box 와 동일 */
/* 가로폭 = 바로 위 비주얼 이미지(intro.png 641x794) 실폭. 슬라이드 높이 79.4rem 에 맞춰 그려지므로 641px = 64.1rem, 가운데 정렬 */
/* 칼럼이 이미지보다 좁으면 이미지도 칼럼폭으로 잘리므로 max-width:100% 로 함께 맞춤 */
.main .container .section-inner .main-wrap .flex-item.visual .favorite-area {
  width: 64.1rem;
  max-width: 100%;
  margin: 4rem auto 0;
  padding: 3rem 4rem 4rem;
  background: #fff;
  border-radius: 3.2rem;
}

/* 비주얼 칼럼이 숨겨지는 1599px 이하 : 비주얼 이미지만 숨기고 즐겨찾기는 카드 목록 아래 전체폭으로 표시 */
@media (max-width: 1599px) {
  .main .container .section-inner .main-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .main .container .section-inner .main-wrap .flex-item.visual.has-favorite {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .main .container .section-inner .main-wrap .flex-item.visual.has-favorite .swiper-container {
    display: none;
  }

  /* 이미지가 없는 구간 : 카드 목록과 같은 전체폭 */
  .main .container .section-inner .main-wrap .flex-item.visual .favorite-area {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .main .container .section-inner .main-wrap .flex-item.visual .favorite-area {
    margin-top: 3rem;
    padding: 2rem 3rem 2.5rem;
  }
}

.favorite-area .favorite-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.favorite-area .favorite-head h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
}

.favorite-area .favorite-btns {
  display: flex;
  gap: 0.6rem;
}

.favorite-area .btn-fav-line {
  min-width: 5.6rem;
  height: 3rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #3986FC;
  background-color: #fff;
  border: 1px solid #3986FC;
  border-radius: 0.6rem;
}

.favorite-area .btn-fav-line.gray {
  color: #676767;
  border-color: #CCCCCC;
}

/* 버튼 노출 : 기본 [편집] / 편집모드 [취소][저장] */
.favorite-area #btnFavCancel,
.favorite-area #btnFavSave,
.favorite-area.is-edit #btnFavEdit {
  display: none;
}

.favorite-area.is-edit #btnFavCancel,
.favorite-area.is-edit #btnFavSave {
  display: inline-block;
}

.favorite-area .favorite-guide {
  display: none;
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #3986FC;
}

.favorite-area.is-edit .favorite-guide {
  display: block;
}

.favorite-area .favorite-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.6rem;
}

.favorite-area .favorite-grid .favorite-item {
  position: relative;
  min-height: 11rem;
  border: 1px solid #E5E8EC;
  border-radius: 1.2rem;
  background-color: #fff;
}

.favorite-area .favorite-grid .favorite-item.empty {
  background-color: #FAFBFC;
}

.favorite-area .favorite-grid .favorite-item .fav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  height: 100%;
  min-height: 11rem;
  padding: 1.2rem 0.6rem;
}

.favorite-area .favorite-grid .favorite-item .fav-link:hover .fav-name {
  color: #3986FC;
}

.favorite-area .favorite-grid .favorite-item .menu-icon {
  display: block;
  flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
}

.favorite-area .favorite-grid .favorite-item .fav-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #333;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 편집모드 */
.favorite-area.is-edit .favorite-grid .favorite-item[draggable] {
  cursor: move;
}

.favorite-area.is-edit .favorite-grid .favorite-item .fav-link {
  cursor: move;
}

.favorite-area .favorite-grid .favorite-item.is-dragging {
  opacity: 0.4;
}

.favorite-area .favorite-grid .favorite-item.is-over {
  border: 1px dashed #3986FC;
  background-color: #F0F6FF;
}

.favorite-area .favorite-grid .fav-del {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.2rem;
  height: 1.8rem;
  font-size: 0;
  background-color: #FFE9E9;
  border-radius: 0.4rem;
}

.favorite-area .favorite-grid .fav-del:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 0.2rem;
  margin: -0.1rem 0 0 -0.6rem;
  background-color: #FF4B4B;
}

.favorite-area .favorite-grid .fav-add {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  background: none;
}

.favorite-area .favorite-grid .fav-add:before,
.favorite-area .favorite-grid .fav-add:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #1E9BEA;
}

.favorite-area .favorite-grid .fav-add:before {
  width: 2rem;
  height: 0.3rem;
  margin: -0.15rem 0 0 -1rem;
}

.favorite-area .favorite-grid .fav-add:after {
  width: 0.3rem;
  height: 2rem;
  margin: -1rem 0 0 -0.15rem;
}

.favorite-area .favorite-grid .fav-add:hover {
  background-color: #F0F6FF;
  border-radius: 1.2rem;
}

/* 즐겨찾기 메뉴 설정 팝업 (사이트맵 목록 재사용) */
/* 2026-09-22 : 즐겨찾기 대상 그룹이 최대 4개(관리자 '사이트관리' 포함)이므로
   사이트맵 화면과 같은 컬럼 폭(약 27rem 이상)을 확보하도록 팝업 폭을 넓힘 */
.container .favorite-popup {
  width: 128rem;
  max-width: 95%;
  background-color: #fff;
}

/* 2026-09-22 : 화면설계서(UID_MUL0002_0001W)의 화면 제목 스타일로 헤더를 구성한다.
   흰 배경 + 좌측 정렬 제목 + 하단 파랑/초록 구분선(사이트맵 화면 .contents-title 과 동일 규격).
   헤더는 팝업 이동 손잡이(handle)이기도 하다. */
.container .favorite-popup .layer-header {
  position: relative;
  padding: 2.4rem 6.4rem 2rem 3rem;
  line-height: normal;
  background: #fff;
  border-radius: 1.6rem 1.6rem 0 0;
  text-align: left !important;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 터치 드래그 시 브라우저 스크롤이 가로채지 않도록 */
  -ms-touch-action: none;
  touch-action: none;
}

/* 하단 구분선 : 좌측 파랑(전체 폭) 위에 우측 절반 초록 */
.container .favorite-popup .layer-header:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #3986FC;
  z-index: 1;
}

.container .favorite-popup .layer-header:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 0.4rem;
  background-color: #37AE60;
  z-index: 2;
}

.container .favorite-popup .layer-header h3 {
  padding: 0;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 800;
  color: #222;
  text-align: left;
}

.container .favorite-popup .layer-header.is-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* 닫기 아이콘은 흰색 이미지이므로 흰 배경에서는 어둡게 반전 */
.container .favorite-popup .layer-header .layer-close {
  top: 50%;
  right: 2.4rem;
  margin-top: -1.8rem;
  cursor: pointer;
  -webkit-filter: brightness(0);
  filter: brightness(0);
  opacity: 0.55;
}

.container .favorite-popup .layer-header .layer-close:hover {
  opacity: 1;
}

/* 좁은 화면 : 제목이 말줄임되지 않도록 글자/여백 축소 */
@media screen and (max-width: 640px) {
  .container .favorite-popup .layer-header {
    padding: 1.8rem 5rem 1.4rem 2rem;
  }

  .container .favorite-popup .layer-header h3 {
    font-size: 1.7rem;
    line-height: 2.4rem;
  }

  .container .favorite-popup .layer-header .layer-close {
    right: 1.6rem;
  }
}

.container .favorite-popup .layer-contents {
  max-height: calc(100vh - 28rem);
  overflow-y: auto;
  padding: 2rem 2rem 3rem;
  background-color: #fff;
}

.container .favorite-popup .favorite-popup-guide {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  color: #676767;
}

.container .favorite-popup .favorite-popup-guide strong {
  margin-left: 0.8rem;
  color: #3986FC;
}

.container .favorite-popup .sitemap .flex-item {
  align-items: stretch;
  /* 그룹이 3개뿐인 권한에서도 사이트맵처럼 왼쪽부터 일정 간격으로 정렬(균등분산 금지) */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /* 컬럼 폭이 사이트맵보다 좁아지면 다음 줄로 넘기기 위해 wrap 허용 */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* 2026-09-22 : 즐겨찾기 대상 1depth 가 최대 4개(관리자 '사이트관리' 포함)로 늘어남 → 4열 기준 폭 + 고정 간격.
   min-width 로 사이트맵 화면과 비슷한 컬럼 폭을 보장하고, 좁아지면 줄바꿈된다. */
.container .favorite-popup .sitemap .flex-item .grid-item {
  padding-bottom: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(25% - 3.5rem);
  flex: 0 1 calc(25% - 3.5rem);
  min-width: 22rem;
  margin: 0 1.5rem 2rem;
}

.container .favorite-popup .sitemap .flex-item .grid-item:first-child {
  margin-left: 1.5rem;
}

.container .favorite-popup .sitemap .flex-item .grid-item:last-child {
  margin-right: 1.5rem;
}

.container .favorite-popup .sitemap .level-02.is-folder {
  cursor: default;
}

.container .favorite-popup .sitemap [data-fav-id]:hover .fav-nm {
  color: #3986FC;
}

.container .favorite-popup .sitemap .fav-star {
  display: inline-block;
  margin-left: 0.4rem;
  font-size: 0;
  vertical-align: middle;
}

.container .favorite-popup .sitemap .fav-star:before {
  content: '\2605';
  font-size: 1.5rem;
  color: #C8CCD0;
}

.container .favorite-popup .sitemap [data-fav-id].on .fav-star:before {
  color: #FFB800;
}

/* 카드 폭이 좁을 때(모바일) : 2열 x 4행, 아이콘 + 메뉴명 한 줄 */
/* 2026-09-22 개선 : 화면설계서(4열 x 2행) 준수를 위해 데스크톱(1600px 이상)에서는 2열 축소를 적용하지 않는다.
   1600~1699px 구간은 좌측 비주얼 칼럼이 507~547px 로 좁아 카드 콘텐츠폭이 427~447px 가 되면서
   @container (max-width:460px) 에 걸려 2열 x 4행으로 떨어지던 문제. */
.favorite-area {
  container-type: inline-size;
}

@media screen and (max-width: 1599px) {
@container (max-width: 460px) {
  .favorite-area .favorite-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }

  .favorite-area .favorite-grid .favorite-item,
  .favorite-area .favorite-grid .favorite-item .fav-link {
    min-height: 5.6rem;
  }

  .favorite-area .favorite-grid .favorite-item .fav-link {
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.8rem;
    padding: 0.8rem 1rem;
  }

  .favorite-area.is-edit .favorite-grid .favorite-item .fav-link {
    padding-right: 3.4rem;
  }

  .favorite-area .favorite-grid .favorite-item .menu-icon {
    width: 3rem;
    height: 3rem;
  }

  .favorite-area .favorite-grid .favorite-item .fav-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }

  .favorite-area .favorite-grid .fav-del {
    top: 50%;
    margin-top: -0.9rem;
  }
}
}

@media screen and (max-width: 640px) {
  .main .container .section-inner .main-wrap .flex-item.visual .favorite-area {
    padding: 2rem 1.6rem 2.4rem;
  }
}
/* 2026-09-22 : 화면설계서(UID_MUL0002_0001W)대로 ★(즐겨찾기 표시)를 메뉴명 바로 뒤에 붙여 표기한다.
   들여쓰기는 사이트맵(siteMap.jsp)과 동일하게 유지하고, 메뉴명에 ★ 자리(2rem)를 남겨
   긴 메뉴명이 감기더라도 ★ 만 다음 줄로 떨어지지 않게 한다. */
.container .favorite-popup .sitemap [data-fav-id] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .favorite-popup .sitemap [data-fav-id] .fav-nm {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(100% - 2rem);
}

.container .favorite-popup .sitemap [data-fav-id] .fav-star {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-order: 2;
  order: 2;
}

/* 2026-09-22 : 팝업 하단 버튼 영역([선택][닫기]) — 가운데 정렬, 내용 스크롤과 무관하게 항상 노출 */
.container .favorite-popup .favorite-popup-foot {
  padding: 1.6rem 2rem 2.4rem;
  background-color: #fff;
  border-top: 1px solid #E5E8EC;
  border-radius: 0 0 1.6rem 1.6rem;
}

.container .favorite-popup .favorite-popup-foot .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .favorite-popup .favorite-popup-foot .btn {
  display: block;
  min-width: 12rem;
  padding: 0 2.4rem;
  line-height: 4rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  background: #333;
  border: 1px solid #333;
  border-radius: 2rem;
  text-align: center !important;
  margin-left: 0.8rem;
}

.container .favorite-popup .favorite-popup-foot .btn:first-child {
  margin-left: 0;
}

.container .favorite-popup .favorite-popup-foot .btn.btn-primary {
  background-color: #3986FC;
  border-color: #3986FC;
}

.container .favorite-popup .favorite-popup-foot .btn.btn-etc {
  color: #676767;
  background-color: #fff;
  border-color: #CCCCCC;
}

@media screen and (max-width: 640px) {
  .container .favorite-popup .favorite-popup-foot {
    padding: 1.2rem 1.6rem 1.6rem;
  }

  .container .favorite-popup .favorite-popup-foot .btn {
    min-width: 9rem;
    padding: 0 1.6rem;
    line-height: 3.6rem;
  }
}

/* 2026-09-22 개선 : 동일한 메뉴명이 2개 이상일 때 상위 메뉴(폴더)명을 아랫줄에 함께 표기해 구분 */
.container .favorite-popup .sitemap [data-fav-id] .fav-path {
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  margin-top: 0.1rem;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #A0A4A8;
  word-break: keep-all;
}

.container .favorite-popup .sitemap [data-fav-id] .fav-path:before {
  content: '\00B7 ';
}
/* //SFR-006 메인화면 사용자 맞춤형 즐겨찾기 */

/* ============================================================
 * SFR-006 즐겨찾기 메뉴 편집 팝업 보완 (2026-09-30)
 * ============================================================ */
/* 1. 팝업 배경 딤 : 설정 팝업이 열려 있는 동안 뒷 화면을 어둡게 가린다.
      팝업(.layerPopupDefault)의 z-index 가 1000 이므로 딤은 그 바로 아래(999)에 둔다. */
.favorite-popup-dim {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.favorite-popup-dim.is-show {
  display: block;
}

/* 2. 메뉴명 들여쓰기 축소 : 사이트맵 화면과 같은 들여쓰기를 쓰면 팝업 컬럼(약 27rem)에서
      긴 메뉴명이 2줄로 감긴다. 즐겨찾기 팝업 안에서만 좌우 여백을 줄여 한 줄로 보이게 한다.
      (모바일 구간은 사이트맵 원본이 이미 들여쓰기를 줄여 두었으므로 758px 이상에서만 적용) */
@media screen and (min-width: 758px) {
  .container .favorite-popup .condition-wrap .sitemap .flex-item .grid-item .level-02 {
    margin-left: 1rem;
    margin-right: 0.6rem;
    padding-left: 1.4rem;
  }

  .container .favorite-popup .condition-wrap .sitemap .flex-item .grid-item .level-03 {
    padding-left: 2.2rem;
  }
}
/* //SFR-006 즐겨찾기 메뉴 편집 팝업 보완 */

/* ==========================================================================
 * SFR-006 메인화면 전자인계정보(위·수탁량) 요약 대시보드 (2026-09-30)
 *  - main.jsp #mainDash : 공지사항/자료실 과 이용안내 사이
 *  - 대시보드가 있을 때(.list-item.has-dash)만 위·아래 영역 높이를 줄인다 (그 외 권한은 기존 그대로)
 * ========================================================================== */
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box {
  margin-top: 2.4rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box:first-child {
  margin-top: 0;
}
/* 공지사항/자료실 : 고정 46rem → 내용 높이 (간격 축소) */
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area {
  height: auto;
  padding: 2.6rem 3.2rem 2rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area .tabs-area .tab-contents li {
  padding-top: 1.8rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area .tabs-area .tab-contents li .board-list {
  height: auto;
  min-height: 8.4rem;
  margin-top: 1rem;
  padding-top: 1rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area .tabs-area .tab-contents li .board-list:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area .tabs-area .tab-contents li .info-desc {
  min-height: 0;
  padding-top: 0.6rem;
}
/* 배출자/처리자 이용안내 : 아이콘·여백 축소 */
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li,
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li:nth-of-type(2) {
  padding: 1.6rem 0 1.4rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li a figure {
  -ms-flex: 0 0 6.4rem;
  flex: 0 0 6.4rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li a .info-textarea {
  padding: 0 4rem 0 2rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li a .info-textarea .info-title strong {
  font-size: 1.7rem;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.join-step ul li a .info-textarea .info-desc {
  font-size: 1.4rem;
  padding-top: 0.8rem;
}

/* 대시보드 카드 */
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.main-dash {
  padding: 2.4rem 2.4rem 2.2rem;
  cursor: pointer;
  container-type: inline-size;
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.main-dash:hover {
  box-shadow: 0 0.4rem 1.6rem rgba(57, 134, 252, 0.18);
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.main-dash:focus {
  outline: 0;
}
.main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.main-dash:focus-visible {
  outline: 0.2rem solid #3986FC;
  outline-offset: 0.2rem;
}
.main-dash .dash-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
}
.main-dash .dash-head .dash-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  color: #222;
}
.main-dash .dash-head .dash-base {
  font-size: 1.2rem;
  color: #909090;
}
.main-dash .dash-head .dash-more {
  margin-left: auto;
  font-size: 1.3rem;
  color: #3986FC;
  white-space: nowrap;
}
.main-dash .dash-head .dash-more:after {
  content: '\203A';
  margin-left: 0.4rem;
  font-size: 1.6rem;
}
.main-dash .dash-kpi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.6rem;
}
.main-dash .dash-kpi li {
  min-width: 0;
  padding: 1.2rem 0.6rem 1.1rem;
  border: 1px solid #DDE1E7;
  border-radius: 1.2rem;
  text-align: center;
  --kpi-c: #333;
  color: var(--kpi-c);
}
.main-dash .dash-kpi li.kpi-blue   { --kpi-c: #1850C8; border-color: #9DB7EE; }
.main-dash .dash-kpi li.kpi-green  { --kpi-c: #1E7B34; border-color: #A9D8B1; }
.main-dash .dash-kpi li.kpi-purple { --kpi-c: #5B2DB5; border-color: #C3AEEA; }
.main-dash .dash-kpi li.kpi-orange { --kpi-c: #E26A0B; border-color: #F6C9A3; }
.main-dash.is-trust .dash-kpi li.kpi-orange:first-child { border-color: #F07C1B; background: #FFF8F2; }
.main-dash .dash-kpi .kpi-label {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dash .dash-kpi .kpi-value {
  display: block;
  margin-top: 0.6rem;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 2.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-dash .dash-kpi .kpi-value em {
  margin-left: 0.2rem;
  font-size: 1.3rem;
  font-weight: 600;
  font-style: normal;
}
.main-dash .dash-kpi .kpi-value i {
  margin-right: 0.3rem;
  font-size: 1.3rem;
  font-style: normal;
  vertical-align: 0.2rem;
}
.main-dash .dash-kpi .kpi-value.is-none { color: #999; }
.main-dash .dash-chart {
  margin-top: 1.4rem;
  padding: 1.2rem 1.4rem 0.8rem;
  border: 1px solid #E6E8EC;
  border-radius: 1.2rem;
}
.main-dash .dash-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
}
.main-dash .dash-chart-head strong {
  font-size: 1.4rem;
  color: #333;
}
.main-dash .dash-legend {
  display: flex;
  gap: 1.2rem;
  font-size: 1.2rem;
  color: #555;
}
.main-dash .dash-legend li {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.main-dash .dash-legend i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background: var(--dash-c, #999);
}
.main-dash .dash-legend i.is-line {
  width: 1.6rem;
  height: 0.3rem;
  border-radius: 0.2rem;
}
.main-dash .dash-canvas {
  position: relative;
  height: 15rem;
  margin-top: 0.6rem;
}
.main-dash .dash-msg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border-radius: 3.2rem;
  background: rgba(255, 255, 255, 0.88);
  font-size: 1.4rem;
  color: #666;
  text-align: center;
}
.main-dash .dash-canvas .dash-empty {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  font-size: 1.3rem;
  color: #888;
  text-align: center;
  pointer-events: none;
}
/* 카드 폭이 좁을 때 (1600~1799 데스크톱 2단, 모바일) */
@container (max-width: 400px) {
  .main-dash .dash-kpi .kpi-value { font-size: 1.8rem; line-height: 2.2rem; }
  .main-dash .dash-kpi .kpi-label { font-size: 1.2rem; }
}
@container (max-width: 320px) {
  .main-dash .dash-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .main-dash .dash-kpi li:first-child { grid-column: 1 / -1; }
  .main-dash .dash-head .dash-base { order: 3; width: 100%; }
}
@media (min-width: 280px) and (max-width: 1024px) {
  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box {
    margin-top: 3rem;
  }
  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item.has-dash .list-box.notice-area {
    padding: 2rem 3rem 2.5rem;
  }
  .main .container .section-inner .main-wrap .flex-item.card-list .list-inner .list-item .list-box.main-dash {
    padding: 2rem 2rem 1.8rem;
  }
  .main-dash .dash-canvas { height: 17rem; }
}
/* //SFR-006 메인화면 전자인계정보(위·수탁량) 요약 대시보드 */