.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    margin-top: 30px;
    position: static;
    background-color: rgba(255, 255, 255, 0.7);
    height: 20px;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0
}

.slick-dots li {
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle
}

.slick-dots button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 0/0 a;
    width: auto;
    height: auto;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    background-color: transparent;
    border: 0;
    opacity: 1
}

.slick-dots button:before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc
}

.slick-dots button:after {
    display: inline-block;
    content: '';
    width: 0;
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s
}

.slick-dots .slick-active button:before {
    background-color: transparent;
    border: 3px solid #2B2B2B;
    width: 3.5px;
    height: 4px
}

.slick-dots .slick-active button:after {
    width: 16px;
    height: 3px;
    background-color: #2B2B2B;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    margin-left: -2px
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

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

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

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

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

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

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

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

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

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-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;
    -moz-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: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.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;
    -webkit-background-size: 27px 44px;
    -moz-background-size: 27px 44px;
    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;
    -o-transition: 300ms opacity;
    -moz-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

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

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

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

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

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-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);
    -moz-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%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-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;
    -o-transition: 200ms transform, 200ms top;
    -o-transition: 200ms top, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms top, 200ms -moz-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    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%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-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;
    -o-transition: 200ms transform, 200ms left;
    -o-transition: 200ms left, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms left, 200ms -moz-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    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;
    -o-transition: 200ms transform, 200ms right;
    -o-transition: 200ms right, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms right, 200ms -moz-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.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);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    -moz-transform-origin: right top;
    -o-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
}

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-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
}

.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%;
    -ms-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -o-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%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    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)
    }
}

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

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

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

.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;
    -o-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-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;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-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;
    -ms-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-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;
    -moz-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;
    -moz-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;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-button-prev {
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-slide-prev.png");
    background-position: center center;
    -webkit-background-size: .9rem .9rem;
    -moz-background-size: .9rem;
    background-size: .9rem;
    width: 30px;
    height: 30px;
    display: none
}

.swiper-button-next {
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-slide-next.png");
    background-position: center center;
    -webkit-background-size: .9rem .9rem;
    -moz-background-size: .9rem;
    background-size: .9rem;
    width: 30px;
    height: 30px;
    display: none
}

.swiper-pagination-wrap {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.swiper-pagination-wrap .swiper-pagination {
    position: static;
    background-color: rgba(255, 255, 255, 0.7);
    height: 24px;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px;
    width: auto;
    height: auto;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    background-color: transparent;
    border: 0;
    opacity: 1
}

.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet:before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc
}

.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet:after {
    display: inline-block;
    content: '';
    width: 0;
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s
}

.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: transparent;
    border: 2px solid #2B2B2B;
    width: 4px;
    height: 4px
}

.swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 15px;
    height: 2px;
    background-color: #2B2B2B;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    margin-left: -1px
}

.slide-list, .slick-slider .slick-track, .slick-slider .slick-list {
    height: 100%
}

.slick-slide {
    outline: none
}

.slick-arrow {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    font: 0/0 a;
    border-top: 3px solid rgba(255, 255, 255, 0.4);
    border-left: 3px solid rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 1
}

.slick-arrow.slick-prev {
    left: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-arrow.slick-next {
    right: 20px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.slide-controls {
    position: absolute;
    bottom: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.slide-controls .btn-pause, .slide-controls .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    padding-top: 4px;
    text-align: center;
    font: 0/0 a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slide-controls .btn-pause:before, .slide-controls .btn-pause:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 12px;
    margin: -4px 2px 0;
    background-color: #fff
}

.slide-controls .btn-play .icon {
    margin-top: -4px;
    margin-left: 2px
}

.slide-controls .slick-dots {
    padding-left: 28px
}

.slide-controls .slick-dots li {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    padding-top: 4px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slide-controls .slick-dots li button {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    font: 0/0 a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.slide-controls .slick-dots li.slick-active button {
    background: #fff
}

.slide {
    position: relative;
    height: 791px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50% 50%
}

.slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.slide h2 strong, .slide .content strong {
    font-weight: 700
}

.slide .content {
    position: relative
}

.tab-nav > ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tab-nav > ul > li button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #EFF2F7;
    height: 60px;
    width: 100%;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #2B2B2B
}

.tab-nav > ul > li.active button {
    background-color: #2B2B2B;
    color: #fff;
    font-weight: 700
}

.tab-nav > ul.tab-col2 > li {
    width: 50%
}

.tab-nav > ul.tab-col3 > li {
    width: 33.333%
}

.tab-nav > ul.tab-col4 > li {
    width: 25%
}

.tab-nav > ul.tab-col5 > li {
    width: 20%
}

.btn {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B
}

.btn-family {
    background-color: #fff;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    padding-right: 35px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-select3.png");
    background-position: center right 15px;
    -webkit-background-size: 6px 6px;
    -moz-background-size: 6px;
    background-size: 6px
}

.btn-blackC {
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 0
}

.btn-default {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    height: 68px;
    border: 1px solid #B4B8BF;
    background-color: #B4B8BF;
    pointer-events: none;
    font-weight: 700
}

.btn-default.noRadius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-default.active {
    border: 1px solid #F04040;
    background-color: #F04040;
    pointer-events: auto
}

.btn-default.eventsAuto {
    pointer-events: auto
}

.btn-default.black {
    border: 1px solid #2B2B2B;
    background-color: #2B2B2B;
    pointer-events: auto
}

.btn-default.gray {
    border: 1px solid #EFF2F7;
    background-color: #EFF2F7;
    color: #2B2B2B;
    pointer-events: auto
}

.btn-default.grayFill {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    color: #2B2B2B;
    pointer-events: auto
}

.btn-white {
    width: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-white.grayBorder {
    border-color: #2B2B2B !important
}

.btn-more {
    width: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-more:after {
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-btn-more.png");
    background-position: right center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 7px;
    margin-left: 8px
}

.btn-gray {
    width: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #B4B8BF;
    background-color: #B4B8BF;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-orange {
    width: 100%;
    color: #F04040;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #FDE4E4;
    background-color: #FDE4E4;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-blue {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #20BBC4;
    background-color: #20BBC4;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-gray2 {
    width: 100%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #EBEBEB;
    background-color: #EFF2F7;
    color: #2B2B2B;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-red {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    border: 1px solid #F04040;
    background-color: #F04040;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 18px
}

.btn-column span {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px
}

.btn-init {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 18px;
    height: 68px
}

.btn-sns-naver {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-naver_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-sns-kakao {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-kakao_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-sns-fb {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fb_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer
}

.btn-arrow:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.btn-arrow.down16:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down-16.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.btn-arrow.up20:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-up-20.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}

.btn-toggle {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer
}

.btn-toggle:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin: -7px -7px 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-toggle.gray:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down2.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px
}

.btn-toggle.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-simple {
    border: 1px solid #EBEBEB;
    height: 48px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 20px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-simple.active {
    color: #0074b2;
    border-color: #0074b2
}

.btn-simple.black {
    color: #fff;
    border-color: #2B2B2B;
    background-color: #2B2B2B
}

.btn-simple.mid {
    height: 40px;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.btn-simple.off {
    color: #c1c1c1;
    background-color: #fafafa;
    cursor: default
}

.btn-pannel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    position: relative;
    cursor: pointer
}

.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B;
    border-bottom: 1px solid #2B2B2B;
    font-size: 14px;
    padding-bottom: 1px
}

.btn-link-view {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B;
    font-size: 14px
}

.btn-link-view:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 5px;
    height: 9px;
    margin-left: 5px
}

.btn-link-view-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 18px;
    height: 80px;
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    color: #2B2B2B;
    padding: 0 40px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-weight: 700
}

.btn-link-view-big:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 6px;
    height: 11px;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto
}

.btn-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #EFF2F7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.btn-share.ty2 {
    background-color: #fff;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05)
}

.btn-paging-before {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-before.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 36px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-paging-prev {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-prev.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 36px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-paging-next {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 36px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-paging-after {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-after.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 36px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-small {
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 15px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-small.active {
    background-color: #4054F0;
    border-color: #4054F0;
    color: #fff
}

.btn-small.activeGray {
    background-color: #EFF2F7;
    border-color: #EFF2F7
}

.btn-small > .icon {
    margin-right: 5px
}

.btn-anchor {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-middle {
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 35px;
    height: 40px;
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

.btn-middle > i {
    margin-left: .4rem
}

.btn-modified {
    font: 0/0 a !important;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-modified.png");
    background-position: center center;
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px;
    background-size: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 40px;
    background-color: transparent
}

.btn-inputReset {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close-search.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.btn-search {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-search.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.btn-goTop {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-goTop.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 56px;
    height: 56px;
    font: 0/0 a
}

.section-btns {
    margin-top: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-btns > .btn {
    width: 265px;
    height: 68px;
    font-size: 18px
}

.section-btns > .btn + .btn {
    margin-left: 10px
}

.item-add-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.item-add-btns > button {
    position: relative;
    z-index: 1
}

.item-add-btns:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #EBEBEB;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5px
}

.item-remove-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.item-remove-btns > button {
    position: relative;
    z-index: 1
}

.item-remove-btns:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #EBEBEB;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.5px
}

.toggle-wrapper {
    position: relative;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.toggle-wrapper .toggle {
    position: relative;
    display: inline-block
}

.toggle-wrapper input {
    height: 16px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.toggle-wrapper .normal label {
    background: #F04040
}

.toggle-wrapper input:checked + label:before {
    left: 17px
}

.toggle-wrapper input:checked + label {
    background: #F04040
}

.toggle-wrapper .normal label:before {
    content: '';
    position: absolute;
    border: none;
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.toggle-wrapper .normal label:after {
    content: '';
    position: absolute;
    background: transparent;
    height: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 16px;
    z-index: 0
}

.toggle-wrapper label.toggle-item {
    width: 34px;
    background: #B4B8BF;
    height: 16px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: 20% center;
    -moz-transform-origin: 20% center;
    -ms-transform-origin: 20% center;
    -o-transform-origin: 20% center;
    transform-origin: 20% center;
    cursor: pointer
}

.toggle-wrapper label.toggle-item:before {
    content: '';
    position: absolute;
    display: block;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 20px;
    height: 20px;
    top: -2px;
    left: -2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-box-shadow: 0 1px 5px rgba(96, 97, 112, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(96, 97, 112, 0.3);
    box-shadow: 0 1px 5px rgba(96, 97, 112, 0.3)
}

.toggle-share {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.toggle-share .btn-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border: 1px solid #ebebeb;
    margin: 0
}

.toggle-share .toggle-share-list {
    position: absolute;
    top: 0;
    right: 55px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    opacity: 0;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -moz-transition: transform .5s, opacity .5s, -moz-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.toggle-share .toggle-share-list > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px
}

.toggle-share .toggle-share-list > ul > li {
    position: relative
}

.toggle-share .toggle-share-list > ul > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 50px;
    width: 50px
}

.toggle-share .toggle-share-list > ul > li + li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: '';
    width: 1px;
    height: 11px;
    margin-top: -5.5px;
    background-color: #EBEBEB
}

.toggle-share .toggle-share-list.active {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.toggle-modified {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.toggle-modified .toggle-modified-list {
    position: absolute;
    top: -5px;
    left: 45px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #333333;
    background-color: #fff;
    width: 124px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    -o-transition: opacity .5s, -o-transform .5s;
    -moz-transition: transform .5s, opacity .5s, -moz-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.toggle-modified .toggle-modified-list > ul > li a {
    display: block;
    line-height: 1.3
}

.toggle-modified .toggle-modified-list > ul > li a:hover {
    font-weight: 700;
    color: #F04040
}

.toggle-modified .toggle-modified-list > ul > li + li {
    margin-top: 12px
}

.toggle-modified .toggle-modified-list.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.toggle-modified .toggle-modified-list:before {
    position: absolute;
    top: 20px;
    left: -6.4px;
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-modified-arr.png");
    background-position: center right;
    -webkit-background-size: 7px 7px;
    -moz-background-size: 7px;
    background-size: 7px;
    width: 7px;
    height: 11px
}

.common-toggle-list {
    border-top: 1px solid #EBEBEB
}

.common-toggle-list > li {
    border-bottom: 1px solid #EBEBEB
}

.common-toggle-list .common-toggle-btn .common-toggle-tit {
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
    padding: 20px 40px 20px 0;
    line-height: 1.4;
    display: block
}

.common-toggle-list .common-toggle-btn .common-toggle-tit a {
    line-height: 1.4;
    display: block;
    word-break: break-all;
    word-wrap: break-word
}

.common-toggle-list .common-toggle-btn .btn-toggle {
    position: absolute;
    top: 15px;
    right: 5px
}

.common-toggle-list .common-toggle-btn.active .common-toggle-tit {
    font-weight: 700
}

.common-toggle-list .common-toggle-btn.active .btn-toggle:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.common-toggle-list .common-toggle-cont {
    display: none;
    border-top: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    padding: 30px
}

.common-toggle-list .common-toggle-cont .common-toggle-txt {
    line-height: 1.4;
    word-break: break-all;
    word-wrap: break-word
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table {
    border: 1px solid #EBEBEB
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table th {
    border-right: 1px solid #EBEBEB;
    text-align: center;
    vertical-align: middle;
    background-color: #EFF2F7;
    font-size: 15px;
    padding: 16px 10px;
    line-height: 1.4;
    font-weight: 700
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table th:last-child {
    border-right: 0
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table td {
    border-right: 1px solid #EBEBEB;
    text-align: center;
    vertical-align: top;
    font-size: 15px;
    padding: 16px 10px;
    line-height: 1.4
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table td:last-child {
    border-right: 0
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table td img {
    width: auto;
    max-width: 100%
}

.common-toggle-list .common-toggle-cont .common-toggle-txt .toggle-table table tbody tr:nth-child(even) {
    background-color: #FAFAFA
}

.icon {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.icon.loginClose {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.stepsChk {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-stepsChk.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 12px;
    height: 12px
}

.icon.fast {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fast.png");
    background-position: center center;
    -webkit-background-size: 15px auto;
    -moz-background-size: 15px auto;
    background-size: 15px auto;
    width: 15px;
    height: 15px
}

.icon.fast2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-estimate-btn01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.pro {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-estimate-btn2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.pro.circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: #02B174
}

.icon.pro2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-estimate-btn02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.limit {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-limit.png");
    background-position: center center;
    -webkit-background-size: 15px auto;
    -moz-background-size: 15px auto;
    background-size: 15px auto;
    width: 15px;
    height: 15px
}

.icon.popular {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-popular.png");
    background-position: center center;
    -webkit-background-size: 15px auto;
    -moz-background-size: 15px auto;
    background-size: 15px auto;
    width: 15px;
    height: 15px
}

.icon.popular-flagA {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_popular_flagA.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 20px;
    height: 21px
}

.icon.popular-flagB {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_popular_flagB.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 20px;
    height: 21px
}

.icon.hotsale {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_hotsale2_pc.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.filter {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-select-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 13px
}

.icon.reset {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-reset.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.info {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-info.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.info.red {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-info-red.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.info2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-info2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.fuelG {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fuel-g.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelD {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fuel-d.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelL {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fuel-l.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelH {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fuel-h.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 35px
}

.icon.fuelE {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fuel-e.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.star {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-star_off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 14px
}

.icon.star.active {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-star_on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.video {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-play.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 40px
}

.icon.heart {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-heart.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.heartOn {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-heart-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.speak {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-speak.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #EBEBEB
}

.icon.colors {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.icon.share {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.icon.benefit01 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-benefit01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 100px;
    height: 100px
}
.icon.layerclose {
    background-repeat: no-repeat;
    background-image: url("../../resources-mo/images/icons/ico-pannelclose.png");
    background-position: center center;
    -webkit-background-size: 95% auto;
    -moz-background-size: 95% auto;
    background-size: 95% auto;
    width: 24px;
    height: 24px;
}
.icon.benefit02 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-benefit02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 100px;
    height: 100px
}

.icon.benefit03 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-benefit03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 100px;
    height: 100px
}

.icon.bannerClose {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 12px;
    height: 12px
}

.icon.exclamation {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-exclamation_mark.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 82px;
    height: 83px
}

.icon.exclamationW {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-exclamation_mark-white.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 36px;
    height: 36px;
}

.icon.exclamationS {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-exclamation_mark-small.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.icon.complete {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-complete.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 60px;
    height: 60px
}

.icon.complete_blue {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-complete_blue.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 81px;
    height: 81px
}

.icon.complete_red {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-complete_red.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 81px;
    height: 81px
}

.icon.magnifier {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-magnifier.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 16px
}

.icon.phone {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-phone.png");
    background-position: top right 67px;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 170px;
    height: 68px
}

.icon.mail {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-mail.png");
    background-position: top right 47px;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 170px;
    height: 68px
}

.icon.web {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-web.png");
    background-position: top right 55px;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 170px;
    height: 68px
}

.icon.cards {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-cards.png");
    background-position: top right 42px;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 170px;
    height: 68px
}

.icon.people01 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-people01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 90px;
    height: 90px
}

.icon.people02 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-people02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 90px;
    height: 90px
}

.icon.people03 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-people03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 90px;
    height: 90px
}

.icon.small {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

.icon.small.red {
    background-color: #F04040
}

.icon.small.blue {
    background-color: #188CFF
}

.icon.small.green {
    background-color: #61C468
}

.icon.small.mint {
    background-color: #2CB7C3
}

.icon.arrow-down2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 17px;
    height: 10px
}

.icon.listCircle {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-circle.png");
    background-position: center center;
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px;
    background-size: 2px;
    width: 2px;
    height: 2px
}

.icon.listLine {
    width: 4px;
    height: 1px;
    background-color: #2B2B2B
}

.icon.like {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-like-off.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px;
    width: 14px;
    height: 14px
}

.icon.unlike {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-unlike-off.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px;
    width: 14px;
    height: 14px
}

.icon.reply {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-reply.png");
    background-position: center center;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px;
    background-size: 17px;
    width: 17px;
    height: 17px
}

.icon.share2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share2.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px;
    width: 14px;
    height: 14px
}

.icon.writer {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-writer.png");
    background-position: center center;
    -webkit-background-size: 52px 52px;
    -moz-background-size: 52px;
    background-size: 52px;
    font-size: 12px;
    width: 52px;
    height: 25px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px;
    margin-right: 10px
}

.icon.nochat {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-nochat.png");
    background-position: center center;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px;
    background-size: 40px;
    width: 40px;
    height: 40px
}

.icon.time {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-time.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 20px;
    height: 20px
}

.icon.fb {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-fb-nonback.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 10px;
    height: 21px
}

.icon.kakao {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-kakao-nonback.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26px;
    height: 24px
}

.icon.plus {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-vsplus.png");
    background-position: center center;
    -webkit-background-size: 20px auto;
    -moz-background-size: 20px auto;
    background-size: 20px auto;
    width: 20px;
    height: 20px
}

.icon.enrollment {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-plus.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 25px;
    height: 25px
}

.icon.vsclose {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-vsclose.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 22px;
    height: 22px
}

.icon.next {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next.png");
    background-position: center center;
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px;
    background-size: 4px;
    width: 5px;
    height: 9px
}

.icon.next2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.next3 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 6px;
    height: 11px
}

.icon.prev {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-prev.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 17px;
    height: 17px
}

.icon.king {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_king.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 28px;
    height: 15px;
    position: relative;
    left: 10%;
    margin: 0 auto;
    display: block
}

.icon.lpoint {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-lpoint.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 72px;
    height: 72px;
}

.icon.unit-play {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-play3.png");
    background-position: 0 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 28px;
    height: 17px
}

.icon.fileClose {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-file-close.png");
    background-position: center center;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px;
    background-size: 10px;
    width: 10px;
    height: 10px
}

.icon.youtube-play {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-youtube.png");
    background-position: 0 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 90px;
    height: 62px
}

.icon.consulting {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-consulting.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 128px;
    height: 59px
}

.icon.kakaofaq {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon-kakao-faq.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 20px;
    padding-left: 5px
}

.icon.noresult {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_noresult.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 38px;
    height: 38px
}

.icon.nocoupon {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_nocoupon.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 44px;
    height: 31px
}

.icon.noconfirm {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_nodoc.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 34px;
    height: 40px
}

.icon.customer_call {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_call.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 40px
}

.icon.add {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-add.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 18px
}

.icon.remove {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-remove.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 18px
}

.icon.delete {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_delete.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 13px
}

.icon.stemp {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-stamp.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 24px;
    height: 24px
}

.icon.pop_close {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_popup_close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.noestimate {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-noestimate.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 31px;
    height: 38px
}

.icon.noattention {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-noattention.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 34px;
    height: 34px
}

.icon.shareKakao {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-kakao.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.shareBand {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-band.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.shareStory {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-story.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.shareFacebook {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-facebook.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.shareUrl {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-url.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.shareMail {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-share-mail.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 21px
}

.icon.more {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-more-arrow.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 10px;
    margin-left: 5px
}

.icon.reservation {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-reservation.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px;
    width: 16px;
    height: 16px
}

.icon.association {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-association.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px;
    width: 17px;
    height: 17px
}

.icon.crown {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ioc-crown.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 10px
}

.icon.carSelect1 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-car-select1.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 46px;
    height: 45px
}

.icon.carSelect2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-car-select2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 81px;
    height: 45px
}

.icon.sns-b {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns1.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 14px
}

.icon.sns-n {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 12px;
    height: 20px
}

.icon.sns-f {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns3.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 9px;
    height: 17px
}

.icon.sns-in {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns4.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.sns-tw {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns5.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 17px;
    height: 14px
}

.icon.sns-ka {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-sns6.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 18px
}

.icon.app-google {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/google-play.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 85px;
    height: 15px
}

.icon.app-store {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/app-store.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 75px;
    height: 16px
}

.icon.slide-pause {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/slide-pause.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 8px;
    height: 11px
}

.icon.slide-play {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/slide-play.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 11px
}

.icon.pick {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-pick.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 63px;
    height: 27px
}

.icon.coupon {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-coupon.png");
    background-position: center center;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px;
    background-size: 25px;
    width: 25px;
    height: 18px;
    position: relative
}

.icon.coupon em {
    position: absolute;
    top: -12px;
    right: -11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 11px;
    background-color: #F04040;
    color: #fff
}

.icon.saving {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-saving.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 80px;
    height: 79px
}

.icon.menu {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/common/icon-header-menu.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 24px;
    height: 24px
}

.icon.loading-next {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-loading-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 62px;
    height: 52px
}

.icon.loading-progress {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-loading-progress.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 59px;
    height: 53px
}

.icon.goEstimate {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-goEstimate.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 16px;
    height: 10px
}

.icon.nocar {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-nocar.png");
    background-position: center center;
    -webkit-background-size: 40px auto;
    -moz-background-size: 40px auto;
    background-size: 40px auto;
    width: 40px;
    height: 33px
}

.icon.nocarA {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-nocar01.png");
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 100px;
    height: 100px;
}

.icon.lpointFriend {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-lpoint-friend.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 38px;
    height: 38px
}

.icon.contractDown {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-contractDown.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 13px
}

.icon.tooltip-link {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-tooltip-link.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.menu-link01 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-menu-link01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 18px
}

.icon.menu-link02 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-menu-link02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 18px
}

.icon.menu-link03 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-menu-link03-2.png");
    background-position: center center;
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px;
    background-size: 19px;
    width: 20px;
    height: 17px
}

button.active .filter {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-select-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

button.active .like {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-like-on.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px
}

button.active .unlike {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-unlike-on.png");
    background-position: center center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px;
    background-size: 13px
}

button.active .info {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-info-on.png");
    background-position: center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px;
    background-size: 20px
}

button.active .info.red {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-info-red.png");
    background-position: center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px;
    background-size: 20px
}

.active .heart {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-heart-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.flag {
    height: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400
}

.flag.best {
    border: 1px solid #25C1D6;
    color: #25C1D6;
    margin-left: 5px;
    font-weight: 700
}

.flag.choice {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    background: #ECFAFB;
}

.flag.low {
    border: 1px solid #9198FF;
    color: #9198FF;
    margin-left: 5px;
    font-weight: 700
}

.flag.hot {
    border: 1px solid #20BBC4;
    color: #20BBC4;
    font-weight: 700
}

.flag.think {
    border: 1px solid #D478F7;
    color: #D478F7;
    font-weight: 700
}

.flag.battle {
    border: 1px solid #5599F5;
    color: #5599F5;
    font-weight: 700
}

.flag.tv {
    border: 1px solid #FD860F;
    color: #FD860F;
    font-weight: 700
}

.flag.magazine {
    border: 1px solid #63A74F;
    color: #63A74F;
    font-weight: 700
}

.flag.pay {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-pay.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px;
    font: 0/0 a
}

.flag.fast {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #406FF0
}

.flag.fast i {
    margin-right: 5px
}

.flag.fast2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 80px;
    width: 80px;
    padding: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #406FF0
}

.flag.fast2 i {
    margin-bottom: 5px
}

.flag.pro {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #02B174
}

.flag.pro i {
    margin-right: 5px
}

.flag.pro2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 80px;
    width: 80px;
    padding: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #02B174
}

.flag.pro2 i {
    margin-bottom: 5px
}

.flag.limit {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #00B2C9
}

.flag.limit i {
    margin-right: 5px
}

.flag.hotsale {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #FF61C5
}

.flag.hotsale i {
    margin-right: 5px
}

.flag.popular {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #FF4C88
}

.flag.popular i {
    margin-right: 5px
}

.flag.time {
    position: absolute;
    top: 0;
    left: 16px;
    font-size: 0;
    background-color: #F04040;
    height: 40px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    z-index: 2
}

.flag.time i {
    margin-right: 8px
}

.flag.time p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px
}

.flag.reservation {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #FC7B03
}

.flag.reservation i {
    margin-right: 5px
}

.flag.association {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #FF61C5
}

.flag.association i {
    margin-right: 5px
}

.flag.crown {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #6E53FF
}

.flag.crown i {
    margin-right: 5px
}

.flag.circle {
    position: absolute;
    right: 30px;
    bottom: -30px;
    font-weight: 700;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 1.1;
    font-size: 15px;
    height: 60px;
    width: 60px;
    padding: 3px 1px 0 0;
    color: #fff;
    background-color: #F04040;
    z-index: 2
}

.flag.circle.off {
    background-color: #B4B8BF
}

.flag.circle.off2 {
    color: #2b2b2b;
    border: 1px solid #8B8B8B;
    background-color: #fff;
}

.flag.num {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1E1E1E;
    color: #fff;
    height: 28px;
    width: 28px;
    padding: 0;
    -webkit-border-radius: 0 0 12px 0;
    -moz-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
    font-weight: 700
}

.flag.logo {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    z-index: 1
}

.flag.logo img {
    width: 40px
}

.flag.notice {
    border: 1px solid #8388F7;
    color: #8388F7;
    font-weight: 700
}

.flag.hot {
    border: 1px solid #20BBC4;
    color: #20BBC4;
    font-weight: 700
}

.flag.receipt {
    border: 1px solid #000;
    color: #000;
    font-weight: 700;
    padding: 0 20px
}

.flag.re-complete {
    border: 1px solid #F04040;
    color: #F04040;
    font-weight: 700
}

.flag.manager {
    background-color: #20BBC4;
    color: #fff;
    font-weight: 700
}

.flag.dDay {
    border: 1px solid #F04040;
    color: #F04040;
    padding: 5px 15px;
    font-weight: 700
}

.flag.dDay.fill {
    background-color: #F04040;
    color: #fff;
    height: 32px;
    font-size: 15px;
    letter-spacing: 1px
}

.flag.event {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-mainevent-bg.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 102px;
    height: 31px;
    padding: 0;
    color: #fff
}

.flag.new {
    background-color: #00CCE8;
    color: #fff;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 5px;
    font-weight: 700
}

.flag.new-fill {
    background-color: #00CCE8;
    color: #fff;
    margin-right: 5px;
    font-weight: 700;
    height: 30px
}

.flag.hot-fill {
    background-color: #C489FF;
    color: #fff;
    margin-right: 5px;
    font-weight: 700;
    height: 30px
}

.flag.go {
    background-color: #fff;
    color: #2584E0;
    font-size: 17px;
    font-weight: 700;
    padding: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 55px;
    height: 55px
}

.flag.promotion {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #F04040;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #F04040;
}

.flag-wrap {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2
}

.flag-wrap .flag {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.flag-bottom-wrap {
    position: absolute;
    bottom: -.85rem;
    left: 1.3rem;
    font-size: 0;
    z-index: 2
}

.icon.promotion {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-promotion.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.flag-bottom-wrap .flag {
    position: static;
    margin-right: .6rem
}

.flag-top-wrap {
    position: absolute;
    top: 0;
    left: 1.3rem;
    font-size: 0;
    z-index: 2
}

.flag-top-wrap .flag {
    position: static;
    margin-right: .6rem
}

.flag-inline-wrap {
    font-size: 0
}

.flag-inline-wrap .flag {
    vertical-align: middle;
    position: static;
    margin-right: 5px
}

.flag-big-wrap {
    position: absolute;
    top: 30px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.flag-big-wrap .flag {
    position: relative
}

.flag-big-wrap .flag + .flag {
    left: -10px
}

.list-type-col1 > li {
    width: 100%
}

.list-type-col1 > li .inner {
    height: 100%;
    width: auto;
    margin: 10px 0 0
}

.list-type-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col2 > li {
    width: 50%
}

.list-type-col2 > li .inner {
    height: 100%;
    width: auto;
    margin: 0 5px
}

.list-type-col3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col3 > li {
    width: 33.333%
}

.list-type-col3 > li .inner {
    height: 100%;
    width: auto;
    margin: 0 5px
}

.list-type-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col4 > li {
    width: 25%
}

.list-type-col4 > li .inner {
    height: 100%;
    width: auto;
    margin: 0 5px
}

.list-type-col5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col5 > li {
    width: 20%
}

.list-type-col5 > li .inner {
    height: 100%;
    width: auto;
    margin: 0 5px
}

.margin20 {
    margin-left: -10px !important;
    width: 102% !important
}

.margin20 .inner {
    margin: 0 10px !important
}

.margin30 {
    margin-left: -15px !important;
    width: 102.8% !important
}

.margin30 .inner {
    margin: 0 15px !important
}

.summary-complete-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summary-complete-wrap .summary-complete-img {
    width: 455px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.summary-complete-wrap .summary-complete-img > strong {
    display: block;
    font-size: 26px;
    font-weight: 700
}

.summary-complete-wrap .summary-complete-img .cover {
    margin-top: 20px
}

.summary-complete-wrap .summary-complete-txt > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.summary-complete-wrap .summary-complete-txt > ul > li + li {
    margin-left: 60px
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > strong {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 30px;
    line-height: 1.3
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > div {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 170px
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > div > span {
    line-height: 1.3;
    display: block
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > div > span b {
    font-weight: 700
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > div > span em {
    color: #CCCCCC;
    font-weight: 700;
    margin-right: 7px
}

.summary-complete-wrap .summary-complete-txt > ul > li .summary-complete-infos > div > span + span {
    margin-top: 10px
}

.summary-complete-wrap .summary-complete-txt > ul + ul {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #EBEBEB
}

.summary-table-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #fff
}

.summary-table-wrap .summary-toggle-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 4.1rem;
    padding: 0 1.4rem;
    background-color: #F9FAFC
}

.summary-table-wrap .summary-toggle-btn:after {
    display: block;
    content: '';
    position: absolute;
    top: 2rem;
    right: 1.7rem;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: .9rem;
    height: .9rem;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    margin-top: -.45rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.summary-table-wrap .summary-toggle-btn.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.summary-table-wrap .summary-toggle-cont {
    display: none
}

.summary-table-wrap .summary-toggle-cont.visible {
    display: block
}

.table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    b order: 0 none;
    word-break: keep-all
}

.table table b {
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4
}

.table table span {
    font-size: 13px;
    margin-right: 10px;
    color: #999;
    line-height: 1.4
}

.table table i {
    margin-left: 5px;
    margin-top: -3px
}

.table table th {
    padding: 20px 0 20px 30px;
    border-top: 1px solid #EBEBEB;
    text-align: left;
    vertical-align: top;
    line-height: 1.4
}

.table table td {
    padding: 20px 30px 20px 0;
    border-top: 1px solid #EBEBEB;
    line-height: 1.4;
    text-align: right
}

.table table tr.noBorder td, .table table tr.noBorder th {
    border: none
}

.unit-normal {
    margin-top: 20px;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.unit-normal a {
    display: block
}

.unit-normal .img {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB
}

.unit-normal .img .flag.circle {
    cursor: pointer
}

.unit-normal .img .cover {
    position: relative
}

.unit-normal .img .sum-cover-wrap {
    background-color: #FAFAFA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-normal .img .sum-cover-wrap .sum-cover {
    position: relative;
    z-index: 1;
    padding: 20px 0;
    margin: 0 20px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.unit-normal .img .sum-cover-wrap .sum-cover img {
    width: 210px
}

.unit-normal .img .sum-cover-wrap .sum-cover .flag {
    top: 16px;
    left: -4px
}

.unit-normal .img .sum-cover-wrap .text {
    padding: 15px 15px 15px 0
}

.unit-normal .img .sum-cover-wrap .text > strong {
    font-weight: 700;
    display: block;
    font-size: 15px;
    line-height: 1.5
}

.unit-normal .img .sum-cover-wrap .text > b {
    font-size: 15px;
    display: block;
    line-height: 1.5
}

.unit-normal .img .flag-inline-wrap {
    position: absolute;
    right: 20px;
    bottom: -30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-normal .img .flag-inline-wrap .flag {
    position: static;
    margin: 0;
    margin-left: 5px
}

.unit-normal .conts {
    padding: 15px
}

.unit-normal .conts > div + div {
    margin-top: 15px
}

.unit-normal .text > strong {
    font-weight: 700;
    display: block;
    font-size: 18px;
    line-height: 1.3
}

.unit-normal .text > strong > b {
    display: block;
    margin-top: .4rem;
    font-size: 1rem;
    font-weight: 400
}

.unit-normal .text > span {
    font-size: 13px;
    display: block;
    color: #999;
    margin-top: 6px;
    line-height: 1.3
}

.unit-normal .option-wrap > ul + ul {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid #EBEBEB
}

.unit-normal .option-wrap > ul > li + li {
    margin-top: .7rem
}

.unit-normal .option-wrap > ul > li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.3
}

.unit-normal .option-wrap .cont i {
    margin-top: -.3rem
}

.unit-normal .option li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-normal .option li > span {
    color: #999;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5.5rem
}

.unit-normal .price li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-normal.border {
    border: 1px solid #EBEBEB
}

.unit-normal.end .cover:after {
    display: block;
    content: 'SOLD OUT';
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    letter-spacing: 4px
}

.unit-normal.end .sum-cover-wrap:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.unit-normal.end .sum-cover-wrap:before {
    display: block;
    content: 'SOLD OUT';
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    width: 250px;
    height: 100%;
    font-size: 16px;
    letter-spacing: 4px;
    z-index: 2
}

.unit-text {
    margin-top: 20px;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px;
    border: 1px solid #EBEBEB
}

.unit-text a {
    display: block
}

.unit-text .text-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text .text-cont .text-cont-in {
    padding: 20px 0;
    min-height: 75px
}

.unit-text .text-cont .text-cont-in > span {
    display: block;
    font-size: 13px;
    color: #999;
    margin-bottom: 10px
}

.unit-text .text-cont .text-cont-in > strong {
    display: block;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700
}

.unit-text .text-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 0;
    border-top: 1px solid #EBEBEB;
    font-size: 15px
}

.unit-text .text-bottom button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px
}

.unit-text .text-bottom button > .icon {
    margin-right: 5px
}

.unit-text .text-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.unit-text .text-buttons button {
    font-size: 15px
}

.unit-text .text-buttons button + button {
    margin-left: 20px
}

.unit-text-comment {
    padding: 20px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #EBEBEB;
    margin: 0;
    overflow: visible
}

.unit-text-comment .text-cont {
    padding: 0;
    position: relative;
    padding-right: 30px
}

.unit-text-comment .text-cont .text-cont-in {
    padding: 0;
    min-height: auto
}

.unit-text-comment .text-cont .toggle-modified {
    position: absolute;
    top: -8px;
    right: 0px
}

.unit-text-comment .text-cont .toggle-modified .toggle-modified-list {
    z-index: 2
}

.unit-text-comment .text-comment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.unit-text-comment .text-comment .text-comment-info {
    margin-right: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-comment .text-comment .text-comment-info .flag-inline-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.unit-text-comment .text-comment .text-comment-info > strong {
    color: #999;
    font-size: 13px;
    line-height: 1.4
}

.unit-text-comment .text-comment > span {
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    line-height: 1.4;
    color: #999
}

.unit-review .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    background-color: #EFF2F7;
    height: 180px
}

.unit-review .img img {
    width: 340px
}

.unit-review .text {
    margin-top: 20px
}

.unit-review .text > span {
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    display: block;
    padding-right: 20px
}

.unit-review .text > strong {
    line-height: 1.4;
    width: 100%;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-height: 85px
}

.unit-review .thumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.unit-review .thumb .descri > span {
    color: #999;
    margin-left: 5px
}

.unit-review .thumb .days {
    color: #999;
    margin-left: auto
}

.unit-review .stars {
    margin-top: 8px;
    font-size: 0
}

.unit-review .stars .star {
    margin-right: 3px
}

.unit-review .toggle-modified {
    position: absolute;
    top: 0px;
    right: 0px
}

.unit-text-detail {
    background-color: #fff;
    margin-top: 50px;
    position: relative
}

.unit-text-detail .vs-radio-box {
    margin-top: 0
}

.unit-text-detail .text-detail-conts {
    padding: 40px 80px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-btns {
    position: absolute;
    top: 40px;
    right: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.unit-text-detail .text-detail-btns .toggle-modified {
    margin-bottom: 10px
}

.unit-text-detail .text-detail-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.unit-text-detail .text-detail-cont > strong {
    display: block;
    line-height: 1.3;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-right: 60px
}

.unit-text-detail .text-detail-cont .detail-cont-info {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-cont .detail-cont-info > b {
    font-size: 15px;
    margin-right: 20px
}

.unit-text-detail .text-detail-cont .detail-cont-edit {
    line-height: 1.4;
    font-size: 14px
}

.unit-text-detail .text-detail-cont .detail-cont-edit p {
    font-size: 14px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit p * {
    font-size: 14px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit b {
    font-weight: 700
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 7pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:7pt'] {
    font-size: 12px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 7pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:7pt'] * {
    font-size: 12px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 8pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:8pt'] {
    font-size: 13px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 8pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:8pt'] * {
    font-size: 13px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 9pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:9pt'] {
    font-size: 14px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 9pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:9pt'] * {
    font-size: 14px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 10pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:10pt'] {
    font-size: 15px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 10pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:10pt'] * {
    font-size: 15px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 11pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:11pt'] {
    font-size: 16px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 11pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:11pt'] * {
    font-size: 16px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 12pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:12pt'] {
    font-size: 17px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 12pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:12pt'] * {
    font-size: 17px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 13pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:13pt'] {
    font-size: 18px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 13pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:13pt'] * {
    font-size: 18px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 14pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:14pt'] {
    font-size: 19px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 14pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:14pt'] * {
    font-size: 19px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 15pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:15pt'] {
    font-size: 20px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 15pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:15pt'] * {
    font-size: 20px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 16pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:16pt'] {
    font-size: 21px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 16pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:16pt'] * {
    font-size: 21px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 17pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:17pt'] {
    font-size: 22px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 17pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:17pt'] * {
    font-size: 22px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 18pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:18pt'] {
    font-size: 23px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 18pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:18pt'] * {
    font-size: 23px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 19pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:19pt'] {
    font-size: 24px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 19pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:19pt'] * {
    font-size: 24px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 20pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:20pt'] {
    font-size: 25px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 20pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:20pt'] * {
    font-size: 25px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 21pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:21pt'] {
    font-size: 26px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 21pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:21pt'] * {
    font-size: 26px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 22pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:22pt'] {
    font-size: 27px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 22pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:22pt'] * {
    font-size: 27px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 23pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:23pt'] {
    font-size: 28px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 23pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:23pt'] * {
    font-size: 28px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 24pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:24pt'] {
    font-size: 29px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 24pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:24pt'] * {
    font-size: 29px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 25pt'], .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:25pt'] {
    font-size: 30px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size: 25pt'] *, .unit-text-detail .text-detail-cont .detail-cont-edit [style*='font-size:25pt'] * {
    font-size: 30px !important
}

.unit-text-detail .text-detail-cont .detail-cont-edit table th {
    border-color: #2b2b2b !important;
    vertical-align: middle
}

.unit-text-detail .text-detail-cont .detail-cont-edit table td {
    border-color: #2b2b2b !important;
    vertical-align: middle
}

.unit-text-detail .text-detail-cont .detail-cont-txt {
    word-break: break-all;
    word-wrap: break-word;
    border-top: 1px solid #2B2B2B;
    padding: 40px 0
}

.unit-text-detail .text-detail-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 0;
    border-top: 1px solid #EBEBEB;
    font-size: 1rem
}

.unit-text-detail .text-detail-bottom > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text-detail .text-detail-bottom button {
    font-size: 15px
}

.unit-text-detail .text-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.unit-text-detail .text-buttons button + button {
    margin-left: 10px
}

.unit-text-detail .text-buttons .toggle-modified {
    margin-left: 10px
}

.unit-text-detail .text-detail-reply {
    padding: 0 80px;
    margin-top: 60px
}

.unit-text-detail .text-detail-reply .detail-reply-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-reply .detail-reply-top > strong {
    font-size: 18px;
    font-weight: 700
}

.unit-text-detail .text-detail-reply .detail-reply-top > strong b {
    color: #F04040;
    font-size: 18px
}

.unit-text-detail .text-detail-reply .detail-reply-top > strong .guide {
    font-weight: 400;
    font-size: 15px;
    margin-left: 20px
}

.unit-text-detail .text-detail-reply .detail-reply-list {
    padding: 30px 0;
    border-bottom: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-reply .detail-reply-list > li + li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top .list-top-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top .list-top-info > b {
    font-size: 15px;
    margin-right: 15px;
    line-height: 1.3
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top .list-top-info > span {
    color: #999;
    margin-right: 15px;
    line-height: 1.3
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-cont {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 15px
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-bottom {
    margin-top: 1rem
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item {
    background-color: #F8F8F8;
    margin-top: 30px;
    padding: 30px 30px 30px 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item + .commend-item {
    margin-top: 10px
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item.write {
    background-color: #EAF5F7
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-reply-arr.png");
    background-position: center center;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px;
    background-size: 10px;
    position: absolute;
    top: 35px;
    left: 20px
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top .commend-top-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top .commend-top-info > b {
    font-size: 15px;
    margin-right: 15px
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top .commend-top-info > span {
    font-size: 15px;
    margin-right: 15px;
    color: #999
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-cont {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .9rem
}

.unit-text-detail .text-detail-reply .reply-list-none {
    height: 190px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.unit-text-detail .text-detail-reply .reply-list-none > strong {
    display: block;
    font-size: 22px;
    margin-top: 20px
}

.unit-text-detail .text-detail-reply .reply-list-none > span {
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 7px
}

.unit-text-detail .text-detail-vs {
    padding: 0px 0 20px
}

.unit-text-detail .text-detail-vs + .text-detail-bottom {
    margin-top: 20px
}

.unit-text-detail .text-detail-vs .detail-vs-top > strong {
    display: block;
    font-weight: 700;
    font-size: 22px
}

.unit-text-detail .text-detail-vs .detail-vs-top > span {
    display: block;
    font-size: 1rem;
    color: #999;
    text-align: center;
    margin-top: .9rem;
    line-height: 1
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box {
    margin-top: 30px
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner {
    margin-top: 30px
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > input {
    display: none
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    height: 60px;
    position: relative;
    background-color: #B4B8BF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 18px
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > label:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow03-off.png");
    background-position: center center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px;
    background-size: 15px;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -7.5px
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > input:checked + label {
    background-color: #20BBC4
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > input:checked + label:before {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow03-on.png");
    background-position: center center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px;
    background-size: 15px
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner > input:checked + label:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-left: 8px
}

.unit-text-detail .text-detail-write h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1
}

.unit-text-detail .text-detail-write .textarea textarea {
    height: 200px
}

.unit-text-detail .text-detail-write .vs-item-btns {
    margin-top: 30px
}

.unit-text-detail .text-detail-write .vs-item-btns .carSelect-box li .inner button {
    border: 1px solid #EBEBEB;
    padding: 25px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text-detail .text-detail-write .vs-item-btns .carSelect-box li .carSelect-box-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-write .vs-item-btns .carSelect-box li .carSelect-box-in > div {
    margin-left: 30px;
    text-align: left
}

.unit-text-detail .text-detail-write .vs-item-btns .carSelect-box li .carSelect-box-in > div strong {
    display: block;
    font-size: 18px;
    font-weight: 700
}

.unit-text-detail .text-detail-write .vs-item-btns .carSelect-box li .carSelect-box-in > div span {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    color: #999
}

.unit-text-detail .text-detail-write .vs-item-enrollment {
    padding: 40px 0 0px
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-cont-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-write .vs-item-enrollment h5 {
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-cont-box {
    margin-top: 15px
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-cont-box:after {
    display: none
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-cont-box .detail-vs-infos {
    background-color: #fff
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-cont-box .detail-vs-infos .cover {
    margin-top: -25px
}

.unit-text-detail .text-detail-write .vs-item-enrollment .vs-radio-box .vs-infos-in {
    background-color: #fff;
    min-height: 200px
}

.unit-text-detail .detail-cont-edit {
    border-top: 1px solid #2B2B2B;
    padding-top: 40px
}

.unit-text-detail .detail-cont-edit .detail-cont-txt {
    padding: 0;
    margin-bottom: 40px;
    border: 0
}

.unit-text-detail .detail-cont-edit .detail-img {
    position: relative;
    margin-bottom: 40px
}

.unit-text-detail .detail-cont-edit .detail-img .youtube-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -45px
}

.unit-specials-detail {
    position: relative
}

.unit-specials-detail .event-item-box {
    margin: 0 80px
}

.unit-specials-detail .event-item-box + .section-btns {
    margin-top: 0
}

.unit-specials-detail .text-detail-top {
    margin-bottom: 10px
}

.unit-specials-detail .text-detail-cont > strong {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    padding-right: 60px;
    display: block
}

.unit-specials-detail .text-detail-cont > span {
    display: block;
    line-height: 1.4;
    font-size: 18px;
    margin-top: 10px
}

.unit-specials-detail .text-detail-cont .detail-cont-info {
    margin-top: 20px
}

.unit-specials-detail .text-detail-cont .detail-cont-info .date > span {
    font-size: 18px;
    margin-right: 20px
}

.unit-specials-detail .text-detail-cont .detail-cont-info .toggle-share {
    position: absolute;
    top: 45px;
    right: 0
}

.unit-specials-detail .text-detail-cont .detail-cont-graph {
    margin: 0px 80px 40px;
    background-color: #FAFAFA;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 40px;
    border: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont {
    width: 540px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-top .graph-top > span {
    font-size: 18px;
    line-height: 1.3
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-top .graph-top > span b {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    margin-left: 6px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-top .graph-bottom > span {
    font-size: 18px;
    line-height: 1.3
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-top .graph-bottom > span b {
    font-size: 18px;
    line-height: 1.3;
    margin-left: 6px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-wrap {
    margin-top: 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #EBEBEB;
    height: 6px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-wrap .progress {
    position: absolute;
    top: 0px;
    left: 0;
    height: 6px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .bar-wrap .progress span {
    width: 0%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
    height: 6px;
    background-color: #F04040;
    -webkit-animation: progressbar 2s ease-out;
    -moz-animation: progressbar 2s ease-out;
    -o-animation: progressbar 2s ease-out;
    animation: progressbar 2s ease-out;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .tooltip-message {
    position: absolute;
    top: 65px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #333;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 11px 16px;
    background-color: #fff
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .tooltip-message p {
    font-weight: 700;
    margin-right: 10px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-cont .tooltip-message:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arr-toast01.png");
    background-position: center bottom;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 11px;
    height: 8px;
    position: absolute;
    top: -7.5px;
    left: 30px
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-btn {
    width: 230px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.unit-specials-detail .text-detail-cont .detail-cont-graph .graph-btn .btn {
    height: 48px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-size: 15px
}

.unit-specials-detail .text-detail-cont .detail-cont-edit {
    line-height: 1.4;
    font-size: 14px;
    padding: 40px
}

.unit-specials-detail .text-detail-cont .detail-cont-edit p {
    font-size: 14px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit p * {
    font-size: 14px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit b {
    font-weight: 700
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 7pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:7pt'] {
    font-size: 12px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 7pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:7pt'] * {
    font-size: 12px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 8pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:8pt'] {
    font-size: 13px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 8pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:8pt'] * {
    font-size: 13px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 9pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:9pt'] {
    font-size: 14px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 9pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:9pt'] * {
    font-size: 14px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 10pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:10pt'] {
    font-size: 15px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 10pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:10pt'] * {
    font-size: 15px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 11pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:11pt'] {
    font-size: 16px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 11pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:11pt'] * {
    font-size: 16px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 12pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:12pt'] {
    font-size: 17px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 12pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:12pt'] * {
    font-size: 17px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 13pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:13pt'] {
    font-size: 18px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 13pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:13pt'] * {
    font-size: 18px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 14pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:14pt'] {
    font-size: 19px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 14pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:14pt'] * {
    font-size: 19px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 15pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:15pt'] {
    font-size: 20px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 15pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:15pt'] * {
    font-size: 20px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 16pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:16pt'] {
    font-size: 21px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 16pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:16pt'] * {
    font-size: 21px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 17pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:17pt'] {
    font-size: 22px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 17pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:17pt'] * {
    font-size: 22px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 18pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:18pt'] {
    font-size: 23px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 18pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:18pt'] * {
    font-size: 23px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 19pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:19pt'] {
    font-size: 24px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 19pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:19pt'] * {
    font-size: 24px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 20pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:20pt'] {
    font-size: 25px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 20pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:20pt'] * {
    font-size: 25px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 21pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:21pt'] {
    font-size: 26px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 21pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:21pt'] * {
    font-size: 26px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 22pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:22pt'] {
    font-size: 27px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 22pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:22pt'] * {
    font-size: 27px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 23pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:23pt'] {
    font-size: 28px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 23pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:23pt'] * {
    font-size: 28px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 24pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:24pt'] {
    font-size: 29px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 24pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:24pt'] * {
    font-size: 29px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 25pt'], .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:25pt'] {
    font-size: 30px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size: 25pt'] *, .unit-specials-detail .text-detail-cont .detail-cont-edit [style*='font-size:25pt'] * {
    font-size: 30px !important
}

.unit-specials-detail .text-detail-cont .detail-cont-edit table th {
    border-color: #2b2b2b !important;
    vertical-align: middle
}

.unit-specials-detail .text-detail-cont .detail-cont-edit table td {
    border-color: #2b2b2b !important;
    vertical-align: middle
}

.unit-specials-detail .text-detail-cont .unit-text-write-wrap {
    margin: 60px 80px 0
}

.unit-specials-detail .text-detail-cont .detail-cont-edit-wrap {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 30px;
    padding-bottom: 50px
}

.unit-top-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 50px 0 30px
}

.unit-top-cont > strong {
    font-size: 18px;
    font-weight: 700
}

.unit-top-cont > strong b {
    color: #F04040;
    font-size: 18px
}

.vs-cont-box {
    position: relative;
    margin-top: 30px
}

.vs-cont-box > ul:after {
    display: block;
    content: 'VS';
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #2B2B2B;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px
}

.vs-cont-box > ul > li .inner {
    height: 100%;
    margin-top: 0
}

.vs-cont-box .detail-vs-infos {
    border: 1px solid #EBEBEB;
    background-color: #F9FAFC;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 25px 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vs-cont-box .detail-vs-infos .infos-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart {
    position: relative;
    width: 115px;
    height: 115px
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart:before {
    position: absolute;
    top: 12.5px;
    left: 12.5px;
    display: block;
    content: '';
    width: 90px;
    height: 90px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    text-align: center
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts .percent {
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts > b {
    margin-top: 5px;
    display: block;
    font-size: 15px
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart canvas {
    width: 100% !important;
    height: 100% !important
}

.vs-cont-box .detail-vs-infos .infos-top .cover {
    position: relative;
    margin-top: -55px;
    width: 198px;
    height: 142px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vs-cont-box .detail-vs-infos .infos-top .cover img {
    width: 198px
}

.vs-cont-box .detail-vs-infos .infos-top .btn-anchor {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1
}

.vs-cont-box .detail-vs-infos .infos-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 170px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-bottom: 20px
}

.vs-cont-box .detail-vs-infos .infos-bottom > strong {
    display: block;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    width: 100%;
    word-break: break-word
}

.vs-cont-box .detail-vs-infos .infos-bottom > span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #999;
    margin-top: 10px;
    line-height: 1.3;
    width: 100%;
    word-break: break-word
}

.vs-cont-box .detail-vs-infos .infos-bottom > b {
    font-size: 15px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-top: 13px
}

.vs-cont-box .detail-vs-infos .infos-bottom > a {
    margin-top: 30px;
    width: 120px;
    background-color: #fff
}

.vs-cont-box .detail-vs-enrollment {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vs-cont-box .detail-vs-enrollment > button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 45px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vs-cont-box .detail-vs-enrollment > button span {
    display: block;
    font-size: 18px;
    color: #999;
    line-height: 1.4;
    margin-top: 25px
}

.vs-cont-box .list-type-col1:after {
    display: none
}

.vs-cont-box .list-type-col1 > li {
    width: 50%
}

.vs-cont-box .list-type-col1 .detail-vs-infos {
    padding: 25px
}

.vs-cont-box .list-type-col1 .detail-vs-infos .infos-top .cover {
    margin: 0
}

.vs-cont-box .list-type-col1 .detail-vs-infos .infos-bottom {
    padding-bottom: 0
}

.vs-radio-box {
    position: relative;
    margin-top: 10px
}

.vs-radio-box > ul > li {
    margin-top: 20px
}

.vs-radio-box .detail-vs-infos {
    position: relative;
    height: 100%
}

.vs-radio-box .detail-vs-infos .btn-link-view {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 15px
}

.vs-radio-box .detail-vs-infos input {
    position: absolute;
    font: 0/0 a;
    visibility: hidden
}

.vs-radio-box .detail-vs-infos .vs-infos-in {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #F9FAFC;
    padding: 25px 20px 5px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top {
    width: 210px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 15px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart {
    position: relative;
    width: 110px;
    height: 110px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart:before {
    position: absolute;
    top: 12.5px;
    left: 12.5px;
    display: block;
    content: '';
    width: 85px;
    height: 85px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart .texts {
    position: absolute;
    top: 34px;
    left: 0;
    width: 100%;
    text-align: center
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart .texts .percent {
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart .texts > b {
    margin-top: 5px;
    display: block;
    font-size: 15px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .pie-chart canvas {
    width: 100% !important;
    height: 100% !important
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .cover {
    position: relative;
    margin-top: -60px;
    width: 198px;
    height: 142px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .cover:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0)
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .cover img {
    width: 198px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-top .btn-anchor {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom {
    word-break: break-word
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom > strong {
    display: block;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    width: 100%;
    word-break: break-word
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom > span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #999;
    margin-top: 5px;
    line-height: 1.3;
    width: 100%;
    word-break: break-word
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom > b {
    font-size: 15px;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-top: 10px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom .btn-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 118px;
    height: 40px;
    position: relative;
    background-color: #B4B8BF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 15px
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom .btn-select .normal {
    display: block
}

.vs-radio-box .detail-vs-infos .vs-infos-in .infos-bottom .btn-select .complete {
    display: none
}

.vs-radio-box .detail-vs-infos input:checked + label .vs-infos-in .btn-select {
    background-color: #20BBC4;
    font-weight: 700
}

.vs-radio-box .detail-vs-infos input:checked + label .vs-infos-in .btn-select .normal {
    display: none
}

.vs-radio-box .detail-vs-infos input:checked + label .vs-infos-in .btn-select .complete {
    display: block
}

.vs-radio-box .detail-vs-infos input:checked + label .vs-infos-in .btn-select:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin-left: 5px
}

.vs-radio-box .noPie .detail-vs-infos .vs-infos-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 20px 20px 0
}

.vs-radio-box .noPie .detail-vs-infos .vs-infos-in .cover {
    margin-top: 0;
    width: 198px;
    height: 113px
}

.vs-radio-box .detail-vs-enrollment {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 100%;
    min-height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box
}

.vs-radio-box .detail-vs-enrollment > button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vs-radio-box .detail-vs-enrollment > button span {
    display: block;
    font-size: 18px;
    color: #999;
    line-height: 1.4;
    margin-top: 20px
}

.unit-text-write-wrap {
    margin-top: 30px
}

.unit-text-write-wrap .unit-text-write {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.unit-text-write-wrap .unit-text-write .textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

.unit-text-write-wrap .unit-text-write .textarea textarea {
    padding: 18px 0;
    line-height: 1.4
}

.unit-text-write-wrap .unit-text-write > button {
    margin-left: 10px;
    width: 178px;
    height: 60px;
    font-size: 16px
}

.unit-text-write-wrap .unit-text-write > button.active {
    color: #F04040
}

.unit-text-write-wrap .unit-text-write.active {
    background-color: #fff
}

.unit-text-write-wrap .unit-text-write.active:after {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 44
}

.unit-text-write-wrap.active .unit-text-write {
    background-color: #fff
}

.unit-text-write-wrap.active:after {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 44
}

.event-item-box {
    text-align: center
}

.event-item-box li {
    margin-bottom: 60px
}

.event-item-box li input {
    display: none
}

.event-item-box li strong {
    font-weight: 700;
    font-size: 22px;
    display: block;
    margin-bottom: 30px;
    line-height: 1.4
}

.event-item-box li .cover {
    border: 1px solid #ebebeb;
    height: 270px;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.event-item-box li .cover img {
    width: 360px
}

.event-item-box li.active .cover {
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 272px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/bgs/event-detail-cover-bg.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.event-item-box .event-chk-box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    position: relative;
    height: 53px;
    margin: 0 10px;
    background-color: #B4B8BF;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 20px
}

.event-item-box .event-chk-box label:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow03-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: -11px;
    left: 50%;
    width: 18px;
    height: 12px;
    margin-left: -9px
}

.event-item-box .event-chk-box > input:checked + label {
    background-color: #20BBC4
}

.event-item-box .event-chk-box > input:checked + label:before {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow03-on.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.event-item-box .event-chk-box > input:checked + label:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    margin-left: 5px
}

.filter-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow-x: visible;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: .2rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 1.7rem;
    margin: 2.4rem 0 0
}

.filter-list::-webkit-scrollbar {
    display: none
}

.filter-list button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-right: .8rem;
    height: 2.8rem;
    font-size: 1.2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    border: 2px solid #2B2B2B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.2rem
}

.filter-list button i {
    margin-left: .7rem
}

.filter-list.ty2 button {
    background-color: #fff;
    border: 1px solid #2B2B2B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.filter-list.ty2 button.active {
    background-color: #2B2B2B;
    color: #fff
}

.text-info-lst {
    font-size: 0
}

.text-info-lst li {
    display: inline-block;
    vertical-align: middle
}

.text-info-lst li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.text-info-lst li span.gray {
    color: #999
}

.text-info-lst li + li:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 2px;
    height: 2px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 10px
}

.estimate-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.estimate-list-non-cont .non-estimate-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.estimate-list-non-cont .non-estimate-box > p {
    font-size: 22px;
    padding-top: 16px
}

.estimate-list-non-cont .non-estimate-box > span {
    margin-top: 8px
}

.estimate-list-non-cont .non-estimate-box .btn {
    margin-top: 30px
}

.estimate-list-non-cont .non-estimate-box .btn span {
    margin-right: 5px
}

.coupon-list-non-cont {
    border-top: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.coupon-list-non-cont .non-coupon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.coupon-list-non-cont .non-coupon-box p {
    font-size: 22px;
    padding-top: 16px
}

.attention-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.attention-list-non-cont .non-attention-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.attention-list-non-cont .non-attention-box > p {
    font-size: 22px;
    padding-top: 16px
}

.attention-list-non-cont .non-attention-box > span {
    margin-top: 8px
}

.attention-list-non-cont .non-attention-box .btn {
    margin-top: 30px
}

.attention-list-non-cont .non-attention-box .btn span {
    margin-right: 5px
}

.review-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.review-list-non-cont .non-review-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.review-list-non-cont .non-review-box > p {
    font-size: 22px;
    padding-top: 16px
}

.review-list-non-cont .non-review-box > span {
    margin-top: 8px
}

.review-list-non-cont .non-review-box .btn {
    margin-top: 30px
}

.review-list-non-cont .non-review-box .btn span {
    margin-right: 5px
}

.posting-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.posting-list-non-cont .non-posting-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.posting-list-non-cont .non-posting-box > p {
    font-size: 22px;
    padding-top: 16px
}

.posting-list-non-cont .non-posting-box > span {
    margin-top: 8px
}

.posting-list-non-cont .non-posting-box .btn {
    margin-top: 30px
}

.posting-list-non-cont .non-posting-box .btn span {
    margin-right: 5px
}

.comment-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comment-list-non-cont .non-comment-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.comment-list-non-cont .non-comment-box > p {
    font-size: 22px;
    padding-top: 16px
}

.comment-list-non-cont .non-comment-box > span {
    margin-top: 8px
}

.comment-list-non-cont .non-comment-box .btn {
    margin-top: 30px
}

.comment-list-non-cont .non-comment-box .btn span {
    margin-right: 5px
}

.business-list-non-cont {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 60px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.business-list-non-cont .non-business-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px
}

.business-list-non-cont .non-business-box > p {
    font-size: 22px;
    padding-top: 16px
}

.business-list-non-cont .non-business-box > span {
    margin-top: 8px
}

.business-list-non-cont .non-business-box .btn {
    margin-top: 30px
}

.business-list-non-cont .non-business-box .btn span {
    margin-right: 5px
}

.guide-list > strong {
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin-bottom: 12px
}

.guide-list > ul {
    margin-top: 7px
}

.guide-list > ul > li {
    position: relative;
    padding-left: 7px;
    line-height: 1.4;
    margin-top: 7px;
    font-size: 14px
}

.guide-list > ul > li:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    background-color: #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.guide-list > ul > li strong {
    font-weight: 700
}

.guide-list > ul.reference > li {
    padding-left: 15px
}

.guide-list > ul.reference > li:before {
    content: "※";
    top: 0;
    background-color: transparent !important;
    width: auto;
    height: auto
}

.guide-list > ul.gray > li {
    color: #999
}

.guide-list > ul.gray > li:before {
    background-color: #999
}

.guide-list > ul.redCk > li {
    font-size: 16px;
    padding-left: 16px;
    margin: 0 0 10px
}

.guide-list > ul.redCk > li:before {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-red.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 11px;
    height: 9px;
    background-color: transparent;
    top: 5px
}

.guide-list > ul.redCk > li .small {
    font-size: 13px
}

.paging-move {
    margin-top: 70px
}

.paging-move ul {
    border-top: 1px solid #999
}

.paging-move ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
    width: 100%
}

.paging-move ul li strong {
    color: #999;
    line-height: 1.5
}

.paging-move ul li a {
    margin-left: 46px;
    width: 75%;
    line-height: 1.5;
    text-align: left
}

.paging-move ul li span {
    line-height: 1.5;
    margin-left: auto
}

.pagination-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-wrap .btn-paging-before {
    margin-right: 10px
}

.pagination-wrap .btn-paging-prev {
    margin-right: 5px
}

.pagination-wrap .btn-paging-next {
    margin-left: 5px
}

.pagination-wrap .btn-paging-after {
    margin-left: 10px
}

.pagination-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination-list li {
    margin: 0 5px
}

.pagination-list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    font-size: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pagination-list li strong {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2B2B2B;
    background-color: #2B2B2B;
    color: #fff;
    font-size: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: 700
}

body.fixed {
    overflow: hidden;
    position: fixed
}

.bg-dimmed {
    font: 0/0 a;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 50
}

.layer-wrap {
    line-height: 1;
    z-index: 60
}

.layer-popup {
    position: fixed;
    width: 640px;
    display: none
}

.layer-popup.active {
    display: block !important;
    opacity: 1 !important
}

.layer-popup.type-ars .iscroll-in {
    padding-bottom: 30px !important
}

.layer-popup.type-ars .iscroll-in .btn-white {
    height: 73px
}

.layer-popup.type-consulting .consulting-box {
    margin-top: 60px !important
}

.layer-popup.type-consulting .consulting-box .popup-normal-btns button {
    width: 300px;
    background-color: #FAFAFA
}

.layer-popup.type-electricity .popup-top h4 {
    height: auto;
    padding: 40px 0 30px
}

.layer-popup.type-electricity .iscroll-in {
    padding-bottom: 30px !important
}

.layer-popup.type-electricity .iscroll-in button {
    height: 73px !important
}

.layer-popup .pop-inner > .layer-popup-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: -27px;
    right: 40px;
    width: 54px;
    height: 54px;
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    z-index: 2
}

.layer-popup .pop-inner {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    margin: 50px 30px 30px;
    position: relative;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.layer-popup .popup-top {
    position: relative;
    z-index: 1
}

.layer-popup .popup-top > h4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 700;
    height: 100px
}

.layer-popup .popup-cont {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA
}

.layer-popup .popup-cont .iscroll-in {
    padding-bottom: 40px
}

.layer-popup .popup-cont::-webkit-scrollbar {
    width: 17px
}

.layer-popup .popup-cont::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-cont::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-bottom-btn {
    margin-top: 10px
}

.layer-popup .popup-bottom-btn .btn-white {
    height: 70px;
    border: 0;
    border-top: 1px solid #EBEBEB;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    bottom: -30px
}

.layer-popup .popup-bottom-btns {
    margin-top: 50px;
    width: 102%
}

.layer-popup .popup-bottom-btns .btn {
    height: 68px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-normal-btns {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup .popup-normal-btns .btn {
    width: 265px;
    height: 68px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .detail-layer-list-btn {
    margin-top: 40px
}

.layer-popup .detail-layer-list-btn .btn {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 68px;
    font-size: 18px
}

.layer-popup.layer-login .layer-login-close {
    position: absolute;
    top: -27px;
    right: 40px;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.layer-popup.layer-login .tab-nav {
    margin: 0px 30px 0
}

.layer-popup.layer-promotion .popup-top > h4 {
    height: 100px;
    margin: 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-bottom: 1px solid #EBEBEB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px
}

.layer-popup.layer-promotion .popup-top > h4 img {
    margin-right: 10px
}

.layer-popup.layer-promotion .promotion-col {
    padding: 0 40px;
    margin-top: 30px
}

.layer-popup.layer-promotion .promotion-col h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

.layer-popup.layer-promotion .promotion-col .unit-normal .conts {
    padding: 20px 30px
}

.layer-popup.layer-promotion .promotion-col .unit-normal .option-wrap ul + ul {
    margin-top: 16px;
    padding-top: 16px
}

.layer-popup.layer-promotion .promotion-col .unit-normal .option-wrap ul li + li {
    margin-top: 6px
}

.layer-popup.layer-promotion .popup-bottom-btn {
    margin-top: 0px
}

.layer-popup.layer-promotion .popup-bottom-btn .btn-white {
    bottom: -45px
}

.layer-popup.layer-address .layer-address-top {
    padding: 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-address .layer-address-top > button {
    margin-left: 10px;
    width: 120px;
    height: 60px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 16px
}

.layer-popup.layer-address .layer-address-guide {
    margin: 0 40px;
    position: relative;
    margin-top: 15px;
    padding-left: 40px
}

.layer-popup.layer-address .layer-address-guide:before {
    display: block;
    content: 'TIP.';
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 1.3rem
}

.layer-popup.layer-address .layer-address-guide > p {
    font-size: 13px;
    line-height: 1.4
}

.layer-popup.layer-address .layer-address-guide > span {
    font-size: 13px;
    color: #999;
    line-height: 1.4;
    display: block;
    margin-top: 10px
}

.layer-popup.layer-address .layer-address-guide > span a {
    font-size: 13px;
    color: #999;
    line-height: 1.4
}

.layer-popup.layer-address .layer-address-result {
    padding: 0 40px;
    margin-top: 30px
}

.layer-popup.layer-address .layer-address-result .address-result-top strong {
    font-weight: 700;
    margin-left: 10px
}

.layer-popup.layer-address .layer-address-result .address-result-top strong b {
    color: #F04040
}

.layer-popup.layer-address .layer-address-result .address-result-list {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 10px;
    padding: 24px 0px 30px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul::-webkit-scrollbar {
    width: 17px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li {
    margin: 0 20px;
    border-bottom: 1px solid #EBEBEB
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0px 0 20px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li a > strong {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 15px;
    width: 95px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li a > span {
    font-size: 13px;
    line-height: 1.5;
    width: 300px
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li + li a {
    padding: 20px 0
}

.layer-popup.layer-address .layer-address-result .address-result-list > ul > li .none {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 330px
}

.layer-popup.layer-address .pagination-wrap {
    margin-top: 30px
}

.layer-popup.layer-license .iscroll-in {
    padding-bottom: 30px
}

.layer-popup.layer-license .iscroll-in .layer-license-top {
    position: relative;
    width: 400px;
    margin: 0 auto
}

.layer-popup.layer-license .iscroll-in .layer-license-top i.red {
    position: absolute;
    top: 10px;
    left: 10px
}

.layer-popup.layer-license .iscroll-in .layer-license-top i.blue {
    position: absolute;
    top: 40px;
    left: 120px
}

.layer-popup.layer-license .iscroll-in .layer-license-top i.green {
    position: absolute;
    top: 140px;
    left: 120px
}

.layer-popup.layer-license .iscroll-in .layer-license-top i.mint {
    position: absolute;
    top: 190px;
    left: 120px
}

.layer-popup.layer-license .iscroll-in .layer-license-guide {
    margin-top: 20px
}

.layer-popup.layer-license .iscroll-in .layer-license-guide > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-license .iscroll-in .layer-license-guide > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.layer-popup.layer-license .iscroll-in .layer-license-guide > ul > li > span {
    margin-left: 5px
}

.layer-popup.layer-license .iscroll-in .layer-license-bottom {
    margin-top: 30px;
    text-align: center;
    line-height: 1.4
}

.layer-popup.layer-license .iscroll-in .popup-bottom-btn {
    margin-top: 40px
}

.layer-popup.layer-license .iscroll-in .popup-bottom-btn button {
    height: 73px
}

.layer-popup.layer-detail .list-wrap {
    margin: 0 40px 40px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-detail .list-wrap .list-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 16px
}

.layer-popup.layer-detail .list-wrap .list-item-top .num {
    -webkit-columns: #ff0044;
    -moz-columns: #ff0044;
    columns: #ff0044
}

.layer-popup.layer-detail .list-wrap .list-item-top .num span {
    color: #999;
    margin-right: 5px
}

.layer-popup.layer-detail .list-wrap .list-item-detail {
    background-color: #EFF2F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 30px
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price {
    display: flex;
    justify-content: space-between;
    color: #F04040;
    margin-top: 7px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div {
    margin-left: 20px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span {
    font-weight: bold;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span b {
    display: inline-block;
    margin-right: 3px;
    color: #F04040;
    font-weight: bold;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span + span {
    position: relative;
    padding-left: 20px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span + span:before {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background: #F04040;
    position: absolute;
    left: 9px;
    top: 3px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .carInfo {
    display: flex;
    flex-direction: column
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text p > strong {
    font-weight: 700;
    line-height: 1.4;
    display: block;
    font-size: 18px
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text p > span {
    line-height: 1.4;
    font-size: 26px
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text p > span b {
    line-height: 1.4;
    font-weight: 700;
    font-size: 26px
}

.layer-popup.layer-detail .list-wrap .list-item-detail .cover {
    margin: 0 auto -60px;
    width: 340px
}

.layer-popup.layer-detail .list-wrap .list-item-detail .cover img {
    width: 340px
}

.layer-popup.layer-detail .list-wrap .list-item-cont {
    margin-top: 80px;
    position: relative
}

.layer-popup.layer-detail .list-wrap .list-item-cont > ul {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 30px
}

.layer-popup.layer-detail .list-wrap .list-item-cont > ul > li + li {
    margin-top: 20px
}

.layer-popup.layer-detail .list-wrap .list-item-cont > ul + ul {
    margin: 20px 0 40px
}

.layer-popup.layer-detail .list-wrap .list-item-cont > ul + ul .infos-in {
    text-align: right
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in:before {
    display: block;
    content: '';
    width: 100%;
    border-top: 1.5px dashed #EBEBEB;
    position: absolute;
    top: 9px;
    left: 0
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > span {
    position: relative;
    background-color: #fff;
    padding-right: 10px;
    line-height: 1.4;
    margin-right: auto
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > .infos-in {
    position: relative;
    background-color: #fff;
    padding-left: 10px;
    line-height: 1.4
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > .infos-in > p {
    font-weight: 700
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > .infos-in > p span {
    margin-right: 8px;
    color: #999;
    font-weight: 400;
    font-size: 13px
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > .infos-in > p i {
    margin-left: 8px
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-in > .infos-in > p + p {
    margin-top: 2px
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth {
    margin-top: 20px
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth > li + li {
    margin-top: 14px
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth .depth-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth .depth-in:before {
    display: block;
    content: '';
    width: 100%;
    border-top: 1.5px dashed #EBEBEB;
    position: absolute;
    top: 9px;
    left: 0
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth .depth-in > span {
    background-color: #fff;
    position: relative;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    text-indent: -10px;
    color: #999;
    line-height: 1.4
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth .depth-in > span:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    margin-right: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
    background-color: #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.layer-popup.layer-detail .list-wrap .list-item-cont .item-depth .depth-in > .infos-in {
    color: #999;
    line-height: 1.4;
    text-align: right;
    padding-left: 10px;
    position: relative;
    background-color: #fff
}

.layer-popup.layer-detail .list-wrap .list-item-btn .btn-default {
    background-color: #fff;
    color: #000
}

.layer-popup.layer-detail .list-wrap .list-item-btn .btn-default.active {
    background-color: #ff0044;
    color: #fff
}

.layer-popup.layer-compare .list-wrap {
    position: relative;
    width: 520px;
    margin: 0 auto
}

.layer-popup.layer-compare .list-wrap:before {
    display: block;
    content: '';
    width: 500px;
    position: absolute;
    top: 0;
    left: 10px;
    height: 1px;
    background-color: #EBEBEB
}

.layer-popup.layer-compare .list-wrap h5 {
    font-weight: 700
}

.layer-popup.layer-compare .list-wrap .list-item-guide {
    text-align: center;
    line-height: 1.4;
    font-size: 13px;
    color: #999;
    padding-top: 30px
}

.layer-popup.layer-compare .list-wrap .list-item-top {
    width: 100%
}

.layer-popup.layer-compare .list-wrap .list-item-top > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layer-popup.layer-compare .list-wrap .list-item-top > ul > li {
    width: 50%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 0px
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 20px 0 30px;
    background-color: #EFF2F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .cover {
    width: 170px;
    margin: 0 auto 10px
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .cover img {
    width: 170px
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0 20px;
    text-align: center
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .text strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .text span {
    margin-top: 7px;
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 1.4
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .text b {
    margin-top: 7px;
    display: block;
    color: #F04040;
    font-weight: 700;
    line-height: 1.4
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .list-item-btn {
    text-align: center;
    margin-top: 20px
}

.layer-popup.layer-compare .list-wrap .list-item-top .list-item-detail .list-item-btn .btn-default {
    background-color: #fff;
    color: #000;
    border: 0;
    height: 40px;
    width: 160px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    pointer-events: auto;
    font-size: 15px
}

.layer-popup.layer-compare .list-wrap .list-item-cont {
    width: 100%
}

.layer-popup.layer-compare .list-wrap .list-item-cont h5 {
    margin: 0 10px
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item {
    margin: 16px 0 30px
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item > li:first-child .item-in {
    border-top: 1px solid #000
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .item-in {
    border-bottom: 1px solid #EBEBEB;
    padding: 20px 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .item-in span {
    color: #999;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 5px;
    line-height: 1.4;
    font-size: 13px
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .item-in .infos-in p {
    font-weight: 700;
    text-align: right;
    line-height: 1.4
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .item-in .infos-in p span {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .item-in .infos-in p + p {
    margin-top: 5px
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .compare-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .compare-cont .object {
    width: 50%;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-compare .list-wrap .list-item-cont .item .compare-cont .object + .object .item-in {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.layer-popup.layer-compare.layer-compare3 {
    width: 900px
}

.layer-popup.layer-compare.layer-compare3 .list-wrap {
    width: 760px
}

.layer-popup.layer-compare.layer-compare3 .list-wrap:before {
    width: 740px
}

.layer-popup.layer-compare.layer-compare3 .list-wrap .list-item-top > ul > li {
    width: 33.333%
}

.layer-popup.layer-compare.layer-compare3 .list-wrap .list-item-cont .compare-cont .object {
    width: 33.333%
}

.layer-popup.layer-mypageDetail .list-wrap {
    margin: 0 40px 40px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 16px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-top .num {
    -webkit-columns: #ff0044;
    -moz-columns: #ff0044;
    columns: #ff0044
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-top .num span {
    color: #999;
    margin-right: 5px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail {
    background-color: #EFF2F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    padding: 20px 30px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .info > strong {
    font-weight: 700;
    line-height: 1.4;
    display: block;
    font-size: 18px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .info > span {
    line-height: 1.4;
    font-size: 26px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .info > span b {
    line-height: 1.4;
    font-weight: 700;
    font-size: 26px;
    color: #F04040
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .great {
    margin-top: 10px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .great > span b {
    margin-right: 5px;
    color: #2CB3B9;
    font-weight: 700
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .cards {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #2B2B2B
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .cards > span {
    margin-left: auto
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .text .cards > span b {
    font-weight: 700;
    color: #F04040
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-detail .cover {
    margin: 0 auto -60px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont {
    margin-top: 80px;
    position: relative
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont + .list-item-cont {
    margin-top: 30px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .guide > ul li {
    text-indent: -14px;
    padding-left: 17px;
    line-height: 1.4;
    margin-top: 8px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .guide > ul li.red {
    color: #F04040
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont > ul {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 30px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont > ul > li + li {
    margin-top: 20px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont > ul + ul {
    margin: 20px 0 40px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont > ul + ul .infos-in {
    text-align: right
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in:before {
    display: block;
    content: '';
    width: 100%;
    border-top: 1.5px dashed #EBEBEB;
    position: absolute;
    top: 9px;
    left: 0
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > span {
    position: relative;
    background-color: #fff;
    padding-right: 10px;
    line-height: 1.4;
    margin-right: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > .infos-in {
    position: relative;
    background-color: #fff;
    padding-left: 10px;
    line-height: 1.4
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > .infos-in > p {
    font-weight: 700
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > .infos-in > p span {
    margin-right: 8px;
    color: #999;
    font-weight: 400;
    font-size: 13px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > .infos-in > p i {
    margin-left: 8px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-in > .infos-in > p + p {
    margin-top: 2px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth {
    margin-top: 20px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth > li + li {
    margin-top: 14px
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth .depth-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth .depth-in:before {
    display: block;
    content: '';
    width: 100%;
    border-top: 1.5px dashed #EBEBEB;
    position: absolute;
    top: 9px;
    left: 0
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth .depth-in > span {
    background-color: #fff;
    position: relative;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    text-indent: -10px;
    color: #999;
    line-height: 1.4
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth .depth-in > span:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    margin-right: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
    background-color: #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.layer-popup.layer-mypageDetail .list-wrap .list-item-cont .item-depth .depth-in > .infos-in {
    color: #999;
    line-height: 1.4;
    text-align: right;
    padding-left: 10px;
    position: relative;
    background-color: #fff
}

.layer-popup.layer-cards .iscroll-in {
    padding-bottom: 30px
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists {
    padding: 0 40px
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li {
    margin-bottom: 35px
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item {
    border: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #EFF2F7;
    padding: 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .img img {
    width: 100%
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .text {
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 30px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .text > strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    width: 235px
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .text > span {
    margin-top: 10px;
    display: block;
    font-size: 13px;
    line-height: 1.3;
    width: 235px;
    margin-bottom: 30px;
    word-break: break-word
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .layer-cards-item .text > button {
    margin-top: auto;
    font-size: 15px
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .guide {
    text-align: center;
    font-size: 13px;
    color: #999;
    line-height: 1.3;
    word-break: break-word;
    width: 400px;
    margin: 15px auto 0
}

.layer-popup.layer-cards .iscroll-in .layer-cards-lists li .guide > a {
    font-size: 13px;
    color: #999
}

.layer-popup.layer-cards .iscroll-in .popup-bottom-btn button {
    height: 73px
}

.layer-popup.layer-carSelect .popup-top {
    border-bottom: 1px solid #EBEBEB
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 97px;
    position: relative;
    background-color: #EFF2F7
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .btn-carSelect-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -15px
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current .img {
    width: 150px;
    margin-right: 10px
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current strong {
    font-weight: 700;
    font-size: 18px
}

.layer-popup.layer-carSelect .layer-carSelect-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px
}

.layer-popup.layer-carSelect .layer-carSelect-in .popup-cont {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav {
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA;
    width: 150px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav::-webkit-scrollbar {
    width: 17px
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    background-color: #fafafa;
    border-right: 1px solid #EBEBEB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li {
    width: 100%;
    margin-left: 1px
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li > a {
    position: relative;
    background-color: #FAFAFA;
    padding: 0 30px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li > a > b {
    margin-left: auto;
    font-weight: 700;
    color: #999
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li.active > a, .layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li > a:hover {
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #fff;
    font-weight: 700
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li.active > a > b, .layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li > a:hover > b {
    color: #F04040
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li.active > a:before, .layer-popup.layer-carSelect .layer-carSelect-in .tab-nav > ul > li > a:hover:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #EBEBEB
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.layer-popup.layer-carSelect .layer-carSelect-list {
    padding: 0 30px
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li + li {
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a {
    height: 100px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a .img {
    width: 130px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a > strong {
    word-break: break-all;
    line-height: 1.3;
    margin: 0 10px 0 20px;
    font-size: 18px
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a > i {
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1rem
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a .options > strong {
    line-height: 1.3;
    font-size: 15px;
    display: block;
    font-weight: 700
}

.layer-popup.layer-carSelect .layer-carSelect-list > ul > li a .options > span {
    line-height: 1.3;
    font-size: 18px;
    display: block;
    margin-top: 10px
}

.layer-popup.layer-carSelect .carSelect-depth2 .layer-carSelect-list > ul > li a {
    height: 90px
}

.layer-popup.layer-carSelect .carSelect-depth2 .layer-carSelect-list > ul > li a:hover:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    content: '선택';
    height: 40px;
    width: 64px;
    background-color: #F04040;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 42px
}

.layer-popup.layer-carSelect .carSelect-depth2 .active a:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    content: '선택';
    height: 40px;
    width: 64px;
    background-color: #F04040;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 42px
}

.layer-popup.layer-review-write-default .write-default-in, .layer-popup.layer-review-write-modify .write-default-in {
    padding: 0 35px
}

.layer-popup.layer-review-write-default .write-default-in .chk-agree-list, .layer-popup.layer-review-write-modify .write-default-in .chk-agree-list {
    margin: 0 0 20px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-review-write-default .write-default-in .chk-agree-list .chk-agree-top, .layer-popup.layer-review-write-modify .write-default-in .chk-agree-list .chk-agree-top {
    padding-left: 0
}

.layer-popup.layer-review-write-default .write-default-in .textarea textarea, .layer-popup.layer-review-write-modify .write-default-in .textarea textarea {
    height: 200px
}

.layer-popup.layer-review-write-default .write-default-in .textarea-length, .layer-popup.layer-review-write-modify .write-default-in .textarea-length {
    font-size: 13px
}

.layer-popup.layer-review-write-default .write-default-in .form-file, .layer-popup.layer-review-write-modify .write-default-in .form-file {
    margin-bottom: 20px
}

.layer-popup.layer-review-write-default .write-default-in .img-info, .layer-popup.layer-review-write-modify .write-default-in .img-info {
    margin-bottom: 20px
}

.layer-popup.layer-review-write-default .write-default-in .img-info > ul, .layer-popup.layer-review-write-modify .write-default-in .img-info > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-review-write-default .write-default-in .img-info > ul > li, .layer-popup.layer-review-write-modify .write-default-in .img-info > ul > li {
    position: relative;
    padding-left: 7px;
    line-height: 1.3;
    margin-right: 15px
}

.layer-popup.layer-review-write-default .write-default-in .img-info > ul > li > span, .layer-popup.layer-review-write-modify .write-default-in .img-info > ul > li > span {
    font-size: 13px;
    color: #999
}

.layer-popup.layer-review-write-default .write-default-in .img-info > ul > li > b, .layer-popup.layer-review-write-modify .write-default-in .img-info > ul > li > b {
    font-size: 13px
}

.layer-popup.layer-review-write-default .write-default-in .img-info > ul > li:before, .layer-popup.layer-review-write-modify .write-default-in .img-info > ul > li:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    background-color: #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.layer-popup.layer-review-write-detail .write-detail-in {
    padding: 0 35px
}

.layer-popup.layer-review-write-detail .write-detail-in .detail-view-list .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-button-prev {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-prev-review.png");
    background-position: right center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 40%;
    left: 0;
    width: 60px;
    height: 60px;
    display: block
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-button-next {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-next-review.png");
    background-position: right center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 40%;
    right: 0;
    width: 60px;
    height: 60px;
    display: block
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination {
    position: static;
    background-color: rgba(255, 255, 255, 0.7);
    height: 24px;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-review-write-detail .write-detail-in .text {
    margin-top: 20px;
    line-height: 1.4;
    word-break: break-all
}

.layer-popup.layer-review-write-detail .write-detail-in .infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-review-write-detail .write-detail-in .infos > strong {
    font-weight: 700;
    line-height: 1.3
}

.layer-popup.layer-review-write-detail .write-detail-in .infos > span {
    color: #999;
    line-height: 1.3;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80px;
    text-align: right
}

.layer-popup.layer-review-write-detail .write-detail-in .descri {
    margin-top: 8px
}

.layer-popup.layer-review-write-detail .write-detail-in .descri > span {
    color: #999;
    margin-left: 5px
}

.layer-popup.layer-review-write-detail .write-detail-in .stars {
    margin-top: 8px;
    font-size: 0
}

.layer-popup.layer-review-write-detail .write-detail-in .stars .star {
    margin-right: 3px
}

.layer-popup.layer-verification .verification-box {
    padding: 0 40px
}

.layer-popup.layer-verification .verification-box .chk-agree-list {
    margin-top: 0
}

.layer-popup.layer-emailRejection .emailRejection-box {
    padding: 0 40px
}

.layer-popup.layer-emailRejection .emailRejection-box p {
    line-height: 1.4
}

.layer-popup.layer-mainSlide {
    width: 530px
}

.layer-popup.layer-mainSlide .pop-inner {
    margin: 0 auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.layer-popup.layer-mainSlide .pop-inner .iscroll-in {
    padding-bottom: 0
}

.layer-popup.layer-mainSlide .mainSlide-box .box-list .swiper-container {
    width: 500px;
    height: 500px
}

.layer-popup.layer-mainSlide .mainSlide-box .box-list .swiper-pagination-wrap {
    position: absolute;
    bottom: 20px;
    left: 0
}

.layer-popup.layer-mainSlide .mainSlide-box .box-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 500px;
    margin: 0 auto
}

.layer-popup.layer-mainSlide .mainSlide-box .box-bottom .inputC span {
    font-weight: 700;
    color: #fff
}

.layer-popup.layer-mainSlide .mainSlide-box .box-bottom .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    font-weight: 700;
    color: #fff
}

.layer-popup.layer-mainSlide .mainSlide-box .box-bottom .btn i {
    margin-left: 5px
}

.layer-popup.layer-derivation .derivation-box {
    padding: 70px 40px 0
}

.layer-popup.layer-derivation .derivation-box .box-top > strong {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    text-align: center
}

.layer-popup.layer-derivation .derivation-box .box-top > span {
    margin-top: 15px;
    display: block;
    text-align: center;
    line-height: 1.3;
    font-size: 15px
}

.layer-popup.layer-derivation .derivation-box .box-cont {
    margin-top: 30px;
    background-color: #FAFAFA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 45px
}

.layer-popup.layer-derivation .derivation-box .box-cont > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.layer-popup.layer-derivation .derivation-box .box-cont > ul > li + li {
    margin-top: 10px
}

.layer-popup.layer-derivation .derivation-box .box-cont > ul > li > b {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 75px
}

.layer-popup.layer-derivation .derivation-box .box-cont > ul > li > span {
    font-size: 15px;
    line-height: 1.3
}

.layer-popup.layer-derivation .derivation-box .guide-list {
    margin-top: 15px
}

.layer-popup.layer-derivation .derivation-box .popup-bottom-btns {
    margin-top: 40px
}

.layer-popup.layer-registration .registration-box {
    padding: 70px 40px 0
}

.layer-popup.layer-registration .registration-box .box-top > strong {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    text-align: center
}

.layer-popup.layer-registration .registration-box .box-top > span {
    margin-top: 15px;
    display: block;
    text-align: center;
    line-height: 1.3;
    font-size: 15px
}

.layer-popup.layer-registration .registration-box .box-cont {
    margin-top: 30px;
    background-color: #FAFAFA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 0
}

.layer-popup.layer-registration .registration-box .box-cont > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-registration .registration-box .box-cont > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-registration .registration-box .box-cont > ul > li + li {
    border-left: 1px solid #EBEBEB
}

.layer-popup.layer-registration .registration-box .box-cont > ul > li > p {
    text-align: center
}

.layer-popup.layer-registration .registration-box .box-cont > ul > li > p > strong {
    display: block;
    font-weight: 700;
    margin-top: 10px
}

.layer-popup.layer-registration .registration-box .guide-list {
    margin-top: 15px
}

.layer-popup.layer-previous .previous-box {
    padding: 70px 40px 0
}

.layer-popup.layer-previous .previous-box .box-top > strong {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    text-align: center
}

.layer-popup.layer-previous .previous-box .box-top > span {
    margin-top: 15px;
    display: block;
    text-align: center;
    line-height: 1.3;
    font-size: 15px
}

.layer-popup.layer-previous .previous-box .box-cont {
    margin-top: 30px;
    background-color: #FAFAFA;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 0
}

.layer-popup.layer-previous .previous-box .box-cont > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-previous .previous-box .box-cont > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-previous .previous-box .box-cont > ul > li + li {
    border-left: 1px solid #EBEBEB
}

.layer-popup.layer-previous .previous-box .box-cont > ul > li > p {
    text-align: center
}

.layer-popup.layer-previous .previous-box .box-cont > ul > li > p > strong {
    display: block;
    font-weight: 700;
    margin-top: 10px
}

.layer-popup.layer-previous .previous-box .guide-list {
    margin-top: 15px
}

.layer-popup.layer-shareMail .shareMail-box {
    padding: 0px 40px
}

.layer-popup.layer-shareMail .shareMail-box .box-top .box-top-txt {
    background-color: #FAFAFA;
    line-height: 1.4;
    word-break: break-all;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    font-size: 18px
}

.layer-popup.layer-shareMail .shareMail-box .box-guide {
    margin-top: 15px
}

.layer-popup.layer-shareMail .shareMail-box .box-guide > ul > li {
    color: #999;
    text-align: center
}

.layer-popup.layer-shareMail .shareMail-box .box-guide > ul > li + li {
    margin-top: 8px
}

.layer-popup.layer-shareMail .shareMail-box .popup-bottom-btns {
    margin-top: 40px
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple {
    padding: 30px 0 0
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div.cunsulting-complete {
    margin: 0 40px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 80px;
);
    background-position: right bottom;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div.customer-center {
    padding: 30px
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div.customer-center strong {
    font-weight: 700;
    padding: 0 16px
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div.customer-center span {
    padding-right: 6px
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div > strong {
    margin: 22px 0;
    font-size: 26px;
    line-height: 1.3
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div > strong b {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3
}

.layer-popup.layer-consultation .consultation-box .customer-cunsulting-comple > div > p {
    color: #999;
    line-height: 1.4
}

.layer-popup.layer-consultation .consultation-box .complete-btn {
    width: 265px;
    height: 65px;
    margin: 0 auto
}

.layer-popup.layer-consultation .consultation-box .complete-btn button {
    height: 100%
}

.layer-popup.layer-counsel .counsel-box {
    padding: 0 40px
}

.layer-popup.layer-counsel .counsel-box .form-box .inputT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 12px
}

.layer-popup.layer-counsel .counsel-box .form-box label {
    width: 25%;
    font-weight: 700
}

.layer-popup.layer-counsel .counsel-box .form-list {
    margin-top: 30px
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list {
    margin-top: 0
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in ul {
    padding: 12px 0 0
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in ul li {
    border-bottom: 0
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in ul li .txt {
    font-weight: 400
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in ul li .agree-toggle-cont {
    display: none
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in p {
    line-height: 1.4
}

.layer-popup.layer-counsel .counsel-box .chk-agree-list .toggle-cont-in .red {
    color: #F04040
}

.layer-popup.layer-infos .layer-info {
    padding: 0 40px
}

.layer-popup.layer-infos .layer-info .layer-infos-top strong {
    display: block;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.layer-popup.layer-infos .layer-info .layer-infos-top strong .txt-red {
    color: #F04040
}

.layer-popup.layer-infos .layer-info .layer-infos-guide {
    margin-bottom: 1.5rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li {
    text-indent: -8px;
    padding-left: 10px;
    line-height: 1.4
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li + li {
    margin-top: 10px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li i {
    margin-right: 5px;
    margin-bottom: 2px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li strong {
    font-weight: 700
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li > ul > li {
    padding-left: .8rem;
    margin-top: .6rem;
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li > ul > li > strong {
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li.noPd {
    text-indent: 0px;
    padding-left: 0px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide > ul > li:first-child {
    margin-top: 0
}

.layer-popup.layer-infos .layer-info .layer-infos-guide-tip > ul > li {
    text-indent: -2.4rem;
    padding-left: 2.4rem;
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide-tip > ul > li + li {
    text-indent: 0
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    background-color: #F9FAFC;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.4
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder {
    border: 0 none;
    background-color: #EFF2F7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder > strong {
    font-weight: 700;
    display: block;
    margin-bottom: 15px
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder > ul > li {
    line-height: 1.4
}

.layer-popup.layer-infos .layer-info .ars-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.layer-popup.layer-infos .layer-info .ars-box > strong {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 20px
}

.layer-popup.layer-infos .layer-info .ars-box > span {
    display: block;
    line-height: 1.4;
    text-align: center;
    margin-top: 40px
}

.layer-popup.layer-infos .layer-info .ars-box .ars-num {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-infos .layer-info .ars-box .ars-num > span {
    display: -webkit-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4;
    width: 76px;
    height: 100px;
    font-weight: 700;
    font-size: 42px;
    border: 1px solid #EBEBEB;
    background-color: #F9FAFC;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 4px
}

.layer-popup.layer-infos .layer-info .consulting-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 80px
}

.layer-popup.layer-infos .layer-info .consulting-box > strong {
    display: block;
    text-align: center;
    font-size: 26px;
    margin-top: 35px
}

.layer-popup.layer-infos .layer-info .consulting-box > strong b {
    font-weight: 700;
    font-size: 26px
}

.layer-popup.layer-infos .layer-info .consulting-box > span {
    display: block;
    text-align: center;
    margin-top: 20px;
    line-height: 1.4;
    color: #999
}

.layer-popup.layer-infos .layer-info .consulting-box > span b {
    color: #2b2b2b
}

.layer-popup.layer-infos .layer-info .consulting-box .popup-normal-btns {
    margin-top: 30px
}

.layer-popup.layer-infos .layer-info .consulting-box .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.layer-popup.layer-infos .layer-info .consulting-box .link > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-infos .layer-info .consulting-box .link > li + li::before {
    display: block;
    content: '|';
    color: #E5E5E5;
    margin: 0 20px;
    font-size: 17px
}

.layer-popup.layer-infos .layer-info .saving-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 80px
}

.layer-popup.layer-infos .layer-info .saving-box > strong {
    display: block;
    text-align: center;
    font-size: 26px;
    margin-top: 35px
}

.layer-popup.layer-infos .layer-info .saving-box > strong b {
    font-weight: 700;
    font-size: 26px
}

.layer-popup.layer-infos .layer-info .saving-box > span {
    display: block;
    text-align: center;
    margin-top: 20px;
    line-height: 1.4;
    color: #999
}

.layer-popup.layer-infos .layer-info .saving-box > span b {
    color: #2b2b2b
}

.layer-popup.layer-infos .layer-info .saving-box .popup-normal-btns {
    margin-top: 30px
}

.layer-popup.layer-infos .layer-info .saving-box .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.layer-popup.layer-infos .layer-info .saving-box .link > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-infos .layer-info .saving-box .link > li + li::before {
    display: block;
    content: '|';
    color: #E5E5E5;
    margin: 0 20px;
    font-size: 17px
}

.layer-popup.layer-infos.type-detail, .layer-popup.layer-infos.type-table {
    width: 1140px
}

.layer-popup.layer-infos.type-detail .popup-cont, .layer-popup.layer-infos.type-table .popup-cont {
    overflow: auto
}

.layer-popup.layer-infos.type-detail .layer-infos-guide, .layer-popup.layer-infos.type-table .layer-infos-guide {
    overflow: hidden !important;
    display: inline-block;
    vertical-align: top;
    min-width: 1000px
}

.layer-popup.layer-noSearch {
    width: 488px;
}

.layer-popup.layer-noSearch .popup-cont {
    text-align: center;
    letter-spacing:-0.03em;
    line-height:1.4;
}

.layer-popup.layer-noSearch .popup-cont .icon-img{
    margin-bottom:16px;
}
.layer-popup.layer-noSearch .popup-cont .icon-img img{
    width:100px;
    height:100px;
}
.layer-popup.layer-noSearch .popup-cont .tit {
    color:#1A1A1A;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 20px;
}

.layer-popup.layer-noSearch .popup-cont .text {
    margin-bottom: 32px;
    color:#5B5B5B;
    font-size: 18px;
    font-weight:500;
}

.layer-popup.layer-noSearch .popup-cont .popup-btn .btn-redNew {
    display:block;
}

.layer-slide {
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.layer-slide .layer-slide-conts {
    max-height: -webkit-calc(100vh - 60px);
    max-height: -moz-calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    position: relative
}

.layer-slide .layer-slide-conts > .inner {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 120px
}

.layer-slide .estimateBottom {
    display: none
}

.layer-slide.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.layer-slide.active .estimateBottom {
    display: block
}

.layer-slide .layer-slide-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: -29px;
    right: 0px;
    width: 54px;
    height: 54px;
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    z-index: 2
}

.layer-slide .slide-top {
    padding-top: 50px;
    width: 320px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-slide .slide-top h4 {
    font-size: 26px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4
}

.layer-slide .slide-top h4 > span {
    font-weight: 400;
    margin-left: 5px;
    color: #999;
    font-size: 18px
}

.layer-slide .slide-top h4 > i {
    margin-left: 5px
}

.layer-slide .slide-top > p {
    margin-top: 25px;
    line-height: 1.5
}

.layer-slide .slide-cont {
    width: 700px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-height: -webkit-calc(100vh - 180px);
    max-height: -moz-calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA
}

.layer-slide .slide-cont::-webkit-scrollbar {
    width: 17px
}

.layer-slide .slide-cont::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-slide .slide-cont::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-slide .slide-cont > div {
    padding: 50px 0
}

.layer-slide.layer-certification .certification-col-top .number {
    background-color: #EFF2F7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-slide.layer-certification .certification-col-top .number b {
    font-weight: 700;
    margin-left: 15px
}

.layer-slide.layer-certification .certification-col-top .number-warp {
    background-color: #EFF2F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-slide.layer-certification .certification-col-top .number-warp > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-slide.layer-certification .certification-col-top .number-warp li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    width: 50%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-slide.layer-certification .certification-col-top .number-warp li > strong {
    font-weight: 700;
    line-height: 1.3;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 70px
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont {
    width: 100%;
    line-height: 1.3
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont .selectbox {
    height: 48px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont > span {
    display: block;
    padding-right: 35px
}

.layer-slide.layer-certification .certification-col-form {
    margin: 30px 0 0
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list label {
    padding: 15px 0
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-all {
    padding-left: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #EBEBEB
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-top {
    padding-left: 0;
    border-bottom: 1px solid #EBEBEB;
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .toggle-cont-in {
    padding: 15px 30px
}

.layer-slide.layer-certification .certification-col-form .radio-box > ul {
    width: 100%;
    margin-left: 0
}

.layer-slide.layer-certification .certification-col-form .radio-box > ul li .radioIconBox {
    margin: 0
}

.layer-slide.layer-certification .certification-col-form .radio-box > ul li + li .radioIconBox {
    margin-left: 10px
}

.layer-slide.layer-certification .certification-col-form .radio-box label {
    height: 170px
}

.layer-slide.layer-certification .certification-col-form .radio-box label span {
    display: block;
    font-size: 18px;
    margin-top: 20px
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox {
    height: 100%
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px 20px;
    height: 100%
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox > label > div {
    width: 100%
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox > label strong {
    font-weight: 700;
    display: block;
    line-height: 1.3;
    text-align: center;
    margin-top: 15px;
    word-break: break-all;
    word-wrap: break-word
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox > label span {
    font-weight: 400;
    display: block;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word
}

.layer-slide.layer-certification .certification-col-form .radio-depth {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.layer-slide.layer-certification .layer-slide-btn .btn-red {
    width: 300px;
    height: 68px
}

.layer-slide.layer-sign .layer-slide-conts .inner {
    margin-bottom: 0
}

.layer-slide.layer-sign .layer-slide-conts .inner .slide-cont {
    max-height: -webkit-calc(100vh - 60px);
    max-height: -moz-calc(100vh - 60px);
    max-height: calc(100vh - 60px)
}

.layer-slide.layer-sign .layer-slide-conts .inner .slide-cont > div {
    padding: 50px 0 30px
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form {
    width: 500px;
    margin-left: auto
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form label {
    height: 160px;
    font-size: 18px
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form label span {
    margin-top: 3px
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form .sign-next-btn {
    margin: 30px 0 0
}

.layer-slide.layer-reservation .layer-slide-conts .inner {
    margin-bottom: 0
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont {
    max-height: -webkit-calc(100vh - 60px);
    max-height: -moz-calc(100vh - 60px);
    max-height: calc(100vh - 60px)
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont > div {
    padding: 50px 0 40px
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont .reservation-box .chk-agree-list {
    margin-top: 0
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont .reservation-box .chk-agree-list .chk-agree-all .inputNone {
    padding-top: 0
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont .reservation-box .chk-agree-list .chk-agree-top {
    padding-left: 0
}

.layer-slide.layer-reservation .layer-slide-conts .inner .slide-cont .reservation-box > ul {
    margin-top: 30px
}

:-ms-fullscreen, :root .layer-review-write-detail .swiper-slide img {
    max-width: 493px
}

.tooltip-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    cursor: pointer
}

.tooltip-box .tooltip-tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.tooltip-box.right .layer-tooltip {
    position: absolute;
    top: -21px;
    right: -555px
}

.tooltip-box .layer-tooltip {
    z-index: 10;
    width: 540px;
    display: none
}

.tooltip-box .layer-tooltip .pop-inner {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.tooltip-box .layer-tooltip .layer-tooltip-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-slide-close.png");
    background-position: center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px;
    background-size: 20px;
    position: absolute;
    top: 3px;
    right: 10px;
    width: 55px;
    height: 55px;
    z-index: 2
}

.tooltip-box .layer-tooltip .tooltip-top {
    position: relative;
    background-color: #2B2B2B;
    padding: 0 30px;
    height: 60px;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tooltip-box .layer-tooltip .tooltip-top:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-tooltip-arrow.png");
    background-position: 0 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 25px;
    left: -6px;
    width: 8px;
    height: 13px
}

.tooltip-box .layer-tooltip .tooltip-top > h4 {
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    margin: 0 !important
}

.tooltip-box .layer-tooltip .tooltip-cont {
    padding: 30px 30px 40px
}

.tooltip-box .layer-tooltip .layer-info {
    font-size: 15px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-top strong {
    display: block;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-top strong .txt-red {
    color: #F04040
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide {
    font-size: 15px;
    font-weight: 400
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide .title {
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul > li {
    position: relative;
    padding-left: 7px;
    line-height: 1.4
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul > li + li {
    margin-top: 6px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul > li i {
    position: absolute;
    top: 8px;
    left: 0;
    margin: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul > li strong {
    font-weight: 700
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul > li:first-child {
    margin-top: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul.noIcon li {
    padding: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide > ul.noIcon li + li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip {
    margin-top: 20px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip.line {
    padding-top: 20px;
    border-top: 1px solid #EBEBEB
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip li {
    padding: 0;
    font-size: 13px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip li + li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-box {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FAFAFA;
    padding: 20px 15px;
    margin-top: 20px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-box.ty2 {
    background-color: #EFF2F7;
    border-color: #EFF2F7
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-txt-box {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-txt-box > b {
    font-weight: 700
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend {
    margin-top: 35px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 15px 15px;
    position: relative
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend > strong {
    font-size: 13px;
    position: absolute;
    top: -7px;
    left: 15px;
    background-color: #fff
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend .layer-infos-guide li {
    font-size: 13px
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend .layer-infos-guide li + li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li .fuel-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li .fuel-info {
    margin: 0 30px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li .fuel-info > strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li .fuel-info > span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list > ul > li + li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #EBEBEB
}

.tooltipLink {
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, #53c5f5), to(#33dbaf));
    background: -webkit-linear-gradient(left, #53c5f5 1%, #33dbaf 100%);
    background: -moz-linear-gradient(left, #53c5f5 1%, #33dbaf 100%);
    background: -o-linear-gradient(left, #53c5f5 1%, #33dbaf 100%);
    background: linear-gradient(to right, #53c5f5 1%, #33dbaf 100%);
    position: absolute;
    top: -60px;
    left: 0px;
    padding: 0 22px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.tooltipLink:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-tooltip-mypage.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    bottom: -5px;
    left: 50px;
    width: 12px;
    height: 6px
}

.tooltipLink p {
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.tooltipLink p span {
    color: #FFF502;
    margin: 0 !important
}

.tooltipLink button, .tooltipLink a {
    margin-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tooltipLink .icon.bannerClose {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-close2.png");
    background-position: right center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 10px
}

.selectbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    background-color: #fff;
    height: 60px;
    padding: 0 45px 0 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down.png");
    background-position: center right 20px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px
}

.selectbox:disabled {
    background-color: #FAFAFA;
    background-image: none
}

.select-normal {
    font-size: 15px;
    padding-right: 18px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-select2.png");
    background-position: center right;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px;
    background-size: 10px
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select .customText {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    padding: 0 45px 0 20px;
    width: 100%;
    line-height: 1.4;
    text-align: left
}

.custom-select .customText .customText-in {
    width: 100%;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-select .customText:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 22px;
    right: 20px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.custom-select .custom-select-list {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    border-top: 0;
    background-color: #fff;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    display: none;
    padding-bottom: 20px
}

.custom-select .custom-select-list > div > ul > li {
    margin-top: 10px !important;
    line-height: 1.4
}

.custom-select .custom-select-list > div > ul > li + li {
    margin-top: 15px !important
}

.custom-select .custom-select-list > div > ul > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    line-height: 1.4
}

.custom-select .custom-select-list > div > ul > li > a:hover {
    color: #F04040
}

.custom-select.active .customText {
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
    border-color: #2B2B2B;
    background-color: #fff;
    -webkit-box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1);
    -moz-box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1);
    box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1)
}

.custom-select.active .customText:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-select.active .custom-select-list {
    display: block;
    border-color: #2B2B2B;
    -webkit-box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1);
    -moz-box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1);
    box-shadow: 3px 10px 10px rgba(10, 10, 20, 0.1)
}

.custom-select.select .customText {
    font-weight: 700
}

.textarea {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    padding: 0 15px;
    position: relative
}

.textarea textarea {
    padding: 20px 0;
    width: 100%;
    resize: none;
    line-height: 12px;
    line-height: 1.3;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA
}

.textarea textarea::-webkit-scrollbar {
    width: 17px
}

.textarea textarea::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.textarea textarea::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.textarea-length {
    text-align: right;
    color: #C1C1C1;
    font-size: 13px;
    margin: 5px 0 13px
}

.inputR {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.inputR input {
    display: none
}

.inputR label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 1.3
}

.inputR label:before {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto;
    content: '';
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.inputR label span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-left: 8px;
    color: #2B2B2B
}

.inputR input:checked + label:before {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto
}

.inputC {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.inputC input {
    display: none
}

.inputC label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 1.3
}

.inputC label:before {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    content: '';
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.inputC label span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 6px;
    color: #151515;
    font-weight:600;
}

.inputC input:checked + label:before {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-on.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto
}

.inputT {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.inputT > input {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #fff;
    height: 60px;
    padding: 0 20px;
    width: 100%
}

.inputT > input:disabled {
    background-color: #FAFAFA
}

.inputT > input:-moz-read-only {
    background-color: #FAFAFA
}

.inputT > input:read-only {
    background-color: #FAFAFA
}

.inputT > input.date {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_date.png");
    background-position: center right 20px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px;
    background-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.inputT.length > input {
    padding-right: 80px
}

.inputT.length .text-length {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ccc;
    font-size: 13px
}

.inputT-cardNum {
    width: 100%;
    margin-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inputT-cardNum > .inputT {
    width: 21%;
    margin-left: 1.4rem
}

.inputT-cardNum > .inputT.inputT:first-child {
    margin-left: 0
}

.inputT-cardNum > .inputT.inputT:first-child:after {
    display: none
}

.inputT-cardNum > .inputT.inputT:after {
    display: block;
    content: "";
    border-left: .6rem solid #2B2B2B;
    position: absolute;
    top: 50%;
    left: -18px;
    height: 0.05rem
}

.inputT-cardNum > .inputT input[type='number']::-webkit-outer-spin-button, .inputT-cardNum > .inputT input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0
}

.inputT-cardNum > .inputT input[type='number'] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.inputT-licenseNum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inputT-licenseNum > .inputT {
    width: 17%;
    margin-left: 1.4rem
}

.inputT-licenseNum > .inputT:first-child {
    margin-left: 0;
    width: 20%
}

.inputT-licenseNum > .inputT:nth-child(3) {
    width: 30%
}

.inputT-licenseNum > .inputT:first-child:after {
    display: none
}

.inputT-licenseNum > .inputT:after {
    display: block;
    content: "";
    border-left: .6rem solid #2B2B2B;
    position: absolute;
    top: 50%;
    left: -18px;
    height: 0.05rem
}

.inputT-licenseNum > .inputT input[type='number']::-webkit-outer-spin-button, .inputT-licenseNum > .inputT input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0
}

.inputT-licenseNum > .inputT input[type='number'] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.inputT-telNum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-left: 0
}

.inputT-telNum > .inputT {
    width: 28%;
    margin-left: 1.7rem
}

.inputT-telNum > .inputT:first-child {
    margin-left: 0
}

.inputT-telNum > .inputT:first-child:after {
    display: none
}

.inputT-telNum > .inputT:after {
    display: block;
    content: "";
    border-left: .6rem solid #2B2B2B;
    position: absolute;
    top: 50%;
    left: -22px;
    height: 0.05rem
}

.inputF {
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    height: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.inputF > input[type="file"] {
    display: none
}

.inputF > label {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 2.7rem 1.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputF > label .icon {
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px;
    background-size: 18px;
    width: 18px;
    height: 18px
}

.inputF > label span {
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 1.4;
    margin-top: 8px;
    text-align: center
}

.inputF .img-file {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #EFF2F7
}

.inputF .img-file > .btnclose {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0 0 0 12px;
    -moz-border-radius: 0 0 0 12px;
    border-radius: 0 0 0 12px;
    background-color: #2B2B2B;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.inputNone {
    padding: 20px 0
}

.radioIconBox > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative
}

.radioIconBox > label::after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.radioIconBox > input:checked + label {
    border-color: #2B2B2B;
    font-weight: 700;
}

.radioIconBox > input:checked + label > strong{

}

.radioIconBox > input:checked + label:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.radioIconBox > input:disabled + label {
    pointer-events: none
}

.radioIconBox > input:disabled + label:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-select-disabled.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.radioIconBox > input {
    display: none
}

.iconBox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #fff;
    height: 60px;
    padding: 0 20px 0 50px;
}

.iconBox label > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iconBox label:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.iconBox input[type='checkbox'] + label:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input:checked + label {
    border-color: #2B2B2B;
    font-weight: 700;
}
.iconBox input:checked + label strong{
    font-weight: 700;
}
.iconBox input:checked + label:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input[type='checkbox']:checked + label:after {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-chk-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input:disabled + label {
    background-color: #FAFAFA
}

.iconBox input:disabled + label span, .iconBox input:disabled + label p {
    color: #bbb
}

.iconBox input {
    display: none
}

.iconBox.locked {
    pointer-events: none
}

.iconBox.locked label {
    background-color: #FAFAFA
}

.iconBox.locked label span, .iconBox.locked label p {
    color: #bbb
}

.iconBox + .iconBox {
    margin-top: 10px
}

.iconList {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}
.iconList[style*="display: block"] {
    display: flex !important;
}
.iconList li {
    width: 100%
}

.iconList li input {
    display: none
}

.iconList li label {
    cursor: pointer;
    background-color: #F9FAFC;
    height: 60px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.iconList li input:checked + label {
    background-color: #fff;
    color: #151515;
    font-weight: 700;
    border:1px solid #151515;
}

.iconList li:first-child input:checked + label {
    border-radius:15px 0 0 15px;
}
.iconList li:last-child input:checked + label {
    border-radius:0 15px 15px 0;
}
.iconList li:first-child:last-child input:checked + label {
    border-radius:15px;
}
.iconList li + li label {
    border-left: 1px solid #EBEBEB
}

.iconList.col2 li {
    width: 50%
}

.iconList.col3 li {
    width: 33.333%
}

.iconList.col4 li {
    width: 25%
}

.iconList.col5 li {
    width: 20%
}

.iconList.equal li {
    flex:1;
}

.chk-agree-list {
    margin-top: 30px
}

.chk-agree-list label {
    padding: 20px 0
}

.chk-agree-list .chk-agree-all {
    border: 1px solid #EBEBEB;
    padding: 0 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chk-agree-list .chk-agree-all.noradius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #EBEBEB
}

.chk-agree-list .chk-agree-cols > li {
}

.chk-agree-list .chk-agree-cols .chk-agree-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 0 20px;
    position: relative
}

.chk-agree-list .chk-agree-cols .chk-agree-top > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.chk-agree-list .agree-toggle-cont {
    display: none;
    position: relative
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in {
    border-top: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 165px;
    padding: 25px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-dark-shadow-color: #FAFAFA
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in::-webkit-scrollbar {
    width: 17px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 6.5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .tit {
    line-height: 1.5;
    font-weight: 700;
    font-size: 14px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .tit + .tit {
    margin-top: 15px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt {
    line-height: 1.5;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 25px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt > ul > li + li {
    margin-top: 8px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt > ul > li ul li {
    padding-left: 8px;
    margin-top: 5px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table {
    border: 1px solid #EBEBEB;
    background-color: #fff;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table {
    width: 100%
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table th {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border-left: 1px solid #EBEBEB;
    font-size: 13px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    font-size: 13px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table td.tal {
    text-align: left;
    padding-left: 15px
}

.chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table tr th:first-child, .chk-agree-list .agree-toggle-cont .toggle-cont-in .txt .txt-table table tr td:first-child {
    border-left: 0
}

.chk-agree-list .chk-agree-all-toggle {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.chk-agree-list .chk-agree-all-toggle .chk-agree-all {
    border: none
}

.chk-agree-list .agree-guide-list > li {
    position: relative;
    line-height: 1.3;
    padding-left: 8px
}

.chk-agree-list .agree-guide-list > li + li {
    margin-top: 8px
}

.chk-agree-list .agree-guide-list > li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    content: "";
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background-color: #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.chk-agree-list .agree-guide-list > li.noBullet {
    padding-left: 0px
}

.chk-agree-list .agree-guide-list > li.noBullet:before {
    display: none
}

.inputT-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputT-tel + .inputT-tel {
    margin-top: 10px
}

.inputT-tel li {
    position: relative
}

.inputT-tel li:first-child {
    width: 75%
}

.inputT-tel li:last-child {
    width: 25%
}

.inputT-tel li.full {
    width: 100%
}

.inputT-tel li.full > input {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.inputT-tel li > input {
    border: 1px solid #EBEBEB;
    border-right: 0 none;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    background-color: #fff;
    height: 60px;
    width: 100%;
    padding: 0 20px
}

.inputT-tel li > button {
    width: 100%;
    height: 60px;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    font-size: 16px
}

.inputT-tel li .detail-layer-tel-info {
    font-weight: 700;
    color: #F04040;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputT-tel li .detail-layer-tel-info-stop {
    color: #F04040;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputT-tel li .detail-layer-tel-info-confirm {
    color: #20BBC4;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.radio-depth {
    background-color: #F9FAFC;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 20px;
    margin: 30px 0 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

.radio-depth:after {
    display: block;
    content: '';
    position: absolute;
    top: -18px;
    left: 50%;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-arrow.png");
    background-position: center center;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px;
    background-size: 22px;
    width: 22px;
    height: 22px;
    margin-left: -11px
}

.radio-depth .radio-depth-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.radio-depth .radio-depth-top > strong {
    font-weight: 700;
    margin: 15px 20px 0 0
}

.radio-depth .radio-depth-cont input {
    height: 48px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.radio-depth.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.form-list > ul > li + li {
    margin-top: 35px
}

.form-list > ul > li .form-tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-list > ul > li .form-tit > strong {
    display: block;
    line-height: 1.3;
    font-weight: 700
}

.form-list > ul > li .form-tit > strong > span {
    display: block;
    font-weight: 400;
    color: #999;
    font-size: 13px;
    margin-top: 8px
}

.form-list > ul > li .form-tit > span {
    color: #999
}

.form-list > ul > li .form-tit.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-list > ul > li .form-tit.flex > strong {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.form-list > ul > li .form-tit.flex > span {
    font-size: 13px;
    color: #ccc;
    margin: 0 0 0 16px
}

.form-list > ul > li .form-tit.flexBetween {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-list > ul > li .form-tit.flexBetween > strong {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.form-list > ul > li .form-tit.flexBetween > span {
    font-size: 13px;
    color: #ccc;
    margin: 0 0 0 16px
}

.form-list > ul > li .form-cont {
    margin-top: 13px
}

.form-list > ul > li .form-cont .input-w > div {
    margin-right: 30px
}

.form-list > ul > li .form-cont .custom-select {
    z-index: 1
}

.form-list > ul > li .form-cont .form-cont-lists > div + div {
    margin-top: 10px
}

.form-list > ul > li.type-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.form-list > ul > li.type-2 .form-tit {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 110px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.form-list > ul > li.type-2 .form-cont {
    margin-top: 0;
    width: 100%
}

.form-star {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #EBEBEB
}

.form-star .click-star {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-star .click-star .star {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-star2_off.png");
    background-position: center center;
    -webkit-background-size: 28px 28px;
    -moz-background-size: 28px;
    background-size: 28px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin: 0 3px
}

.form-star .click-star .star.active {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-star2_on.png");
    background-position: center center;
    -webkit-background-size: 28px 28px;
    -moz-background-size: 28px;
    background-size: 28px
}

.error-txt {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: #F04040;
    padding-top: 10px;
    margin-left: 15px
}

.guide-txt {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: #999;
    padding-top: 10px;
    margin-left: 15px
}

/*! jQuery UI - v1.12.1 - 2017-11-05

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

.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;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

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

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

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

.ui-menu-icons {
    position: relative
}

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

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

.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;
    overflow: visible
}

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

.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

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

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

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: -webkit-calc(100% - 2.4em);
    width: -moz-calc(100% - 2.4em);
    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;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: .12em;
    -moz-border-radius: .12em;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    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 {
    width: 17em;
    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-prev span {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-prev.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.ui-datepicker .ui-datepicker-next span {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-paging-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

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

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

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

.ui-datepicker-trigger {
    display: none
}

.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;
    -o-text-overflow: ellipsis;
    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%;
    filter: alpha(opacity=25);
    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;
    -o-text-overflow: ellipsis;
    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: default;
    -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
}

.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 {
    height: 3px
}

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

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

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

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    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
}

.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 {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    text-align: center
}

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

.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;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

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

.ui-widget-header .ui-icon {
    background-image: url("images/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/ui-icons_555555_256x240.png")
}

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

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

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

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

.ui-icon-blank {
    background-position: 16px 16px
}

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

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
}

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

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

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

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

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

@-webkit-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }
    100% {
        height: 16rem;
        opacity: 1
    }
}

@-moz-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }
    100% {
        height: 16rem;
        opacity: 1
    }
}

@-o-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }
    100% {
        height: 16rem;
        opacity: 1
    }
}

@keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }
    100% {
        height: 16rem;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }
    40% {
        opacity: 0.6
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -moz-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }
    40% {
        opacity: 0.6
    }
    100% {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px);
        opacity: 0
    }
    40% {
        opacity: 0.6
    }
    100% {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        -moz-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }
    40% {
        opacity: 0.6
    }
    100% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@-moz-keyframes scale-up-center {
    0% {
        -moz-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }
    100% {
        -moz-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@-o-keyframes scale-up-center {
    0% {
        -o-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }
    100% {
        -o-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0) rotate(270deg);
        -moz-transform: scale(0) rotate(270deg);
        -o-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(270deg);
        -moz-transform: scale(1) rotate(270deg);
        -o-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@-webkit-keyframes spinCircle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinCircle {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinCircle {
    from {
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinCircle {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes shake-vertical {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    80% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-moz-keyframes shake-vertical {
    0%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -moz-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    20%, 40%, 60% {
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }
    80% {
        -moz-transform: translateY(3px);
        transform: translateY(3px)
    }
    90% {
        -moz-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-o-keyframes shake-vertical {
    0%, 100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    20%, 40%, 60% {
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }
    80% {
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
    90% {
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes shake-vertical {
    0%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }
    80% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
    90% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes anim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-moz-keyframes anim {
    0% {
        opacity: 0;
        -moz-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
    66% {
        opacity: 1;
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-o-keyframes anim {
    0% {
        opacity: 0;
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }
    66% {
        opacity: 1;
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@keyframes anim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }
    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -o-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-webkit-keyframes progressbar {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes progressbar {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

@-o-keyframes progressbar {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

@keyframes progressbar {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

.icon.customer_call2 {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_call2.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 43px;
}

.flag.admin {
    border: 1px solid #F04040;
    color: #F04040;
    font-weight: 700;
}

.pop-wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.pop-section-flex {
    display: flex;
    width: 200%;
}

.pop-section {
    width: 100%;
}

.pop-section01 {
    transform: translate3d(-100%, 0, 0);
}

.pop-section02 {
    transform: translate3d(0, 0, 0);
}

.pop-section01.active {
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.pop-section02.active {
    transform: translate3d(-100%, 0, 0);
    transition: all 0.2s ease-in-out;
}

.layer-popup.layer-promotion li.dp-flex + li.dp-flex {
    margin-top: 12px
}

.layer-popup.layer-promotion .dp-flex .form-tit {
    width: 25%;
}

.layer-popup.layer-promotion .dp-flex .form-cont {
    width: 75%;
    margin-top: 0
}

.layer-promotion .unit-normal .img .flag.circle.off2 {
    padding: 14px;
    text-align: center;
}

.layer-popup.layer-promotion .popup-top > h4 {
    justify-content: center;
}

.layer-popup.layer-promotion .btn-prev {
    position: absolute;
    height: 100px;
    left: 40px;
    width: 40px;
    text-align: left;
    display: none;
}

.layer-popup.layer-receiptnoti .img-box {
    position: relative;
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    width: 415px;
    margin: 0 auto 38px;
    padding: 22px 40px;
    box-sizing: border-box;
}

.layer-popup.layer-receiptnoti .img-box p {
    position: absolute;
    top: 6px;
    left: 28px;
}

.layer-popup.layer-receiptnoti .counsel-box {
    padding: 0 40px;
}

.layer-popup.layer-receiptnoti .counsel-box .form-box .inputT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 12px;
}

.layer-popup.layer-receiptnoti .counsel-box .form-box label {
    width: 25%;
    font-weight: 700;
}

.layer-popup.layer-receiptnoti .counsel-box .form-list {
    margin-top: 30px;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple {
    padding: 30px 0 0;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div.customer-center {
    padding: 30px;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div.customer-center strong {
    font-weight: 700;
    padding: 0 16px;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div.customer-center span {
    padding-right: 6px;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div > strong {
    margin: 22px 0;
    font-size: 26px;
    line-height: 1.3;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div > strong b {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.layer-popup.layer-receiptnoti .consultation-box .customer-cunsulting-comple > div > p {
    color: #999;
    line-height: 1.4;
    padding-bottom: 50px;
}

.layer-popup.layer-receiptnoti .consultation-box .complete-btn {
    width: 500px;
    height: 65px;
    margin: 0 auto;
}

.layer-popup.layer-receiptnoti .consultation-box .complete-btn button {
    height: 100%;
}

.flag.circle.off3 {
    color: #F04040;
    border: 1px solid #F04040;
    background-color: #fff;
}

.btn-link-view-big4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 18px;
    height: 80px;
    color: #fff;
    padding: 0 40px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-weight: 700;
    background-color: #F04040;
    background-image: linear-gradient(40deg, #2582E0, #20C4BE);
    color: #fff;
}

.btn-link-view-big5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 18px;
    height: 80px;
    color: #fff;
    padding: 0 40px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-weight: 700;
    background-color: #0B4178;
    background-image: linear-gradient(40deg, #D63673, #EA4545);
    color: #fff;
}

.btn-link-view-big4:after, .btn-link-view-big5:after {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: auto;
    transform: rotate(45deg);
}

.flag.wait {
    border: 1px solid #406FF0;
    color: #406FF0;
    font-weight: bold;
    font-size: 13px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 16px;
    line-height: 30px;
}

.flag.noti {
    border: 1px solid #F04040;
    color: #F04040;
    font-weight: bold;
    font-size: 13px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 16px;
    line-height: 30px;
}

.flag.over {
    border: 1px solid #B4B8BF;
    color: #B4B8BF;
    font-weight: bold;
    font-size: 13px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 16px;
    line-height: 30px;
}

.mypage-wrap .section-list .receive-list .receive-list-top {
    margin: 60px 0 30px
}

.mypage-wrap .section-list .receive-list .receive-list-top strong {
    font-weight: 700;
    font-size: 18px
}

.mypage-wrap .section-list .receive-list .receive-list-top strong b {
    color: #F04040;
    font-weight: 700;
    font-size: 18px
}

.mypage-wrap .section-list .receive-list .receive-list-cont .unit-list ul > li {
    margin-bottom: 20px
}

.mypage-wrap .section-list .receive-list .receive-list-cont .unit-text {
    margin-top: 0px;
    padding: 32px 40px;
    height: 100%;
}

.mypage-wrap .section-list .receive-list .receive-list-cont .unit-text .text-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mypage-wrap .section-list .receive-list .receive-list-cont .unit-text .text-cont .cover {
    width: 50%;
    margin-left: -20px;
    margin-top: -10px;
}

.mypage-wrap .section-list .receive-list .receive-list-cont .unit-text .text-cont .text {
    width: 50%;
    height: 106px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mypage-wrap .section-list .receive-list .receive-list-cont .pagination-wrap {
    margin-top: 60px
}

.mypage-wrap .section-list .receive-list .receive-list-cont .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.receive-list-non-cont .non-receive-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px;
}

.receive-list-non-cont .non-receive-box > p {
    font-size: 22px;
    padding-top: 16px;
}

.receive-list-non-cont .non-receive-box > span {
    margin-top: 8px;
}

.receive-list-non-cont .non-receive-box .btn {
    margin-top: 30px;
}

.receive-list-non-cont .non-receive-box .btn span {
    margin-right: 5px;
}

.icon.noalert {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/icon_noalert_pc.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 34px;
    height: 37px;
}

.mt-auto {
    margin-top: auto;
}

/* 즉시출고 UI/UX 2022.08.05 추가 */
.icon.truck {
    background-repeat: no-repeat;
    background-image: url('../../resources-pc/images/icons/ico_truck_pc.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
}

.icon.circle.truck {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: #406FF0;
    background-size: 16px;
}

.icon.fire {
    background-repeat: no-repeat;
    background-image: url('../../resources-pc/images/icons/ico-hotsale.png');
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px;
}

.icon.circle.fire {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: #8949FC;
    background-size: 12px;
}

.flag.truck {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #406FF0;
}

.flag.fire {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #8949FC;
}

.flag.normal {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #2b2b2b;
}

.flag-wrap .flag.normal,
.flag-wrap .flag.truck,
.flag-wrap .flag.fire {
    position: static;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 5px;
}

/* 심사유도팝업 */
.layer-popup.layer-prevCertifi {
    width: 530px
}

.layer-popup.layer-prevCertifi .pop-inner {
    margin: 0 auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.layer-popup.layer-prevCertifi .pop-inner .iscroll-in {
    padding-bottom: 0
}

.layer-popup.layer-prevCertifi .mainSlide-box .box-list {
    width: 500px;
    padding: 40px 0;
    background-color: #fff;
}

.layer-popup.layer-prevCertifi .mainSlide-box .box-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 500px;
    margin: 0;
    box-sizing: border-box;
}

.layer-popup.layer-prevCertifi .mainSlide-box .box-bottom .inputC span {
    font-weight: 700;
    color: #fff;
}

.layer-popup.layer-prevCertifi .mainSlide-box .box-bottom .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    font-weight: 700;
    color: #fff;
    padding-right: 0;
}

.layer-popup.layer-prevCertifi .mainSlide-box .box-bottom .btn i {
    margin-left: 5px
}

.btn-default.round.v2 {
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    border-radius: 4rem;
    height: 56px;
}

.radius-10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* 심사인증 팝업 스타일 수정 [23.09.14] */
.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-top:last-of-type {
    padding-right: 0;
    border-bottom: none;
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-top:last-of-type .inputC {
    width: 100%;
}

.chk-agree-list .chk-agree-cols > li {
}

.chk-agree-list .chk-agree-cols > li:first-child {
    border-top: 0;
}

.chk-agree-list .chk-agree-cols #evalution_agree_groupC {
    border-bottom: 1px solid #EBEBEB;
}

/* 비회원 계약 프로세스 */
.layer-popup.layer-coupon .iscroll-in .layer-coupon-lists {
    padding: 0 40px 25px;
}

.layer-popup.layer-coupon .iscroll-in #couponWrap {
    display: flex;
}

.layer-popup.layer-coupon .iscroll-in #couponWrap input {
    width: 370px;
}

.layer-popup.layer-coupon .iscroll-in #couponWrap button {
    width: 120px;
    height: 60px;
}

.layer-popup.layer-coupon ul li {
    font-size: 13px;
    color: #2B2B2B;
    line-height: 1.5;
    padding-left: 7px;
}

/* 2023.10.31 추가 */
.icon.priceList {
    background-repeat: no-repeat;
    background-image: url('../../resources-pc/images/icons/ico_price_list.png');
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 14px;
    height: 17px;
    margin-left: 3px;
    margin-bottom: 5px;
}

.icon.priceListA {
    background-repeat: no-repeat;
    background-image: url('../../resources-pc/images/icons/ico_price_listA.png');
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

/* 전화번호 견적저장 */
.btn-save-pass {
    display: block;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-save-pass.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 80px;
    height: 29px;
}

.btn-save-lpoint {
    display: block;
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-save-lpoint.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 78px;
    height: 14px;
    margin-bottom: 6px;
}

.icon.saveComplete {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-saving-01.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 94px;
    height: 72px;
}

.layer-wrap.layer-popup.layer-save .form-box {
    width: 100%;
}

.layer-wrap.layer-popup.layer-save .chk-agree-list {
    width: 100%;
}

.layer-wrap.layer-popup.layer-save .chk-agree-list .chk-agree-cols {
    border-bottom: none;
}

.layer-wrap.layer-popup.layer-save .chk-agree-list .chk-agree-cols .txt.texRed {
    font-size: 16px;
}

.layer-wrap.layer-popup.layer-save .layer-info .saving-box .popup-normal-btns {
    margin-top: 20px;
}

.layer-wrap.layer-popup.layer-save .layer-info .saving-box .popup-normal-btns .btn {
    width: 100%;
}

.layer-wrap.layer-popup.layer-save .layer-info > p {
    font-size: 13px;
    margin-top: 10px;
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom {
    margin: 40px 0 0
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom > strong {
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom > strong span {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 12px;
    color: #999;
    z-index: 1
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom > strong:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #EBEBEB;
    position: absolute;
    top: 6px;
    left: 0
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom .save-normal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom .save-normal li {
    margin: 0 10px
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom .save-normal li button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.layer-wrap.layer-popup.layer-save .save-normal-bottom .save-normal li span {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
}

.layer-wrap.layer-popup.layer-saveComplete .popup-normal-btns {
    margin: 0 -5px;
}

.layer-wrap.layer-popup.layer-saveComplete .popup-normal-btns .btn {
    width: 245px;
    margin: 0 5px;
}

.icon.cashback {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico-cashback.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 19px;
    height: 19px;
    margin-right: 7px;
}


.layer-popup.layer-myLicense {
    width: 620px;
}

.layer-popup.layer-myLicense .pop-inner {
    margin: 50px 0 30px;
}

.layer-popup.layer-myLicense .iscroll-in {
    padding: 0 40px 50px;
}

.layer-popup.layer-myLicense .myLicenseInfo .table {
    border-radius: 20px;
    background: #EFF2F7;

}

.layer-popup.layer-myLicense .myLicenseInfo .table table th {
    border-top: 0;
    text-align: right;
}

.layer-popup.layer-myLicense .myLicenseInfo .table table th b {
    margin-right: 23px;
}

.layer-popup.layer-myLicense .myLicenseInfo .table table td {
    border-top: 0;
    text-align: left;
}

.layer-popup.layer-myLicense .myLicenseInfo .table table td span {
    color: #2b2b2b;
    font-size: 15px;
}

.layer-popup.layer-myLicense .myLicense-btn {
    margin: 23px 0 21px;
    display: flex;
    align-items: baseline;
}

.layer-popup.layer-myLicense .myLicense-btn h3 {
    font-size: 18px;
    font-weight: bold;
}

.layer-popup.layer-myLicense .myLicense-btn h3 button {
    margin: 0 10px 0 5px;
}

.layer-popup.layer-myLicense .myLicense-btn h3 button i {
    width: 18px;
    height: 18px;
}

.layer-popup.layer-myLicense .myLicense-btn .guide {
    font-size: 13px;
    color: #F04040;
}

.layer-popup.layer-myLicense .form-list {
    margin-left: 3px;
}

.layer-popup.layer-myLicense .form-list ul li:nth-of-type(2) .guide {
    font-size: 13px;
    line-height: 1.3;
    margin-top: 16px;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT {
    width: 17%;
    margin-left: 20px;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT:first-child {
    margin-left: 0;
    width: 20%;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT:nth-child(3) {
    width: 30%;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT + .inputT:after {
    display: block;
    content: "";
    border-left: .6rem solid #2B2B2B;
    position: absolute;
    top: 50%;
    left: -18px;
    height: 0.05rem
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT input[type='number']::-webkit-outer-spin-button,
.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0
}

.layer-popup.layer-myLicense .form-list ul.list-type-col4 > .inputT input[type='number'] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.layer-popup.layer-myLicense .form-list ul.list-type-col2 {
    justify-content: space-between;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col2 li {
    width: calc(100% / 2 - 20px);
}

.layer-popup.layer-myLicense .form-list ul.list-type-col2 li:last-of-type {
    border: 1px solid #ebebeb;
    border-radius: 1rem;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col2 li:last-of-type input {
    width: 30px;
    border: 0;
    padding: 0 0 0 20px;
}

.layer-popup.layer-myLicense .form-list ul.list-type-col2 > .inputT + .inputT:after {
    display: block;
    content: "";
    border-left: 0.6rem solid #2B2B2B;
    position: absolute;
    top: 50%;
    left: -9.5%;
    height: 0.05rem;
}

.layer-popup.layer-myLicense .form-list ul li.dp-flex {
    justify-content: space-between;
}

.layer-popup.layer-myLicense .form-list ul li.dp-flex > div {
    width: calc(100% / 2 - 20px);
}

.layer-popup.layer-myLicense .form-list ul li:last-of-type .chk-agree-cols li ul {
    margin-top: .7rem;
    margin-left: .7rem;
}

.layer-popup.layer-myLicense .form-list ul li:last-of-type .chk-agree-cols p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
}

.layer-popup.layer-myLicense .iscroll-in .myLicense-box > button {
    width: 265px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip {
    width: 400px;
    left: 35px;
    top: -70px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-top {
    position: relative;
    margin: 0 auto;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-top i.red {
    position: absolute;
    top: 5px;
    left: 0;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-top i.blue {
    position: absolute;
    top: 30px;
    left: 100px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-top i.green {
    position: absolute;
    top: 110px;
    left: 100px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-top i.mint {
    position: absolute;
    top: 150px;
    left: 100px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-guide {
    margin-top: 20px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-guide > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-guide > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-guide > ul > li > span {
    margin-left: 5px;
    font-size: 12px;
}

.layer-popup.layer-myLicense .tooltip-box .layer-tooltip .layer-license-bottom {
    margin-top: 30px;
    text-align: center;
    line-height: 1.4;
    font-size: 13px;
}

.btn-white.redBorder {
    border-color: #F04040 !important;
    color: #F04040 !important;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .carInfo {
    display: flex;
    flex-direction: column;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price {
    display: flex;
    justify-content: space-between;
    color: #F04040;
    margin-top: 7px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div {
    margin-left: 20px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span {
    font-weight: bold;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span b {
    display: inline-block;
    margin-right: 3px;
    color: #F04040;
    font-weight: bold;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span + span {
    position: relative;
    padding-left: 20px;
}

.layer-popup.layer-detail .list-wrap .list-item-detail .text .price div span + span:before {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background: #F04040;
    position: absolute;
    left: 9px;
    top: 3px;
}

/* 리스 전화권유판매원 신원확인 [24.02.05] */
.layer-manager .popup-cont.layer-iscroll {
    height: 640px !important;
    overflow-y: auto !important;
}

.layer-popup.layer-manager .table table th {
    padding: 20px 0;
    text-align: center;
    border-top: 0;
    font-weight: bold;
}

.layer-popup.layer-manager .table table td {
    padding: 20px 0;
    text-align: center;
}

/* PC 차량카드 내 대여료 노출(리스포함) [24.02.13] start */
.unit-normal .option-wrap > ul > li .cont b + b {
    position: relative;
    padding-left: 14px;
}

.unit-normal .option-wrap > ul > li .cont b + b:before {
    content: '';
    display: block;
    position: absolute;
    left: 7px;
    top: 4px;
    width: 1px;
    height: 60%;
    background: #2b2b2b;
}

/* PC 차량카드 내 대여료 노출(리스포함) [24.02.13] end */

.icon.clock {
    background-repeat: no-repeat;
    background-image: url("../../resources-pc/images/icons/ico_clock.png");
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.flag.soldout {
    background-color: #20BBC4;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    font-weight: 700;
    width: 100%;
    height: 30px;
    border-radius: 20px 20px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}
.btn-red02 {
    color: #E60012;
    height: 48px;
    font-size: 16px;
    padding: 13px 0;
    background-color: #FFF4F5;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
}
.btn-red03{
    height: 52px;
    font-size: 16px;
    padding: 10px 16px;
    background-color: #E60012;
    color: #fff;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-red04{
    height: 52px;
    font-size: 16px;
    padding: 0 16px;
    line-height:52px;
    background-color: #E60012;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    box-sizing:border-box;
    text-align:center;
}

.btn-redNew{
    height: 56px;
    font-size: 18px;
    padding: 0 16px;
    line-height:56px;
    background-color: #E60012;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    box-sizing:border-box;
    text-align:center;
}

.btn-redNew.h48{
    display:block;
    width:100%;
    height:48px;
    line-height:48px;
    font-size:16px;
}

/*2024 style guide */
.layer-popup.type2 .popup-top {
    min-height:68px;
    padding:40px 40px 20px;
    z-index:5;
    box-sizing:border-box;
}
.layer-popup.type2 .popup-top h4 {
    width:100%;
    height:auto;
    color:#151515;
    font-size:24px;
    font-weight:700;
    line-height:1.4;
    text-align:left;
    justify-content:flex-start;
}
.layer-popup.type2 .popup-cont{
    padding:0 40px 40px;
}
.layer-popup.type2 .layer-popup-close{
    position:absolute;
    top:40px;
    right:40px;
    width:auto;
    height:auto;
    background:none;
    border:none;
    box-shadow:none;
    z-index:100;
}

.layer-popup.type2 .popup-cont.layer-iscroll {
    max-height:calc(100vh - 250px);
    overflow-y:auto;
}
.layer-popup.type2 .layer-popup-close .icon.layerclose {
    background-size:20px auto;
}

/*tooltip*/
[data-tooltip-layer]{
    display:none;
}

.txt-dot{
    margin-top:12px;
    padding-left:8px;
    font-size:13px;
    text-indent:-8px;
    color:#5B5B5B;
    line-height:1.4;
}

.text--secondary{
    font-size:18px;
    color:#3B3B3B;
    line-height:1.4;
}
.text--primary{
    font-size:28px;
    font-weight:700;
    color:#1a1a1a;
    line-height:1.4;
}