@charset "utf-8";
.reset {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}
.border-box,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ir {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    word-break: keep-all;
    background-repeat: no-repeat;
    background-position: center center;
}
.ir .em,
.ir em {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    text-indent: -1000px;
}
#canvasToggler em,
#pageUp span em,
#stickyNav em,
#stickyNav li em,
.breadcrumb i em,
.button em,
.css-slider-wrapper em,
.icon em,
.pipe em,
.section-page-more .desc em,
.section-page-more .pager-more i em,
.section-pagination em,
.semantic,
.set-pagination em,
.slider-util .pager a em,
.slider-util .pager a span,
.slider-util a.nav em,
.sr-only,
.sticker em,
button em,
i em,
i.close em {
    position: absolute;
    text-indent: -9999px;
    z-index: -1;
    display: inline-block;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    word-break: keep-all;
    white-space: nowrap;
    border: 0;
    color: transparent;
    font: 0/0 a;
    *height: 0;
}
.hide-text {
    color: transparent;
    border: none;
    background-color: transparent;
    text-shadow: none;
    font: 0/0 a;
}
.hidden {
    visibility: hidden;
}
.list-reset,
ul.reset {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-reset li,
ul.reset li {
    margin: 0;
    padding: 0;
}
.list-inline {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-inline li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.no-background {
    background: transparent;
}
.no-border {
    border: 0;
}
.no-select {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.font-normal {
    font-style: normal;
}
.font-italic {
    font-style: italic;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.img-fluid {
    max-width: 100%;
}
.field {
    width: 100%;
}
.form-group {
    overflow: hidden;
}
.form-group label {
    display: inline-block;
    padding-top: 8px;
}
.disabled,
[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}
.checkbox,
.radio {
    position: relative;
    display: inline-block;
}
.checkbox label,
.radio label {
    display: inline-block;
    padding-top: 0;
    padding-left: 20px;
}
.checkbox input[type=checkbox],
.checkbox input[type=radio],
.radio input[type=checkbox],
.radio input[type=radio] {
    position: absolute;
    top: 4px;
    left: 0;
}
.pretty-select {
    position: relative;
    display: block;
}
.pretty-select select::-ms-expand {
    display: none;
}
.pretty-select select:focus {
    border-color: #0a3663;
}
.pretty-select select:-moz-focusring {
    color: transparent;
    border-color: #0a3663;
    text-shadow: 0 0 0 #000;
}
.pretty-select:before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    content: '';
    pointer-events: none;
    border: 6px solid transparent;
    border-top-color: #676767;
}
.pretty-select select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #333;
    background: #fff;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.scroll {
    overflow: hidden;
    overflow-y: scroll;
}
.animation {
    -webkit-animation: 1s;
    animation: 1s;
}
.animation-infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.background-repeat {
    background-repeat: repeat;
}
.background-no-repeat {
    background-repeat: no-repeat;
}
.background-repeat-x {
    background-repeat: repeat-x;
}
.background-repeat-y {
    background-repeat: repeat-y;
}
.tab-focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.pos-relative {
    position: relative;
}
.pos-absolute {
    position: absolute;
}
.margin-0 {
    margin: 0;
}
.padding-0 {
    padding: 0;
}
.float-none {
    float: none;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.none {
    display: none;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.pt-5 {
    padding-top: 5px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-25 {
    padding-top: 25px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-35 {
    padding-top: 35px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-45 {
    padding-top: 45px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-55 {
    padding-top: 55px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-5 {
    padding-bottom: 5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-15 {
    padding-bottom: 15px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-25 {
    padding-bottom: 25px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-35 {
    padding-bottom: 35px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-45 {
    padding-bottom: 45px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-55 {
    padding-bottom: 55px;
}
.pb-60 {
    padding-bottom: 60px;
}
.p-5 {
    padding: 5px;
}
.p-10 {
    padding: 10px;
}
.p-15 {
    padding: 15px;
}
.p-20 {
    padding: 20px;
}
.p-25 {
    padding: 25px;
}
.p-30 {
    padding: 30px;
}
.p-35 {
    padding: 35px;
}
.p-40 {
    padding: 40px;
}
.p-45 {
    padding: 45px;
}
.p-50 {
    padding: 50px;
}
.p-55 {
    padding: 55px;
}
.p-60 {
    padding: 60px;
}
.mt-0 {
    margin-top: 0px!important;
}
.mt-45 {
    margin-top: 45px;
}
.mt-50 {
    margin-top: 50px;
}
@media only screen and (min-width:768px) {
    .float-none-sm {
        float: none;
    }
    .padding-0-sm {
        padding: 0;
    }
    .margin-0-sm {
        margin: 0;
    }
    .relative-sm {
        position: relative;
    }
    .absolute-sm {
        position: absolute;
    }
    .static-sm {
        position: static;
    }
    .fixed-sm {
        position: fixed;
    }
    .none-sm {
        display: none;
    }
    .block-sm {
        display: block;
    }
    .inline-block-sm {
        display: inline-block;
    }
    .inline-sm {
        display: inline;
    }
    .flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-row-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-column-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-space-around-sm {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .flex-space-between-sm {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-start-sm {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .flex-center-sm {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-end-sm {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flex-wrap-sm {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-nowrap-sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
    .center-sm {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-justify-sm {
        text-align: justify;
    }
    .no-col-sm {
        width: auto;
        float: none;
    }
    .no-pull-sm,
    .no-push-m {
        left: 0;
    }
    .pt-0-sm {
        padding-top: 0;
    }
    .pt-5-sm {
        padding-top: 5px;
    }
    .pt-10-sm {
        padding-top: 10px;
    }
    .pt-15-sm {
        padding-top: 15px;
    }
    .pt-20-sm {
        padding-top: 20px;
    }
    .pt-25-sm {
        padding-top: 25px;
    }
    .pt-30-sm {
        padding-top: 30px;
    }
    .pt-35-sm {
        padding-top: 35px;
    }
    .pt-40-sm {
        padding-top: 40px;
    }
    .pt-45-sm {
        padding-top: 45px;
    }
    .pt-50-sm {
        padding-top: 50px;
    }
    .pt-55-sm {
        padding-top: 55px;
    }
    .pt-60-sm {
        padding-top: 60px;
    }
    .pb-0-sm {
        padding-bottom: 0;
    }
    .pb-5-sm {
        padding-bottom: 5px;
    }
    .pb-10-sm {
        padding-bottom: 10px;
    }
    .pb-15-sm {
        padding-bottom: 15px;
    }
    .pb-20-sm {
        padding-bottom: 20px;
    }
    .pb-25-sm {
        padding-bottom: 25px;
    }
    .pb-30-sm {
        padding-bottom: 30px;
    }
    .pb-35-sm {
        padding-bottom: 35px;
    }
    .pb-40-sm {
        padding-bottom: 40px;
    }
    .pb-45-sm {
        padding-bottom: 45px;
    }
    .pb-50-sm {
        padding-bottom: 50px;
    }
    .pb-55-sm {
        padding-bottom: 55px;
    }
    .pb-60-sm {
        padding-bottom: 60px;
    }
    .p-0-sm {
        padding: 0;
    }
    .p-5-sm {
        padding: 5px;
    }
    .p-10-sm {
        padding: 10px;
    }
    .p-15-sm {
        padding: 15px;
    }
    .p-20-sm {
        padding: 20px;
    }
    .p-25-sm {
        padding: 25px;
    }
    .p-30-sm {
        padding: 30px;
    }
    .p-35-sm {
        padding: 35px;
    }
    .p-40-sm {
        padding: 40px;
    }
    .p-45-sm {
        padding: 45px;
    }
    .p-50-sm {
        padding: 50px;
    }
    .p-55-sm {
        padding: 55px;
    }
    .p-60-sm {
        padding: 60px;
    }
}
@media only screen and (min-width:1024px) {
    .float-none-md {
        float: none;
    }
    .padding-0-md {
        padding: 0;
    }
    .margin-0-md {
        margin: 0;
    }
    .relative-md {
        position: relative;
    }
    .absolute-md {
        position: absolute;
    }
    .static-md {
        position: static;
    }
    .fixed-md {
        position: fixed;
    }
    .none-md {
        display: none;
    }
    .block-md {
        display: block;
    }
    .inline-block-md {
        display: inline-block;
    }
    .inline-md {
        display: inline;
    }
    .flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-row-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-column-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-space-around-md {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .flex-space-between-md {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-start-md {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .flex-center-md {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-end-md {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flex-wrap-md {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-nowrap-md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
    .center-md {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
    .text-justify-md {
        text-align: justify;
    }
    .no-col-md {
        width: auto;
        float: none;
    }
    .no-pull-md,
    .no-push-md {
        left: 0;
    }
    .pt-0-md {
        padding-top: 0;
    }
    .pt-5-md {
        padding-top: 5px;
    }
    .pt-10-md {
        padding-top: 10px;
    }
    .pt-15-md {
        padding-top: 15px;
    }
    .pt-20-md {
        padding-top: 20px;
    }
    .pt-25-md {
        padding-top: 25px;
    }
    .pt-30-md {
        padding-top: 30px;
    }
    .pt-35-md {
        padding-top: 35px;
    }
    .pt-40-md {
        padding-top: 40px;
    }
    .pt-45-md {
        padding-top: 45px;
    }
    .pt-50-md {
        padding-top: 50px;
    }
    .pt-55-md {
        padding-top: 55px;
    }
    .pt-60-md {
        padding-top: 60px;
    }
    .pb-0-md {
        padding-bottom: 0;
    }
    .pb-5-md {
        padding-bottom: 5px;
    }
    .pb-10-md {
        padding-bottom: 10px;
    }
    .pb-15-md {
        padding-bottom: 15px;
    }
    .pb-20-md {
        padding-bottom: 20px;
    }
    .pb-25-md {
        padding-bottom: 25px;
    }
    .pb-30-md {
        padding-bottom: 30px;
    }
    .pb-35-md {
        padding-bottom: 35px;
    }
    .pb-40-md {
        padding-bottom: 40px;
    }
    .pb-45-md {
        padding-bottom: 45px;
    }
    .pb-50-md {
        padding-bottom: 50px;
    }
    .pb-55-md {
        padding-bottom: 55px;
    }
    .pb-60-md {
        padding-bottom: 60px;
    }
    .p-0-md {
        padding: 0;
    }
    .p-5-md {
        padding: 5px;
    }
    .p-10-md {
        padding: 10px;
    }
    .p-15-md {
        padding: 15px;
    }
    .p-20-md {
        padding: 20px;
    }
    .p-25-md {
        padding: 25px;
    }
    .p-30-md {
        padding: 30px;
    }
    .p-35-md {
        padding: 35px;
    }
    .p-40-md {
        padding: 40px;
    }
    .p-45-md {
        padding: 45px;
    }
    .p-50-md {
        padding: 50px;
    }
    .p-55-md {
        padding: 55px;
    }
    .p-60-md {
        padding: 60px;
    }
}
@media only screen and (min-width:1280px) {
    .float-none-lg {
        float: none;
    }
    .padding-0-lg {
        padding: 0;
    }
    .margin-0-lg {
        margin: 0;
    }
    .relative-lg {
        position: relative;
    }
    .absolute-lg {
        position: absolute;
    }
    .static-lg {
        position: static;
    }
    .fixed-lg {
        position: fixed;
    }
    .none-lg {
        display: none;
    }
    .block-lg {
        display: block;
    }
    .inline-block-lg {
        display: inline-block;
    }
    .inline-lg {
        display: inline;
    }
    .flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-row-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-column-lg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-space-around-lg {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .flex-space-between-lg {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-start-lg {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .flex-center-lg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-end-lg {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flex-wrap-lg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-nowrap-lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
    .center-lg {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-justify-lg {
        text-align: justify;
    }
    .no-col-lg {
        width: auto;
        float: none;
    }
    .no-pull-lg,
    .no-push-l {
        left: 0;
    }
    .pt-0-lg {
        padding-top: 0;
    }
    .pt-5-lg {
        padding-top: 5px;
    }
    .pt-10-lg {
        padding-top: 10px;
    }
    .pt-15-lg {
        padding-top: 15px;
    }
    .pt-20-lg {
        padding-top: 20px;
    }
    .pt-25-lg {
        padding-top: 25px;
    }
    .pt-30-lg {
        padding-top: 30px;
    }
    .pt-35-lg {
        padding-top: 35px;
    }
    .pt-40-lg {
        padding-top: 40px;
    }
    .pt-45-lg {
        padding-top: 45px;
    }
    .pt-50-lg {
        padding-top: 50px;
    }
    .pt-55-lg {
        padding-top: 55px;
    }
    .pt-60-lg {
        padding-top: 60px;
    }
    .pb-0-lg {
        padding-bottom: 0;
    }
    .pb-5-lg {
        padding-bottom: 5px;
    }
    .pb-10-lg {
        padding-bottom: 10px;
    }
    .pb-15-lg {
        padding-bottom: 15px;
    }
    .pb-20-lg {
        padding-bottom: 20px;
    }
    .pb-25-lg {
        padding-bottom: 25px;
    }
    .pb-30-lg {
        padding-bottom: 30px;
    }
    .pb-35-lg {
        padding-bottom: 35px;
    }
    .pb-40-lg {
        padding-bottom: 40px;
    }
    .pb-45-lg {
        padding-bottom: 45px;
    }
    .pb-50-lg {
        padding-bottom: 50px;
    }
    .pb-55-lg {
        padding-bottom: 55px;
    }
    .pb-60-lg {
        padding-bottom: 60px;
    }
    .p-0-lg {
        padding: 0;
    }
    .p-5-lg {
        padding: 5px;
    }
    .p-10-lg {
        padding: 10px;
    }
    .p-15-lg {
        padding: 15px;
    }
    .p-20-lg {
        padding: 20px;
    }
    .p-25-lg {
        padding: 25px;
    }
    .p-30-lg {
        padding: 30px;
    }
    .p-35-lg {
        padding: 35px;
    }
    .p-40-lg {
        padding: 40px;
    }
    .p-45-lg {
        padding: 45px;
    }
    .p-50-lg {
        padding: 50px;
    }
    .p-55-lg {
        padding: 55px;
    }
    .p-60-lg {
        padding: 60px;
    }
}
@media only screen and (min-width:1920px) {
    .float-none-xl {
        float: none;
    }
    .padding-0-xl {
        padding: 0;
    }
    .margin-0-xl {
        margin: 0;
    }
    .relative-xl {
        position: relative;
    }
    .absolute-xl {
        position: absolute;
    }
    .static-xl {
        position: static;
    }
    .fixed-xl {
        position: fixed;
    }
    .none-xl {
        display: none;
    }
    .block-xl {
        display: block;
    }
    .inline-block-xl {
        display: inline-block;
    }
    .inline-xl {
        display: inline;
    }
    .flex-xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-row-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .flex-column-xl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-space-around-xl {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .flex-space-between-xl {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-start-xl {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .flex-center-xl {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-end-xl {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flex-wrap-xl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-nowrap-xl {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .pull-left-xl {
        float: left;
    }
    .pull-right-xl {
        float: right;
    }
    .center-xl {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .text-left-xl {
        text-align: left;
    }
    .text-right-xl {
        text-align: right;
    }
    .text-center-xl {
        text-align: center;
    }
    .text-justify-xl {
        text-align: justify;
    }
    .no-col-xl {
        width: auto;
        float: none;
    }
    .no-pull-xl,
    .no-push-xl {
        left: 0;
    }
    .pt-0-xl {
        padding-top: 0;
    }
    .pt-5-xl {
        padding-top: 5px;
    }
    .pt-10-xl {
        padding-top: 10px;
    }
    .pt-15-xl {
        padding-top: 15px;
    }
    .pt-20-xl {
        padding-top: 20px;
    }
    .pt-25-xl {
        padding-top: 25px;
    }
    .pt-30-xl {
        padding-top: 30px;
    }
    .pt-35-xl {
        padding-top: 35px;
    }
    .pt-40-xl {
        padding-top: 40px;
    }
    .pt-45-xl {
        padding-top: 45px;
    }
    .pt-50-xl {
        padding-top: 50px;
    }
    .pt-55-xl {
        padding-top: 55px;
    }
    .pt-60-xl {
        padding-top: 60px;
    }
    .pb-0-xl {
        padding-bottom: 0;
    }
    .pb-5-xl {
        padding-bottom: 5px;
    }
    .pb-10-xl {
        padding-bottom: 10px;
    }
    .pb-15-xl {
        padding-bottom: 15px;
    }
    .pb-20-xl {
        padding-bottom: 20px;
    }
    .pb-25-xl {
        padding-bottom: 25px;
    }
    .pb-30-xl {
        padding-bottom: 30px;
    }
    .pb-35-xl {
        padding-bottom: 35px;
    }
    .pb-40-xl {
        padding-bottom: 40px;
    }
    .pb-45-xl {
        padding-bottom: 45px;
    }
    .pb-50-xl {
        padding-bottom: 50px;
    }
    .pb-55-xl {
        padding-bottom: 55px;
    }
    .pb-60-xl {
        padding-bottom: 60px;
    }
    .p-0-xl {
        padding: 0;
    }
    .p-5-xl {
        padding: 5px;
    }
    .p-10-xl {
        padding: 10px;
    }
    .p-15-xl {
        padding: 15px;
    }
    .p-20-xl {
        padding: 20px;
    }
    .p-25-xl {
        padding: 25px;
    }
    .p-30-xl {
        padding: 30px;
    }
    .p-35-xl {
        padding: 35px;
    }
    .p-40-xl {
        padding: 40px;
    }
    .p-45-xl {
        padding: 45px;
    }
    .p-50-xl {
        padding: 50px;
    }
    .p-55-xl {
        padding: 55px;
    }
    .p-60-xl {
        padding: 60px;
    }
}
@ease InExpo: cubic-bezier(0.95,0.05,0.795,0..035); /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    2% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes kenburns {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    2% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#modalMovie .column.column-media .title,
.content-modal-content .digital-music-about.digital-music-about-a h5.title,
.content-modal-content .digital-music-about.digital-music-about-b h5.title,
.content-modal-content .digital-music-about.digital-music-about-c h5.title,
.content-modal-content .enm-music-about-a .downer h5.title,
.content-modal-content .enm-music-about-b .wrap .module h5.title,
.content-modal-content .enm-music-about-c h5.title,
.content-modal-content .media-content-channel .flipster__button,
.content-modal-content .media-content-info .subtitle,
.content-modal-content .section-jobs-view .jobs-view-top .d-day,
.eng,
.lang-en .content-modal-content .media-content-info .core,
.lang-en .content-modal-content .olive-festival-about p.core,
.lang-en .content-modal-content .section-business-about .large,
.lang-en .content-modal-content .section-business-about .xlarge,
.lang-en .page-company .article-overview.article-overview-b .show-room .item-wrap .section .core,
.page-business .section-performing-global .wrap p.core,
.page-business .section-subject .title,
.page-business .section-title .summary,
.page-business .section-title .title,
.page-careers .section-subject .title,
.page-careers .section-title .title,
.page-company .article-overview.article-overview-a .show-room .item-wrap .item .title,
.page-company .bbs-preview-list .grid .item.no-pic .module h3.title,
.page-company .section-history h4.title,
.page-company .section-mission .subject,
.page-company .section-mission h3.title,
.page-company .section-mission ul li p.core span,
.page-company .section-title .summary,
.page-company .section-title h3.title,
.page-company .section-vision .core,
.page-company .section-vision h3.title,
.page-etc .section-maps .wrap .maps-info .module .desc p span,
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.title,
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date .day,
.page-insight .section-view-body .img-box .grid .col .module span,
.page-main .section-careers .section-subject .title,
.page-main .section-careers-global .section-subject .title,
.page-main .section-company .title,
.page-main .section-insight .section-subject .title,
.page-main .section-insight .section-subject .title span.nth-child-2,
.section-title-slogan .wrap .cell .subject,
.set-list-numberic li:before,
.tab-list.tab-a li span,
ol.numberic li:before {
    font-family: 'Noto Snas KR', '나눔바른고딕';
    font-weight: 200;
}
#allmenu,
#allmenu .d1 .subject h4,
#footer .action-family-site,
#header,
#lnb,
#modalMovie .titles .subject-eng,
.bbs-collapse .icon:after,
.bbs-file a,
.bbs-status,
.bbs-view .bbs-view-top .date,
.bbs-write .bbs-view-top .date,
.breadcrumb,
.content-modal-content .animation-tooniverse-b .wrap .title,
.content-modal-content .business-summary .grid .col.information .upper .desc,
.content-modal-content .media-content-title .wrap .title span.caption,
.content-modal-content .media-content-title .wrap .title span.summary,
.content-modal-wrapper.is-large .content-modal-footer,
.eng-light,
.hover-more span,
.is-hover-desc-b .desc a span.title,
.masonry-list.is-hover-desc .desc span.subtitle,
.page-business .section-media-content .masonry-list .desc a span.subtitle,
.page-business .section-media-content .masonry-list .desc a span.title,
.page-business .section-music .desc a span.subtitle,
.page-business .section-subject .summary,
.page-company .article-overview.article-overview-a .show-room .pager,
.page-company .bbs-preview-list .grid .item .module span.date,
.page-company .history-tab li span,
.page-company .section-csv .item h4.title,
.page-company .section-history .year .month h5.title,
.page-company .section-library .desc p.date,
.page-company .section-library .desc p.file-type,
.page-etc .section-maps .wrap .maps-info .module .core,
.page-insight .section-insight .module .desc p.category,
.page-insight .section-insight .module .desc p.date,
.page-insight .section-recent-issue .date,
.page-insight .section-recent-issue .slide-wrap .slide-item .desc p.date,
.page-insight .section-recent-issue .title,
.page-insight .section-special .desc .upper,
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col,
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date,
.page-insight .section-trend .desc p.date,
.page-insight .section-trend-highlight .desc .date,
.page-insight .section-view-body .grid-column p.desc,
.page-insight .section-view-body .img-box .grid .col .module p,
.page-insight .section-view-body .subject .title span.core,
.page-insight .section-view-jumbotron .desc,
.page-insight .section-view-jumbotron .no,
.page-main #jumbotron .rect-border .typho,
.page-main #jumbotron .table .summary,
.page-main .section-business .subject,
.page-main .section-careers-global .section-subject .title span.nth-child-2,
.section-page-more .desc,
.section-pagination a,
.section-pagination strong,
.section-search .select,
.section-stories-view .stories-view-body .grid .col.title .subject,
.section-title-slogan,
.section-title-slogan .typho em,
.section-title-slogan .wrap .cell,
.tab-list.tab-b li span,
.tab-list.tab-c li,
.tab-list.tab-d li,
table.bbs-list td.date,
table.bbs-list td.no {
    font-family: 'Noto Snas KR', '나눔바른고딕';
}
.kor {
    font-family: 'Noto Snas KR', '나눔바른고딕', 'Nanum Gothic', 'nanumgothic', 'Apple SD Gothic Neo', '돋움', 'dotum', 'Dotum', 'Helvetica', 'sans-serif';
}
.kor-cj {
    font-family: 'Hanna';
}
html {
    font-family: 'Noto Snas KR', '나눔바른고딕', 'Nanum Gothic', 'nanumgothic', 'Apple SD Gothic Neo', '돋움', 'dotum', 'Dotum', 'Helvetica', 'sans-serif';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
button,
html,
input,
select,
textarea {
    font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
body,
button,
fieldset,
form,
input,
legend,
select,
textarea {
    margin: 0;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
progress {
    vertical-align: baseline;
}
[hidden],
template {
    display: none;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
.clear,
.clearfix,
.container,
.grid {
    clear: both;
    *zoom: 1;
}
.clear:after,
.clear:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.grid:after,
.grid:before {
    content: " ";
    display: table;
}
.clear:after,
.clearfix:after,
.container:after,
.grid:after {
    clear: both;
}
#container,
#footer,
#gnb,
#header,
#inner,
#innerWrapper,
#top,
#wrapper,
.clear-both {
    clear: both;
    *zoom: 1;
}
.clear-after {
    *zoom: 1;
}
.clear-after:after {
    content: "";
    display: table;
    clear: both;
}
.grid-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.grid-flex [class*=col-] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.grid .col,
.grid [class*=col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.grid .col-1-2 {
    width: 50%;
}
.grid .col-1-3 {
    width: 33.33333333%;
}
.grid .col-2-3 {
    width: 66.66666667%;
}
.grid .col-1-5 {
    width: 20%;
}
.grid .col-2-5 {
    width: 40%;
}
.grid .col-3-5 {
    width: 60%;
}
.grid .col-4-5 {
    width: 80%;
}
.grid .col-1-6 {
    width: 16.66666667%;
}
.grid .col-1-10 {
    width: 10%;
}
.grid .col-1-12 {
    width: 8.33333333%;
}
.grid .col-2-12 {
    width: 16.66666667%;
}
.grid .col-3-12 {
    width: 25%;
}
.grid .col-4-12 {
    width: 33.33333333%;
}
.grid .col-5-12 {
    width: 41.66666667%;
}
.grid .col-6-12 {
    width: 50%;
}
.grid .col-7-12 {
    width: 58.33333333%;
}
.grid .col-8-12 {
    width: 66.66666667%;
}
.grid .col-9-12 {
    width: 75%;
}
.grid .col-10-12 {
    width: 83.33333333%;
}
.grid .col-11-12 {
    width: 91.66666667%;
}
.grid .col-1-1,
.grid .col-12-12 {
    width: 100%;
    float: none;
}
@media only screen and (min-width:1px) and (max-width:1023px) {
    .clear-sm,
    .grid-sm {
        clear: both;
        *zoom: 1;
    }
    .clear-sm:after,
    .clear-sm:before,
    .grid-sm:after,
    .grid-sm:before {
        content: " ";
        display: table;
    }
    .clear-sm:after,
    .grid-sm:after {
        clear: both;
    }
    .clear-both-sm {
        clear: both;
        *zoom: 1;
    }
    .clear-after-sm {
        *zoom: 1;
    }
    .clear-after-sm:after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-sm [class*=col-] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col,
    .grid [class*=col-] {
        float: left;
    }
    .grid .col-1-2-sm {
        width: 50%;
    }
    .grid .col-1-3-sm {
        width: 33.33333333%;
    }
    .grid .col-2-3-sm {
        width: 66.66666667%;
    }
    .grid .col-1-5-sm {
        width: 20%;
    }
    .grid .col-2-5-sm {
        width: 40%;
    }
    .grid .col-3-5-sm {
        width: 60%;
    }
    .grid .col-4-5-sm {
        width: 80%;
    }
    .grid .col-1-6-sm {
        width: 16.66666667%;
    }
    .grid .col-1-10-sm {
        width: 10%;
    }
    .grid .col-1-12-sm {
        width: 8.33333333%;
    }
    .grid .col-2-12-sm {
        width: 16.66666667%;
    }
    .grid .col-3-12-sm {
        width: 25%;
    }
    .grid .col-4-12-sm {
        width: 33.33333333%;
    }
    .grid .col-5-12-sm {
        width: 41.66666667%;
    }
    .grid .col-6-12-sm {
        width: 50%;
    }
    .grid .col-7-12-sm {
        width: 58.33333333%;
    }
    .grid .col-8-12-sm {
        width: 66.66666667%;
    }
    .grid .col-9-12-sm {
        width: 75%;
    }
    .grid .col-10-12-sm {
        width: 83.33333333%;
    }
    .grid .col-11-12-sm {
        width: 91.66666667%;
    }
    .grid .col-1-1-sm,
    .grid .col-12-12-sm {
        width: 100%;
        float: none;
    }
}
@media only screen and (min-width:1024px) {
    .clear-md,
    .grid-md {
        clear: both;
        *zoom: 1;
    }
    .clear-md:after,
    .clear-md:before,
    .grid-md:after,
    .grid-md:before {
        content: " ";
        display: table;
    }
    .clear-md:after,
    .grid-md:after {
        clear: both;
    }
    .clear-both-md {
        clear: both;
        *zoom: 1;
    }
    .clear-after-md {
        *zoom: 1;
    }
    .clear-after-md:after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-md [class*=col-] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col,
    .grid [class*=col-] {
        float: left;
    }
    .grid .col-1-2-md {
        width: 50%;
    }
    .grid .col-1-3-md {
        width: 33.33333333%;
    }
    .grid .col-2-3-md {
        width: 66.66666667%;
    }
    .grid .col-1-5-md {
        width: 20%;
    }
    .grid .col-2-5-md {
        width: 40%;
    }
    .grid .col-3-5-md {
        width: 60%;
    }
    .grid .col-4-5-md {
        width: 80%;
    }
    .grid .col-1-6-md {
        width: 16.66666667%;
    }
    .grid .col-1-10-md {
        width: 10%;
    }
    .grid .col-1-12-md {
        width: 8.33333333%;
    }
    .grid .col-2-12-md {
        width: 16.66666667%;
    }
    .grid .col-3-12-md {
        width: 25%;
    }
    .grid .col-4-12-md {
        width: 33.33333333%;
    }
    .grid .col-5-12-md {
        width: 41.66666667%;
    }
    .grid .col-6-12-md {
        width: 50%;
    }
    .grid .col-7-12-md {
        width: 58.33333333%;
    }
    .grid .col-8-12-md {
        width: 66.66666667%;
    }
    .grid .col-9-12-md {
        width: 75%;
    }
    .grid .col-10-12-md {
        width: 83.33333333%;
    }
    .grid .col-11-12-md {
        width: 91.66666667%;
    }
    .grid .col-1-1-md,
    .grid .col-12-12-md {
        width: 100%;
        float: none;
    }
}
@media only screen and (min-width:1280px) {
    .clear-lg,
    .grid-lg {
        clear: both;
        *zoom: 1;
    }
    .clear-lg:after,
    .clear-lg:before,
    .grid-lg:after,
    .grid-lg:before {
        content: " ";
        display: table;
    }
    .clear-lg:after,
    .grid-lg:after {
        clear: both;
    }
    .clear-both-lg {
        clear: both;
        *zoom: 1;
    }
    .clear-after-lg {
        *zoom: 1;
    }
    .clear-after-lg:after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-lg [class*=col-] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col,
    .grid [class*=col-] {
        float: left;
    }
    .grid .col-1-2-lg {
        width: 50%;
    }
    .grid .col-1-3-lg {
        width: 33.33333333%;
    }
    .grid .col-2-3-lg {
        width: 66.66666667%;
    }
    .grid .col-1-5-lg {
        width: 20%;
    }
    .grid .col-2-5-lg {
        width: 40%;
    }
    .grid .col-3-5-lg {
        width: 60%;
    }
    .grid .col-4-5-lg {
        width: 80%;
    }
    .grid .col-1-6-lg {
        width: 16.66666667%;
    }
    .grid .col-1-10-lg {
        width: 10%;
    }
    .grid .col-1-12-lg {
        width: 8.33333333%;
    }
    .grid .col-2-12-lg {
        width: 16.66666667%;
    }
    .grid .col-3-12-lg {
        width: 25%;
    }
    .grid .col-4-12-lg {
        width: 33.33333333%;
    }
    .grid .col-5-12-lg {
        width: 41.66666667%;
    }
    .grid .col-6-12-lg {
        width: 50%;
    }
    .grid .col-7-12-lg {
        width: 58.33333333%;
    }
    .grid .col-8-12-lg {
        width: 66.66666667%;
    }
    .grid .col-9-12-lg {
        width: 75%;
    }
    .grid .col-10-12-lg {
        width: 83.33333333%;
    }
    .grid .col-11-12-lg {
        width: 91.66666667%;
    }
    .grid .col-1-1-lg,
    .grid .col-12-12-lg {
        width: 100%;
        float: none;
    }
}
@media only screen and (min-width:1920px) {
    .clear-xl,
    .grid-xl {
        clear: both;
        *zoom: 1;
    }
    .clear-xl:after,
    .clear-xl:before,
    .grid-xl:after,
    .grid-xl:before {
        content: " ";
        display: table;
    }
    .clear-xl:after,
    .grid-xl:after {
        clear: both;
    }
    .clear-both-xl {
        clear: both;
        *zoom: 1;
    }
    .clear-after-xl {
        *zoom: 1;
    }
    .clear-after-xl:after {
        content: "";
        display: table;
        clear: both;
    }
    .grid-flex-xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .grid-flex-xl [class*=col-] {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .grid .col,
    .grid [class*=col-] {
        float: left;
    }
    .grid .col-1-2-xl {
        width: 50%;
    }
    .grid .col-1-3-xl {
        width: 33.33333333%;
    }
    .grid .col-2-3-xl {
        width: 66.66666667%;
    }
    .grid .col-1-5-xl {
        width: 20%;
    }
    .grid .col-2-5-xl {
        width: 40%;
    }
    .grid .col-3-5-xl {
        width: 60%;
    }
    .grid .col-4-5-xl {
        width: 80%;
    }
    .grid .col-1-6-xl {
        width: 16.66666667%;
    }
    .grid .col-1-10-xl {
        width: 10%;
    }
    .grid .col-1-12-xl {
        width: 8.33333333%;
    }
    .grid .col-2-12-xl {
        width: 16.66666667%;
    }
    .grid .col-3-12-xl {
        width: 25%;
    }
    .grid .col-4-12-xl {
        width: 33.33333333%;
    }
    .grid .col-5-12-xl {
        width: 41.66666667%;
    }
    .grid .col-6-12-xl {
        width: 50%;
    }
    .grid .col-7-12-xl {
        width: 58.33333333%;
    }
    .grid .col-8-12-xl {
        width: 66.66666667%;
    }
    .grid .col-9-12-xl {
        width: 75%;
    }
    .grid .col-10-12-xl {
        width: 83.33333333%;
    }
    .grid .col-11-12-xl {
        width: 91.66666667%;
    }
    .grid .col-1-1-xl,
    .grid .col-12-12-xl {
        width: 100%;
        float: none;
    }
}
.detector-sm {
    display: none;
}
.detector-lg {
    display: block;
}
@media only screen and (min-width:1px) and (max-width:1024px) {
    .detector-sm {
        display: block;
    }
    .detector-lg {
        display: none;
    }
}
@media only screen and (min-width:1025px) {
    .detector-sm {
        display: none;
    }
    .detector-lg {
        display: block;
    }
}
.lt-ie8 .detector-sm {
    display: none;
}
.lt-ie8 .detector-lg {
    display: block;
}
@media only screen and (min-width:768px) {
    .sm {
        display: block;
    }
    .lg,
    .md,
    .xl {
        display: none;
    }
}
@media only screen and (min-width:1024px) {
    .md {
        display: block;
    }
    .lg,
    .sm,
    .xl {
        display: none;
    }
}
@media only screen and (min-width:1280px) {
    .lg {
        display: block;
    }
    .md,
    .sm,
    .xl {
        display: none;
    }
}
@media only screen and (min-width:1920px) {
    .xl {
        display: block;
    }
    .lg,
    .md,
    .sm {
        display: none;
    }
}
* {}
::-webkit-scrollbar {
    margin: 0;
    padding: 0;
    width: 8px;
}
::-webkit-scrollbar-button {
    background-color: #eee;
    height: 1px;
    width: 10px;
}
::-webkit-scrollbar-corner {
    background-color: #999;
}
::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 0;
}
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
    background: #000;
}
::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 0;
    border: 0;
}
::-webkit-scrollbar-track:active,
::-webkit-scrollbar-track:hover {
    background: #eee;
}
::-moz-selection,
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::-moz-selection,
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}
img.spacer {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTA0NUI5QjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTA0NUJBQjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMDQ1QjdCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMDQ1QjhCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CZ0UdAAAAEElEQVR42mL4//8/A0CAAQAI/AL+26JNFgAAAABJRU5ErkJggg==");
}
img.noimage {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAMcAQMAAACl5F6MAAAABlBMVEW8vsDn6OnyCdevAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEbUlEQVR4AezBMQEAAADCoPVP7WsIoAcAAAAAAAAAAAAAAAAAAAAAAIydO0iOk4eCAGyVXNEuukF0FB1NHE1H0RG0ZEHRf5A99WYMk1T+Kvolw+vVjBf+CkMLoRCFWQkuqCquB3QOOQKrCpwBKJ1i6Jxk/EzTubaArgAHQOeyjhu8aMEafUrYolLjLRMfLrpw5cMYadeBnTLcrwN7ZXi+DhyuCi8GG/xy8Gyw3SRe7n7cLzfnajah5z87keFJ//lYf0WAAq+vv+rDX+fir+zpr2Xqr95qrle/ywr9OxX+/nF19fGRmR/yrzCJCudRqNHiNDHhIlquTBgCF2aX3V2BwYT9nUYdNoNojnqjiKJ56q0xiRaok4EsWqQO2EW0RJ3wQbTMvDc6iFaYswEvkx5Hnf8E0Tx1xhcfj3gh1lhOLHVWnx8vLvBq/FAnYpGBhwEElVfjhyETjVjj5bFanATpLrHIcpDkIstpJRdZLmRykaW63CLLMZKLLGeVXGS5jvlFluZKq8k1lnGMXGMZuck1lnsVu8ZydybXWOYj5BrLDIxcY5lz8mrML/JupPIC02osf3tyjeVqY9dYikys8QlTAUIsFovFYrFYLJaIP8hq8D4GG2ywwQYbbLDBBhtssMEGG2ywwQYb3N9+G/ePwQYbbLDBBhtssMEGG5yhA3ugqcARmFXgDKwqcAGgAsu+J1zYy94UXDjIRxosH+crwUm2euHCWX43Fy7YciUYI9N1YIeRavDpsMdIM9jgs+BOh4PBavA3ras6aMFRC06TEpyrLsy/H5emBKOrwvxZpsOsA3ssOk8SQQ9edZ4WI6DzfJwU4Ym/FCE7ofFXfQoJlnUugRsHdl9GTKBzlxRF6vzVW9kngr5eLTB5hT6MUhPgLfdDRhwQCQ79TQXe756tAWcp10XgIuMYF8aWxoedLtz5sB/wzIeDLrzw4QiRqHBSgOvnwLWFCrc7eCLCbnwrXFh2ZMdHKhEOyx3ciHBch8OHE2TtCZ0IZ0wCz1S4jhGTDhc0ecN9IcLja/qEVwIswqwC+/H3zfgMDw7j95cbPBFg+YEKnIaGWyoNzpvmcEujws0rwGX7LnCnwWOgDLhlZsFuaJEP+zFCC7yw4DCAhFtWFhwHl/lwwpeowRMJzlpw+QpXEgwl2O3gxoH9Du4cOOzgmQNHLTjt4OXF4byDVw5csAsHhhLssM/EgD32qQw4aMER+zQtuDPgpAVn7DMz4IJ9FgYMJdgdwSsB9jgKAQ5acDyEJy24ng8nLTgfwu18uBzC/XwYSrA7hmfCeyCHWU6Hw18Gr4R3fY5zOpy04PwEngj/KfYw9WwYSrB7BjfCW4qH6a8Kh2fwTHgF9jDLyXDSgvMzeKW8UX6Uk2Eowe45PL0m7J/D9VQ4aMG/isH/JwYbbLDBBhtssMEGG2ywtz3K/2tvDmQAAAAABvlbn+NbCSQWi8VisVgsFovFYrFYLBYvAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEHVJjR5bJLd8AAAAASUVORK5CYII=");
}
img.blank {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTA0NUI5QjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTA0NUJBQjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMDQ1QjdCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMDQ1QjhCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CZ0UdAAAAEElEQVR42mL4//8/A0CAAQAI/AL+26JNFgAAAABJRU5ErkJggg==");
}
img.full {
    max-width: 100%;
}
.hr,
hr {
    clear: both;
    position: relative;
    display: table;
    overflow: hidden;
    margin: 40px 0;
    height: 2px;
}
.hr:after,
hr:after {
    position: absolute;
    content: '';
    display: block;
    width: 43px;
    height: 2px;
    background-color: #000;
}
.browsehappy {
    margin: 0.2em 0;
    padding: 0.2em 0;
    color: #000;
    background: #ccc;
}
.bottom-spacer {
    clear: both;
    margin-top: 60px;
    height: 1px;
    margin-bottom: -1px;
    overflow: hidden;
}
.is-bg-a {
    background: url("./img/common/bg_f5f5f5.png");
}
.rect-border span {
    display: block;
    position: absolute;
    z-index: 5;
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.rect-border span:first-child {
    top: 110%;
    bottom: 0;
    left: 20px;
    width: 1px;
}
@media only screen and (min-width:1280px) {
    .rect-border span:first-child {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
.rect-border span:nth-child(2) {
    top: 20px;
    left: 20px;
    right: 110%;
    height: 1px;
}
@media only screen and (min-width:1280px) {
    .rect-border span:nth-child(2) {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
.safari .rect-border span:nth-child(2) {
    visibility: hidden;
}
.rect-border span:nth-child(3) {
    top: 20px;
    bottom: 100%;
    right: 20px;
    width: 1px;
}
@media only screen and (min-width:1280px) {
    .rect-border span:nth-child(3) {
        margin-top: 20px;
        margin-right: 20px;
    }
}
@media print {
    @page {
        margin: 0.5cm;
    }
    *,
    :after,
    :before {
        background: transparent!important;
        color: #000!important;
        -moz-box-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        text-shadow: none!important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    blockquote,
    pre {
        page-break-inside: avoid;
        border: solid 1px #999;
    }
    thead {
        display: table-header-group;
    }
    tr {
        page-break-inside: avoid;
    }
    img {
        page-break-inside: avoid;
        max-width: 100%!important;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
}
@media print and print {
    #aside,
    #footer,
    #header,
    #indicator,
    #overlay,
    #skipToContents,
    .no-print {
        display: none;
    }
}
html {
    line-height: 1.4;
}
body {
    line-height: 1.4;
    background: #fff;
}
body,
td,
th {
    font-family: 'Noto Snas KR', '나눔바른고딕', 'Nanum Gothic', 'nanumgothic', 'Apple SD Gothic Neo', '돋움', 'dotum', 'Dotum', 'Helvetica', 'sans-serif';
    font-weight: 400;
    font-size: 14px;
    color: #333;
}
.lang-en body,
.lang-en td,
.lang-en th {
    font-family: 'Noto Snas KR', '나눔바른고딕';
}
.lang-cn body,
.lang-cn td,
.lang-cn th {
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
}
p {
    position: relative;
}
p > input[type=checkbox],
p > input[type=radio] {
    vertical-align: middle;
}
p,
td {
    word-break: break-word;
}
.line-height {
    line-height: 1.4;
}
.line-height-reset {
    line-height: 1;
}
.line-height-large {
    line-height: 1.6;
}
.light,
.thin {
    font-weight: 200;
}
.normal {
    font-weight: 400;
}
.bold,
.thick {
    font-weight: 600;
}
.strike {
    text-decoration: strike;
    color: #666;
}
.underline {
    text-decoration: underline;
}
.pre-line {
    white-space: pre-line;
    *white-space: pre;
    word-wrap: break-word;
}
.break-all,
.pre {
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}
.ellipsis {
    display: inline;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal!important;
    word-break: keep-all;
    white-space: nowrap;
    width: 99%;
}
.no-font-smooth {
    font-smooth: never;
    -webkit-font-smoothing: none;
}
.nowrap {
    word-wrap: break-word;
    word-break: keep-all;
    white-space: nowrap;
}
.break-all {
    word-break: break-all;
}
.keep-all {
    word-break: keep-all;
}
div.primary,
em.primary,
p.primary,
small.primary,
span.primary,
strong.primary,
table.primary,
ul.primary {
    color: #000;
}
div.secondary,
em.secondary,
p.secondary,
small.secondary,
span.secondary,
strong.secondary,
table.secondary,
ul.secondary {
    color: #007dc3;
}
div.warning,
em.warning,
p.warning,
small.warning,
span.warning,
strong.warning,
table.warning,
ul.warning {
    color: #ffcc33;
}
div.info,
em.info,
p.info,
small.info,
span.info,
strong.info,
table.info,
ul.info {
    color: #34bf49;
}
div.danger,
em.danger,
p.danger,
small.danger,
span.danger,
strong.danger,
table.danger,
ul.danger {
    color: #ee3440;
}
div.small,
em.small,
p.small,
small.small,
span.small,
strong.small,
table.small,
ul.small {
    font-size: 12px;
}
div.large,
em.large,
p.large,
small.large,
span.large,
strong.large,
table.large,
ul.large {
    font-size: 16px;
}
div.xlarge,
em.xlarge,
p.xlarge,
small.xlarge,
span.xlarge,
strong.xlarge,
table.xlarge,
ul.xlarge {
    font-size: 20px;
}
a {
    color: #666;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    outline-width: 0;
}
a:link {
    text-decoration: none;
    color: #666;
}
a:visited {
    text-decoration: none;
    color: #666;
}
a:hover {
    text-decoration: underline;
    color: #999;
    outline-width: 0;
}
a:active {
    text-decoration: none;
    color: #999;
    outline-width: 0;
}
a:hover .link {
    text-decoration: underline;
}
a[href*="tel:"] {
    cursor: default;
}
a[href*="tel:"]:hover {
    text-decoration: none;
}
@media only screen and (min-width:1024px) {
    a[href*="tel:"] {
        cursor: pointer;
    }
    a[href*="tel:"]:hover {
        text-decoration: underline;
    }
}
a.link {
    color: #007dc3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Snas KR', '나눔바른고딕', 'Nanum Gothic', 'nanumgothic', 'Apple SD Gothic Neo', '돋움', 'dotum', 'Dotum', 'Helvetica', 'sans-serif';
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 12px;
    font-weight: 400;
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
    margin: 0;
    padding: 0;
    cursor: default;
}
.lang-en h1,
.lang-en h2,
.lang-en h3,
.lang-en h4,
.lang-en h5,
.lang-en h6 {
    font-family: 'Noto Snas KR', '나눔바른고딕';
}
.lang-en h1,
.lang-en h1.title,
.lang-en h2,
.lang-en h2.title,
.lang-en h3,
.lang-en h3.title,
.lang-en h4,
.lang-en h4.title,
.lang-en h5,
.lang-en h5.title,
.lang-en h6,
.lang-en h6.title {
    font-weight: 200;
}
.lang-cn h1,
.lang-cn h2,
.lang-cn h3,
.lang-cn h4,
.lang-cn h5,
.lang-cn h6 {
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
}
.lang-cn h1,
.lang-cn h1.title,
.lang-cn h2,
.lang-cn h2.title,
.lang-cn h3,
.lang-cn h3.title,
.lang-cn h4,
.lang-cn h4.title,
.lang-cn h5,
.lang-cn h5.title,
.lang-cn h6,
.lang-cn h6.title {
    font-weight: 400;
}
h1.title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 25px 0 15px;
}
h2.title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 20px 0 10px;
}
h3.title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 15px 0 10px;
}
h4.title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 10px 0;
}
h5.title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 10px 0 5px;
}
h6.title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin: 5px 0;
}
.strong,
b,
strong {
    font-weight: 600;
}
.em,
em {
    font-style: normal;
}
.small,
small {
    font-size: 12px;
}
a.has-outline:focus,
button.has-outline:focus,
input.has-outline:focus,
textarea.has-outline:focus {
    outline: 3px solid #D7F07F;
}
.has-outline a:focus,
.has-outline button:focus,
.has-outline input:focus,
.has-outline textarea:focus {
    outline: 3px solid #D7F07F;
}
.pipe {
    display: inline-block;
    line-height: 1;
    width: 1px;
    height: 14px;
    font-size: 100%;
    margin: 0 10px;
    vertical-align: middle;
    border-right: 1px solid #333;
}
.pipe.dot {
    display: inline-block;
    line-height: 1;
    width: 1px;
    height: 14px;
    margin: 0 10px;
    vertical-align: middle;
    border-right: 1px dotted #333;
}
body {
    height: 100.1%;
}
.container {
}
.container .wrap {
    margin: 0 auto;
    width: 80%;
}
#skipToContent a {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -1px;
    top: -1px;
    margin: -1px;
    width: 1px;
    height: 1px;
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
}
#skipToContent a:focus {
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: underline;
}
#skipToContent a:focus {
    background-color: #fff;
    font-weight: bold;
    font-size: 12px;
}
#skyscraper {
    position: absolute;
    z-index: 41;
    margin-left: 540px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 10px;
    width: 82px;
    min-height: 263px;
}
#skyscraper.is-sticky-loaded {
    opacity: 1;
    visibility: visible;
}
.is-mobile #skyscraper {
    display: none;
}
#header {
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}
#header #gnb {
    background-color: #ffffff;
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.page-main #header #gnb {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.lang-cn #header #gnb .item,
.lang-en #header #gnb .item {
    width: 33.33%;
}
#header #lnb {
    display: block;
    height: 50px;
    overflow: hidden;
    background-color: #fafafa;
    border-bottom: 1px #e3e3e5 solid;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#header #lnb div.d2 {
    display: none;
}
#header #lnb div.d2.company {
    margin-left: 25%;
}
#header #lnb div.d2.careers {
    margin-left: 50%;
}
#header #lnb div.d2.insight {
    margin-left: 75%;
}
.lang-cn #header #lnb div.d2.company,
.lang-en #header #lnb div.d2.company {
    margin-left: 33.33%;
}
.lang-cn #header #lnb div.d2.careers,
.lang-en #header #lnb div.d2.careers {
    margin-left: 66.66%;
}
.page-main #header #lnb {
    display: none;
}
.page-business #header #lnb div.business,
.page-careers #header #lnb div.careers,
.page-company #header #lnb div.company,
.page-insight #header #lnb div.insight {
    display: block;
}
#header:hover #gnb,
.is-scrollDowned #header #gnb {
    background-color: #ffffff;
}
#ghostHeader {
    overflow: hidden;
}
.page-main #ghostHeader {
    height: 0;
}
#gnb .wrap {
    width: auto;
}
#gnb li,
#gnb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#wrapper {
    padding-top: 130px;
    text-align: center;
    background-color: #fff;
}
#wrapper.next-skroller {
    position: relative;
    z-index: 2;
    margin-top: 667px;
    padding-top: 70px;
}
.page-main #wrapper {
    padding-top: 0;
}
#aside {
    min-height: 85vh;
    float: left;
    width: 20%;
    background-color: #eee;
}
.is-mobile #aside {
    float: none;
    position: absolute;
    left: -100%;
}
#content {
    min-height: 760px;
}
.page-etc #content {
    min-height: 810px;
}
#footer {
    clear: both;
    *zoom: 1;
    position: relative;
    height: auto;
    font-size: 14px;
    text-align: left;
}
#footer:after,
#footer:before {
    content: " ";
    display: table;
}
#footer:after {
    clear: both;
}
#footer .family-sites {
    display: none;
    line-height: 1.4;
    background-color: #2f2f2f;
}
#footer .family-sites .item {
    padding-top: 15px;
    width: 15%;
    font-size: 16px;
}
#footer .family-sites .item:nth-child(2),
#footer .family-sites .item:nth-child(3),
#footer .family-sites .item:nth-child(4) {
    width: 18%;
}
#footer .family-sites h4 {
    padding: 15px 0;
    /*border-bottom: solid 1px #666;*/
    font-weight: bold;
    color: #fff;
}
.lang-cn #footer .family-sites h4,
.lang-en #footer .family-sites h4 {
    min-height: 46px;
}
#footer .family-sites ul {
    padding-top: 12px;
}
#footer .family-sites li a {
    color: #999;
    height: 30px;
    line-height: 30px;
}
.is-family-sites #footer {
}
.is-family-sites #footer .family-sites {
    display: block;
}
#footer .holder {
    height: auto;
    background-color: #1b1b1b;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #ddd;
    text-decoration: none;
}
#footer .col-a {
    float: left;
}
#footer .col-b {
    float: right;
    width: 190px;
}
#footer .links-quick {
    font-size: 14px;
    padding: 15px 0;
}
#footer .links-quick li span {
    display: block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
}
#footer .links-quick li:first-child span {
    padding-left: 0;
}
#footer .copyrights {
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
    color: #777;
}
#footer .links-social {
    padding: 15px 0;
    margin-left: -8px;
    font-size: 14px;
}
#footer .links-social .icon {
    padding-right: 5px;
}
#footer .links-social .icon.blog {
    background-image: url("./img/common/Blogger-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.youtube {
    background-image: url("./img/common/Youtube-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.instagram {
    background-image: url("./img/common/Instagram-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.facebook {
    background-image: url("./img/common/Facebook-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.twitter {
    background-image: url("./img/common/Twitter-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.google {
    background-image: url("./img/common/Google-black.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
     transition: all .2s;
     -o-transition: all .2s;
     -ms-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
}
#footer .links-social .icon.blog:hover {
    background-image: url("./img/common/Blogger-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .links-social .icon.youtube:hover {
    background-image: url("./img/common/Youtube-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .links-social .icon.instagram:hover {
    background-image: url("./img/common/Instagram-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .links-social .icon.facebook:hover {
    background-image: url("./img/common/Facebook-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .links-social .icon.twitter:hover {
    background-image: url("./img/common/Twitter-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .links-social .icon.google:hover {
    background-image: url("./img/common/Google-color.svg");
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}
#footer .action-family-site {
    position: relative;
}
#pageUp {
    position: fixed;
    z-index: 2000;
    right: 0;
    top: 100%;
    margin-top: -46px;
}
#pageUp a,
#pageUp i {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#pageUp a:after,
#pageUp a:before,
#pageUp i:after,
#pageUp i:before {
    display: block;
    position: absolute;
    overflow: hidden;
    content: ' ';
    background-color: #000;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#pageUp a:before {
    top: 101%;
    left: 0;
    bottom: 0;
    width: 1px;
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
}
#pageUp a:after {
    top: 0;
    left: 0;
    right: 101%;
    height: 1px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
}
#pageUp i:before {
    top: 0;
    right: 0;
    bottom: 101%;
    width: 1px;
    -webkit-transition-property: bottom;
    -o-transition-property: bottom;
    transition-property: bottom;
}
#pageUp i:after {
    bottom: 0;
    left: 101%;
    right: 0;
    height: 1px;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
.is-window-loaded #pageUp a:before {
    top: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-window-loaded #pageUp a:after {
    right: 0;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.is-window-loaded #pageUp i:before {
    bottom: 0;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
.is-window-loaded #pageUp i:after {
    left: 0;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}
#pageUp a:after,
#pageUp a:before,
#pageUp i:after,
#pageUp i:before {
    background-color: #000;
}
.is-main-dark #pageUp a:after,
.is-main-dark #pageUp a:before,
.is-main-dark #pageUp i:after,
.is-main-dark #pageUp i:before {
    background-color: #fff;
}
.is-allmenu #pageUp a:after,
.is-allmenu #pageUp a:before,
.is-allmenu #pageUp i:after,
.is-allmenu #pageUp i:before,
.is-main-light #pageUp a:after,
.is-main-light #pageUp a:before,
.is-main-light #pageUp i:after,
.is-main-light #pageUp i:before,
.is-scrollDowned #pageUp a:after,
.is-scrollDowned #pageUp a:before,
.is-scrollDowned #pageUp i:after,
.is-scrollDowned #pageUp i:before {
    background-color: #000;
}
#pageUp a,
#pageUp i,
#pageUp strong {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 46px;
    height: 46px;
}
#pageUp strong {
    width: 0;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 2.4s;
    -o-transition-duration: 2.4s;
    transition-duration: 2.4s;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.is-window-loaded #pageUp strong {
    width: 46px;
}
#pageUp span {
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    line-height: 1;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url("./img/common/icon_top.png");
    width: 46px;
    height: 46px;
    background-size: 46px 46px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
#pageUp span.has-hover {
    opacity: 0.9;
}
a:hover #pageUp span.has-hover {
    opacity: 1;
}
#pageUp span:after {
    display: none;
    content: '';
    font-family: 'Fontium';
    font-style: normal;
}
#pageUp span.playing {
    background-image: url("./img/common/icon_playing.png");
    width: 52px;
    height: 20px;
    background-size: 52px 20px;
}
#pageUp span.blank {
    background-image: url("./img/common/icon_url_blank.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
#pageUp span.blank-b {
    background-image: url("./img/common/icon_url_blank_2.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
.is-main-dark #pageUp span {
    background-image: url("./img/common/icon_top_light.png");
}
#pageUp span,
.is-main-light #pageUp span,
.is-scrollDowned #pageUp span {
    background-image: url("./img/common/icon_top.png");
}
.is-content-modal #pageUp {
    display: none;
}
.is-sticky-pageup #pageUp span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#canvasToggler {
    position: fixed;
    z-index: 2000;
    top: 100%;
    left: 0;
    margin-left: 20px;
    margin-top: -46px;
    -webkit-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}
#canvasToggler a,
#canvasToggler i {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#canvasToggler a:after,
#canvasToggler a:before,
#canvasToggler i:after,
#canvasToggler i:before {
    display: block;
    position: absolute;
    overflow: hidden;
    content: ' ';
    background-color: #000;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#canvasToggler a:before {
    top: 101%;
    left: 0;
    bottom: 0;
    width: 1px;
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
}
#canvasToggler a:after {
    top: 0;
    left: 0;
    right: 101%;
    height: 1px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
}
#canvasToggler i:before {
    top: 0;
    right: 0;
    bottom: 101%;
    width: 1px;
    -webkit-transition-property: bottom;
    -o-transition-property: bottom;
    transition-property: bottom;
}
#canvasToggler i:after {
    bottom: 0;
    left: 101%;
    right: 0;
    height: 1px;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
.is-window-loaded #canvasToggler a:before {
    top: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-window-loaded #canvasToggler a:after {
    right: 0;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.is-window-loaded #canvasToggler i:before {
    bottom: 0;
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
.is-window-loaded #canvasToggler i:after {
    left: 0;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}
#canvasToggler a:after,
#canvasToggler a:before,
#canvasToggler i:after,
#canvasToggler i:before {
    background-color: #000;
}
.is-main-dark #canvasToggler a:after,
.is-main-dark #canvasToggler a:before,
.is-main-dark #canvasToggler i:after,
.is-main-dark #canvasToggler i:before {
    background-color: #fff;
}
.is-allmenu #canvasToggler a:after,
.is-allmenu #canvasToggler a:before,
.is-allmenu #canvasToggler i:after,
.is-allmenu #canvasToggler i:before,
.is-main-light #canvasToggler a:after,
.is-main-light #canvasToggler a:before,
.is-main-light #canvasToggler i:after,
.is-main-light #canvasToggler i:before,
.is-scrollDowned #canvasToggler a:after,
.is-scrollDowned #canvasToggler a:before,
.is-scrollDowned #canvasToggler i:after,
.is-scrollDowned #canvasToggler i:before {
    background-color: #000;
}
@media only screen and (min-width:1280px) {
    #canvasToggler {
        margin-left: 40px;
    }
}
#canvasToggler i {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 46px;
    height: 46px;
}
#canvasToggler span {
    display: block;
    position: relative;
    height: 10px;
    overflow: hidden;
    margin: 0 12px;
}
#canvasToggler span:after,
#canvasToggler span:before {
    display: block;
    content: '';
    position: absolute;
    height: 2px;
    top: 2px;
    left: 2px;
    right: 100%;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-window-loaded #canvasToggler span:after,
.is-window-loaded #canvasToggler span:before {
    right: 2px;
}
#canvasToggler span:after {
    top: 7px;
}
#canvasToggler span:first-child {
    margin-top: 13px;
}
#canvasToggler span:first-child::before {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
#canvasToggler span:first-child::after {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
#canvasToggler span:nth-child(2):before {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
#canvasToggler span:nth-child(2):after {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.is-window-loaded #canvasToggler span:nth-child(2):after {
    right: 5px;
}
.is-main-dark #canvasToggler span:after,
.is-main-dark #canvasToggler span:before {
    background-color: #fff;
}
#canvasToggler span:after,
#canvasToggler span:before,
.is-allmenu #canvasToggler span:after,
.is-allmenu #canvasToggler span:before,
.is-main-light #canvasToggler span:after,
.is-main-light #canvasToggler span:before,
.is-scrollDowned #canvasToggler span:after,
.is-scrollDowned #canvasToggler span:before {
    background-color: #000;
}
.is-content-modal #canvasToggler {
    display: none;
}
.is-allmenu #canvasToggler span {
    overflow: visible;
    margin-left: 10px;
    margin-right: 10px;
}
.is-allmenu #canvasToggler span:after,
.is-allmenu #canvasToggler span:before {
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    transition: -webkit-transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.is-allmenu #canvasToggler span:first-child::before {
    opacity: 0;
}
.is-allmenu #canvasToggler span:first-child::after {
    -webkit-transform: translate3d(0, 2px, 0) rotate(45deg);
    transform: translate3d(0, 2px, 0) rotate(45deg);
}
.is-allmenu #canvasToggler span:nth-child(2):before {
    -webkit-transform: translate3d(0, -3px, 0) rotate(-45deg);
    transform: translate3d(0, -3px, 0) rotate(-45deg);
}
.is-allmenu #canvasToggler span:nth-child(2):after {
    opacity: 0;
}
.is-sticky-pageup #pageUp .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-snippet {
    padding: 3%;
    text-align: left;
}
.section-title-slogan {
    position: relative;
    z-index: 0;
    height: 547px;
    min-height: 350px;
    overflow: hidden;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.section-title-slogan .typho {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 120px;
    margin-right: 50px;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0;
}
.section-title-slogan .typho em {
    display: block;
    font-style: normal;
    font-size: 24px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.section-title-slogan .rect-border span {
    background-color: rgba(255, 255, 255, 0.4);
}
.section-title-slogan .summary {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.section-title-slogan .pic {
    position: relative;
    z-index: -1;
    overflow: hidden;
    height: 100%;
    min-height: 547px;
    background-size: 100% auto;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.chrome .section-title-slogan .pic,
.firefox .section-title-slogan .pic,
.safari .section-title-slogan .pic {
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
}
.section-title-slogan .curtain {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    width: 960px;
    background-color: #fff;
}
.section-title-slogan .curtain.left {
    left: 50%;
    margin-left: -1960px;
}
.section-title-slogan .curtain.right {
    right: 50%;
    margin-right: -1960px;
}
.section-title-slogan .mask {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.section-title-slogan .wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    width: 920px;
}
@media only screen and (min-width:1280px) {
    .section-title-slogan .wrap {
        width: 960px;
    }
}
.section-title-slogan .wrap p {
    display: block;
    margin: 0;
    padding: 0;
}
.section-title-slogan .wrap .table {
    display: table;
    width: 100%;
    height: 100%;
}
.section-title-slogan .wrap .cell {
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.4;
}
.section-title-slogan .wrap .cell .category {
    font-size: 24px;
}
.section-title-slogan .wrap .cell .subject {
    margin: 25px 0;
    line-height: 1.1;
    font-size: 40px;
}
.section-title-slogan .wrap .cell .subject.is-small {
    font-size: 36px;
}
.section-title-slogan .wrap .cell .subject span {
    position: relative;
}
.section-title-slogan .wrap .cell .subject span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 1.2s;
    -o-transition: opacity 0.4s ease 1.2s;
    transition: opacity 0.4s ease 1.2s;
}
.is-window-loaded .section-title-slogan .wrap .cell .subject span:after {
    opacity: 0.2;
}
.section-title-slogan.is-loaded {
    opacity: 1;
}
.section-title-slogan.is-loaded .typho {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.section-title-slogan.is-loaded .rect-border span {
    opacity: 1;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.section-title-slogan.is-loaded .rect-border span:first-child {
    top: 20px;
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.section-title-slogan.is-loaded .rect-border span:nth-child(2) {
    right: 20px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.safari .section-title-slogan.is-loaded .rect-border span:nth-child(2) {
    visibility: visible;
    -webkit-transition: visibility 0s linear 1.5s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    -o-transition: visibility 0s linear 1.5s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    transition: visibility 0s linear 1.5s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
}
.section-title-slogan.is-loaded .rect-border span:nth-child(3) {
    bottom: 0;
    -webkit-transition-property: bottom;
    -o-transition-property: bottom;
    transition-property: bottom;
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
#skrollrVisual {
    position: fixed;
    z-index: 1;
    top: 130px;
    left: 0;
    right: 0;
    height: 547px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all 0s linear 0s;
    -o-transition: all 0s linear 0s;
    transition: all 0s linear 0s;
}
#allmenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    min-height: 750px;
    background-color: #fff;
}
#allmenu .wrapper {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}
#allmenu .logo {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}
#allmenu .logo .icon {
    background-image: url("./img/common/logo.svg");
    width: 158px;
    height: 81px;
    background-size: 158px 81px;
}
#allmenu .holder {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
#allmenu .wrap {
    clear: both;
    *zoom: 1;
    margin: 1% 1%;
    width: auto;
    text-align: left;
}
#allmenu .wrap:after,
#allmenu .wrap:before {
    content: " ";
    display: table;
}
#allmenu .wrap:after {
    clear: both;
}
#allmenu .module {
    position: relative;
    margin: 30px 0;
}
#allmenu li span {
    display: inline-block;
    padding: 12px 0;
    font-size: 2.2vw;
    color: #b4b4b4;
}
#allmenu .d1 {
    float: left;
    width: 20%;
}
#allmenu .d1 .d2 {
    position: relative;
    z-index: 5000;
}
#allmenu .d1 ul {
    margin-top: 30px;
}
#allmenu .d1 ul a {
    position: relative;
    -webkit-transition: padding 0.3s ease 0.1s;
    -o-transition: padding 0.3s ease 0.1s;
    transition: padding 0.3s ease 0.1s;
}
#allmenu .d1 ul a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    margin-top: 1px;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#allmenu .d1 ul a span {
    color: #b4b4b4;
}
#allmenu .d1 ul a:hover {
    padding: 0 0 0 6%;
}
#allmenu .d1 ul a:hover:after {
    width: 5%;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0s, width 0.4s ease 0.1s;
    -o-transition: opacity 0.4s ease 0s, width 0.4s ease 0.1s;
    transition: opacity 0.4s ease 0s, width 0.4s ease 0.1s;
}
#allmenu .d1 ul a:hover span {
    color: #000;
}
#allmenu .d1 .subject {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 3.5vw;
    font-weight: normal;
    line-height: 1.1;
    color: #000;
}
#allmenu .d1 .subject:after,
#allmenu .d1 .subject:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #000;
}
#allmenu .d1 .subject:before {
    left: 0;
    right: 0;
}
#allmenu .d1 .subject:after {
    left: 0;
    width: 0;
    height: 4px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#allmenu .d1 .subject h4 {
    display: block;
    margin: 0;
    padding: 15px 0;
}
#allmenu .d1 .subject h4 a {
    color: #000;
    text-decoration: none;
}
#allmenu .d1.in .subject:after,
#allmenu .d1:hover .subject:after {
    width: 80%;
}
#allmenu {
    position: fixed;
    z-index: -1;
    -webkit-transition: visibility 0s ease 0.4s, z-index 0s ease 0.4s, opacity 0.4s ease 0s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: visibility 0s ease 0.4s, z-index 0s ease 0.4s, opacity 0.4s ease 0s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.4s, z-index 0s ease 0.4s, opacity 0.4s ease 0s;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.4s, z-index 0s ease 0.4s, opacity 0.4s ease 0s;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.4s, z-index 0s ease 0.4s, opacity 0.4s ease 0s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transform: translate3d(-100%, 100%, 0) scale(0.8, 0.8);
    transform: translate3d(-100%, 100%, 0) scale(0.8, 0.8);
}
#allmenu li a {
    display: block;
    -webkit-transition: -webkit-transform 0 cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0 cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}
#allmenu .rect-border span {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    background-color: #e2e2e2;
}
#allmenu .rect-border span:first-child {
    bottom: 45px;
}
#allmenu .rect-border span:nth-child(2) {
    top: 80px;
}
#allmenu .rect-border span:nth-child(3) {
    top: 80px;
}
#allmenu .rect-border span:nth-child(4) {
    bottom: 45px;
    right: 40px;
    height: 1px;
}
.is-allmenu {
    overflow: hidden;
}
.is-allmenu #allmenu {
    visibility: visible;
    z-index: 4100;
    -webkit-transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    -o-transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
}
.is-allmenu #allmenu .rect-border span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.is-allmenu #allmenu .rect-border span:first-child {
    top: 80px;
    -webkit-transition-delay: 10ms;
    -o-transition-delay: 10ms;
    transition-delay: 10ms;
}
.is-allmenu #allmenu .rect-border span:nth-child(2) {
    right: 20px;
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}
@media only screen and (min-width:1280px) {
    .is-allmenu #allmenu .rect-border span:nth-child(2) {
        right: 40px;
    }
}
.is-allmenu #allmenu .rect-border span:nth-child(3) {
    bottom: 45px;
    -webkit-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
}
.is-allmenu #allmenu .rect-border span:nth-child(4) {
    left: 40px;
    -webkit-transition-delay: 2100ms;
    -o-transition-delay: 2100ms;
    transition-delay: 2100ms;
}
.is-allmenu #canvasToggler {
    z-index: 4200;
}
.lang-cn .page-careers #header,
.lang-en .page-careers #header {
    min-height: 80px;
}
.lang-cn .page-careers #header #lnb,
.lang-en .page-careers #header #lnb {
    display: none;
}
.lang-cn .page-careers #wrapper.next-skroller,
.lang-en .page-careers #wrapper.next-skroller {
    margin-top: 617px;
}
.lang-cn .page-careers #skrollrVisual,
.lang-en .page-careers #skrollrVisual {
    top: 80px;
}
#header a:link,
#header a:visited {
    color: #161616;
}
#header a:active,
#header a:hover {
    text-decoration: none;
    color: #555;
}
#gnb {
    position: relative;
    margin: 0 auto;
}
#gnb a {
    -webkit-transition: color 0.6s;
    -o-transition: color 0.6s;
    transition: color 0.6s;
}
#language {
    line-height: 1;
    position: absolute;
    z-index: 8000;
    right: 0;
    top: 0;
    text-align: left;
}
#language * {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#language ul {
    border: solid 1px rgba(130, 130, 130, 0.8);
    display: inline-block;
    margin: 20px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
#language ul li {
    border-top: solid 1px rgba(130, 130, 130, 0.8);
    border-bottom: solid 1px rgba(130, 130, 130, 0.8);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    vertical-align: top;
}
#language ul li .icon {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    vertical-align: top;
}
#language ul li:first-child {
    margin-top: -1px;
}
#language ul a {
    display: block;
}
#language ul span {
    color: #212121;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
    -webkit-transition: color 0.6s;
    -o-transition: color 0.6s;
    transition: color 0.6s;
}
#language.in ul {
    height: 34px;
}
#logo {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
#logo .icon {
    background-image: url("./img/common/logo_full.svg");
    width: 158px;
    height: 81px;
    background-size: 158px 81px;
    background-size: 158px 162px;
    background-position: center top;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
#nav {
    text-align: center;
}
#nav ul.d1 {
    position: relative;
    margin: 0 auto;
}
#nav li.d1 {
    position: relative;
    z-index: 3001;
    float: left;
    width: 20%;
    text-align: left;
    margin-top: 4px;
}
#nav li.d1 a span {
    display: block;
    height: 76px;
    line-height: 76px;
    font-size: 18px;
    -webkit-transition: height 0.4s, line-height 0.4s;
    -o-transition: height 0.4s, line-height 0.4s;
    transition: height 0.4s, line-height 0.4s;
}
#lnb ul.d2 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}
#lnb li.d2 {
    float: left;
}
#lnb li.d2 a {
    -webkit-transition: color 0.6s;
    -o-transition: color 0.6s;
    transition: color 0.6s;
}
#lnb li.d2 a span {
    display: block;
    padding-right: 45px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}
#lnb li.d2 a:active,
#lnb li.d2 a:link,
#lnb li.d2 a:visited {
    text-decoration: none;
}
#lnb li.d2 a:hover {
    color: #007dc3;
}
#lnb li.d2.in a {
    color: #007dc3;
    text-decoration: underline;
}
.breadcrumb {
    margin-left: 20px;
    width: 940px;
    text-align: left;
    font-size: 12px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.breadcrumb span {
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    border: solid 1px transparent;
    color: #000;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: default;
}
.breadcrumb a span {
    padding: 0 15px;
    border: solid 1px #ccc;
}
.breadcrumb a:hover span {
    border-color: #333;
    background-color: #fff;
    cursor: pointer;
}
.breadcrumb i {
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    line-height: 1;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 3px;
    background-image: url("./img/common/icon_gt.png");
    width: 10px;
    height: 24px;
    background-size: 10px 24px;
}
.breadcrumb i.has-hover {
    opacity: 0.9;
}
a:hover .breadcrumb i.has-hover {
    opacity: 1;
}
.breadcrumb i:after {
    display: none;
    content: '';
    font-family: 'Fontium';
    font-style: normal;
}
.breadcrumb i.playing {
    background-image: url("./img/common/icon_playing.png");
    width: 52px;
    height: 20px;
    background-size: 52px 20px;
}
.breadcrumb i.blank {
    background-image: url("./img/common/icon_url_blank.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
.breadcrumb i.blank-b {
    background-image: url("./img/common/icon_url_blank_2.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
.breadcrumb i,
.breadcrumb span {
    display: inline-block;
    line-height: 22px;
}
@media only screen and (min-width:1280px) {
    .breadcrumb {
        margin-left: 40px;
    }
}
@media only screen and (max-width:1100px) {
    #nav ul.d1 li {
        visibility: hidden;
    }
    #navLinr {
          visibility: hidden;
    }
    #lnb {
      display: none !important;
    }
    #header {
      min-height: 80px !important;
      background-color: #ffffff !important;
    }
    #skrollrVisual {
      top: 80px !important;
    }
    #logo {
      z-index: 1;
      left: 35% !important;
    }
    .is-main-dark #logo .icon {
      background-position: center top !important;
    }
    #canvasToggler {
      opacity: 1 !important;
      top: 65px !important;
      z-index: 9999 !important;
    }
    .is-main-dark #canvasToggler a:after, .is-main-dark #canvasToggler a:before, .is-main-dark #canvasToggler i:after, .is-main-dark #canvasToggler i:before {
      background-color: #111 !important;
    }
    #canvasToggler span:after, #canvasToggler span:before, .is-allmenu #canvasToggler span:after, .is-allmenu #canvasToggler span:before, .is-main-light #canvasToggler span:after, .is-main-light #canvasToggler span:before, .is-scrollDowned #canvasToggler span:after, .is-scrollDowned #canvasToggler span:before{
        background-color: #111 !important;
    }
    .quiz-background .quiz{
      width: 100% !important;
    }
    .portfolio-grid ul li.col4{
      width: 100% !important;
    }
    .portfolio-grid ul li.col4 .item-info{
      width: 60%;
      float: right;
    }
    .item-info h3, .item-info-overlay h3{
      width: 30%;
      float: left;
      margin: 20% 0 !important;
      font-size: 5vw !important;
    }
    .item-info p, .item-info-overlay p{
      margin: 7% 0 0 0 !important;
    }
    .dot_line {
      display: block !important;
      background: url('./img/common/dot_line01.gif') repeat-x left 30px;
      height: 60px;
    }
    #sns_contents.leftbox, #sns_contents.rightbox, #sns_contents .facebook-box {
      float: none !important;
      margin: 0 auto !important;
      width: 100% !important;
    }
    #sns_contents .facebook-box {
      max-width: 500px !important;
    }
    .section-sns {
      height: 100% !important;
      padding-bottom: 50px;
    }
    #sns_contents .gallery .image, #sns_contents .video .youtube{
      height: 400px !important;
    }
    .chroma-gallery .chrg-description {
      opacity: 1 !important;
    }
    .ct-m{
      width: 6vw !important;
      height: 2vw !important;
    }
}
@media only screen and (min-width:1px) and (max-width:1279px) {
    #language {
        width: 102px;
    }
    #nav {
        margin: 0 12% 0 17%;
    }
    #logo {
        width: 160px;
    }
    #canvasToggler {
      display : block;
    }
    .btn-pluss-wrapper {
      display : none;
    }
}
@media only screen and (min-width:1280px) {
    #language {
        width: 102px;
    }
    #language ul {
        margin-left: 40px;
    }
    #nav {
        margin: 0 12.5%;
    }
    #nav ul.d1 {
        width: 900px;
    }
    #logo {
        width: 190px;
    }
    #canvasToggler {
      display : none;
    }
}
@media only screen and (min-width:1920px) {
    #language {
        width: 102px;
    }
    #nav {
        margin: 0 25%;
    }
    #nav ul.d1 {
        width: 960px;
    }
    #logo {
        width: 190px;
    }
    #canvasToggler {
      display : none;
    }
}
#navLinr {
    opacity: 0;
    -webkit-transition: opacity 0.4s linear 0s;
    -o-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
}
#navLinr span {
    background-color: #111111;
    -webkit-transition: background-color 0.6s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.6s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s, -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navLinr span:nth-child(2) {
    -webkit-transition: background-color 0.6s linear 0s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.6s linear 0s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.6s linear 0s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navLinr.in {
    opacity: 1;
}
#navLinr.in span {
    opacity: 1;
}
.slider-util {
    line-height: 1;
}
.slider-util a.nav {
    position: absolute;
    z-index: 2;
    display: block;
    display: inline-block;
    width: 50px;
    height: 100px;
}
.slider-util a.nav.prev {
    background-position: left top;
}
.slider-util a.nav.prev:hover {
    background-position: left bottom;
}
.slider-util a.nav.next {
    background-position: right top;
}
.slider-util a.nav.next:hover {
    background-position: right bottom;
}
.slider-util .pager {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear 0s;
    -o-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    text-align: center;
}
.slider-util .pager.left {
    left: 10px;
}
.slider-util .pager.right {
    right: 10px;
}
.slider-util .pager.top {
    top: 0;
}
.slider-util .pager.bottom {
    bottom: 0;
}
.slider-util .pager.in {
    opacity: 1;
}
.slider-util .pager a i {
    display: block;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.slider-util .pager.line a {
    display: inline;
    display: inline-block;
    padding: 20px 10px;
    text-align: left;
}
.slider-util .pager.line a i {
    width: 20px;
    height: 3px;
    overflow: hidden;
    background-color: #000;
}
.slider-util .pager.line a.in {
    padding-top: 14px;
    width: 60px;
    cursor: default;
}
.slider-util .pager.line a.in i {
    margin-top: 0;
    width: 60px;
    height: 6px;
}
.slider-util .pager.dot a {
    display: inline;
    display: inline-block;
    vertical-align: top;
    padding: 5px 2px;
}
.slider-util .pager.dot a i {
    width: 10px;
    height: 10px;
    background-image: none;
    background-color: #c8c8c8;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
}
.no-borderradius .slider-util .pager.dot a i {
    background-color: transparent;
}
.slider-util .pager.dot a.in i {
    background-color: #ffffff;
    width: 20px;
}
.no-borderradius .slider-util .pager.dot a.in i {
    background-color: transparent;
}
.slider-util .pager.dot.dark a i {
    background-color: #bfb9ad;
    background-color: rgba(128, 115, 91, 0.5);
}
.no-borderradius .slider-util .pager.dot.dark a i {
    background-color: transparent;
}
.slider-util .pager.dot.dark a.in i {
    background-color: #80735b;
}
.no-borderradius .slider-util .pager.dot.dark a.in i {
    background-color: transparent;
}
.page-main .slider-util .pager.line a {
    width: 20px;
    -webkit-transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
    -o-transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
    transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
}
.page-main .slider-util .pager.line a i {
    width: 20px;
}
.page-main .slider-util .pager.line a.in {
    width: 60px;
}
.page-main .slider-util .pager.line a.in i {
    width: 60px;
    -webkit-transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
    -o-transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
    transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s, background-color 0s linear 0s;
}
.alertify-cover {
    z-index: 100;
    position: fixed;
    opacity: 1;
    visibility: visible;
    -o-transition: opacity 0.2s 0s, visibility 0s 0s, z-index 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s, z-index 0s 0s;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s, z-index 0s 0s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    cursor: pointer;
}
.alertify-cover.alertify-cover-hidden {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity 0.2s 0s, visibility 0s 0.2s, z-index 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s, z-index 0s 0.2s;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s, z-index 0s 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.alertify {
    position: fixed;
    z-index: 110;
    top: 50px;
    left: 50%;
    width: 380px;
    margin-left: -190px;
    border-style: solid;
    border-width: 4px;
    border-color: #3D98DE;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px #4d4d4d;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    opacity: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.alertify.alertify-show {
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.alertify.alertify-hide {
    -webkit-transition: all 0.25s cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 0.25s cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 0.25s cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.alertify.alertify-hidden {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0, -150px);
    -ms-transform: translate(0, -150px);
    transform: translate(0, -150px);
}
:root * > .alertify.alertify-hidden {
    display: block;
    visibility: hidden;
}
.alertify .alertify-dialog {
    padding: 10px 0 20px;
}
.alertify .alertify-dialog .alertify-resetFocus {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}
.alertify .alertify-dialog .alertify-inner {
    text-align: center;
}
.alertify .alertify-dialog .alertify-inner .alertify-text {
    margin: 0 auto 15px;
    width: 90%;
    border: 1px solid #ccc;
}
.alertify .alertify-dialog .alertify-inner .alertify-message {
    margin: 10px 0;
    padding: 10px;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons {
    display: inline-block;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
    padding: 0 20px;
    color: #fff;
    outline: 0;
    border: 1px solid transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button:active,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button:focus,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button:hover {
    outline: 0;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok:link,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok:visited {
    color: #fff;
    background-color: #666;
    border: 1px #666 solid;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok.active,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok:active,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok:focus,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-ok:hover {
    color: #808080;
    background-color: #808080;
    border-color: #4d4d4d;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel:link,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel:visited {
    color: #666;
    background-color: #fff;
    border: 1px #dcdcdc solid;
}
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel.active,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel:active,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel:focus,
.alertify .alertify-dialog .alertify-inner .alertify-buttons .alertify-button.alertify-button-cancel:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #c3c3c3;
}
.alertify-logs {
    position: fixed;
    z-index: 120;
    bottom: 10px;
    right: 10px;
    width: 250px;
}
.alertify-logs.alertify-logs-hidden {
    display: none;
}
.alertify-logs .alertify-log {
    z-index: 121;
    position: relative;
    right: -300px;
    margin-top: 10px;
    padding: 10px 15px;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px #4d4d4d;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    background-color: #78b7e7;
}
.alertify-logs .alertify-log.alertify-log-error {
    background: #e14848;
}
.alertify-logs .alertify-log.alertify-log-success {
    background: #3e98dd;
}
.alertify-logs .alertify-log.alertify-log-show {
    right: 0;
    opacity: 1;
}
.alertify-logs .alertify-log.alertify-log-hide {
    opacity: 0;
    -webkit-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    transform: translate(300px, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045);
    -o-transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045);
    transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045);
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/css/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    -webkit-transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.is-nanoScroller .nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.is-nanoScroller .nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.is-nanoScroller .nano > .nano-content:focus {
    outline: thin dotted;
}
.is-nanoScroller .nano > .nano-content::-webkit-scrollbar {
    display: none;
}
.is-nanoScroller .nano > .nano-pane {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    width: 10px;
    margin: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    visibility: visible\9;
    opacity: 0.99;
}
.is-nanoScroller .nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: -webkit-transform 0s ease-in-out 0s;
    transition: -webkit-transform 0s ease-in-out 0s;
    -o-transition: transform 0s ease-in-out 0s;
    transition: transform 0s ease-in-out 0s;
    transition: transform 0s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s;
}
.is-nanoScroller .nano > .nano-pane,
.is-nanoScroller .nano-pane.active,
.is-nanoScroller .nano-pane.flashed {}
.is-nanoScroller .has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}
.is-nanoScroller {
    height: 100%;
    height: 100vh;
}
.is-nanoScroller body {
    height: 100%;
    height: 100vh;
    overflow: hidden;
}
.is-nanoScroller #container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
    height: 100vh;
}
.is-nanoScroller #wrapper {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.is-nanoScroller #wrapper:focus {
    outline: thin dotted;
}
.is-nanoScroller #wrapper::-webkit-scrollbar {
    display: none;
}
.is-nanoScroller .nano-pane {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    width: 10px;
    margin: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    visibility: visible\9;
    opacity: 0.99;
    z-index: 4000;
}
.is-nanoScroller .nano-slider {
    background: #444;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: -webkit-transform 0s ease-in-out 0s;
    transition: -webkit-transform 0s ease-in-out 0s;
    -o-transition: transform 0s ease-in-out 0s;
    transition: transform 0s ease-in-out 0s;
    transition: transform 0s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s;
}
.is-nanoScroller .content-modal-wrapper.is-large .content-modal-body {
    overflow: hidden;
}
.is-nanoScroller #modalContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.is-nanoScroller #modalContent .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.is-nanoScroller #modalContent .nano-content:focus {
    outline: thin dotted;
}
.is-nanoScroller #modalContent .nano-content::-webkit-scrollbar {
    display: none;
}
.is-content-modal .nano-pane {
    visibility: hidden;
    z-index: -1;
}
.is-content-modal #contentModal .nano-pane {
    visibility: visible;
    z-index: 11000;
}
/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
.flipster {
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
}
.flipster:focus {
    outline: none;
}
.flipster__container,
.flipster__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
.flipster__container {
    display: block;
    white-space: nowrap;
    word-spacing: -0.25em;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flipster__item {
    display: inline-block;
    white-space: normal;
    word-spacing: normal;
    vertical-align: bottom;
}
.flipster--click .flipster__item--future,
.flipster--click .flipster__item--past {
    cursor: pointer;
}
.flipster__item img {
    max-width: 100%;
}
.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: 0.5;
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    margin: -1em 2em;
}
.flipster__button svg {
    width: 2em;
    stroke: currentColor;
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round;
}
.flipster__button:focus,
.flipster__button:hover {
    opacity: 1;
}
.flipster__button--prev {
    left: 0;
}
.flipster__button--next {
    right: 0;
}
.flipster__nav,
.flipster__nav__item {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.flipster__nav {
    display: block;
    margin: 0 0 4em;
    text-align: center;
    position: relative;
}
.flipster__nav__item {
    display: inline-block;
    margin: 0 0.25em;
}
.flipster__nav__link {
    display: block;
    color: inherit;
    padding: 0.5em 1em;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster__nav__link:after {
    content: '';
    display: block;
    background: #232221;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateY(100%) translateY(-0.25em);
    -ms-transform: translateY(100%) translateY(-0.25em);
    transform: translateY(100%) translateY(-0.25em);
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__link:focus,
.flipster__nav__link:hover {
    color: #FFF;
}
.flipster__nav__item--current > .flipster__nav__link:after,
.flipster__nav__link:focus:after,
.flipster__nav__link:hover:after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.flipster__nav__child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: 0.5em;
    background: #4e4441;
    z-index: 1;
}
.flipster__nav__child .flipster__nav__link {
    color: #FFF;
}
.flipster__nav__child .flipster__nav__link:after {
    background: #FFF;
}
.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__child .flipster__nav__link:focus,
.flipster__nav__child .flipster__nav__link:hover {
    color: #232221;
}
.flipster__nav__item--current .flipster__nav__child {
    display: block;
}
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
    -webkit-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--carousel .flipster__item {
    -webkit-perspective: 800px;
    perspective: 800px;
}
.flipster--carousel .flipster__item--future,
.flipster--carousel .flipster__item--past {
    opacity: 0;
    -webkit-transition-delay: 115ms;
    -o-transition-delay: 115ms;
    transition-delay: 115ms;
}
.flipster--carousel .flipster__item--future-2,
.flipster--carousel .flipster__item--past-2 {
    opacity: 0.6;
    -webkit-transition-delay: 90ms;
    -o-transition-delay: 90ms;
    transition-delay: 90ms;
}
.flipster--carousel .flipster__item--future-1,
.flipster--carousel .flipster__item--past-1 {
    opacity: 0.8;
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms;
}
.flipster--carousel .flipster__item--past .flipster__item__content {
    -webkit-transform: translateX(100%) rotateY(-20deg) scale(0.5);
    transform: translateX(100%) rotateY(-20deg) scale(0.5);
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    -webkit-transform: translateX(25%) rotateY(40deg) scale(0.65);
    transform: translateX(25%) rotateY(40deg) scale(0.65);
}
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    -webkit-transform: rotateY(45deg) scale(0.8);
    transform: rotateY(45deg) scale(0.8);
}
.flipster--carousel .flipster__item--future .flipster__item__content {
    -webkit-transform: translateX(-100%) rotateY(20deg) scale(0.5);
    transform: translateX(-100%) rotateY(20deg) scale(0.5);
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: translateX(-25%) rotateY(-40deg) scale(0.65);
    transform: translateX(-25%) rotateY(-40deg) scale(0.65);
}
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: rotateY(-45deg) scale(0.8);
    transform: rotateY(-45deg) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    -webkit-transform: translateX(175%) scale(0.5);
    -ms-transform: translateX(175%) scale(0.5);
    transform: translateX(175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    -webkit-transform: translateX(25%) scale(0.65);
    -ms-transform: translateX(25%) scale(0.65);
    transform: translateX(25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    -webkit-transform: translateX(0%) scale(0.8);
    -ms-transform: translateX(0%) scale(0.8);
    transform: translateX(0%) scale(0.8);
}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    -webkit-transform: translateX(-175%) scale(0.5);
    -ms-transform: translateX(-175%) scale(0.5);
    transform: translateX(-175%) scale(0.5);
}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: translateX(-25%) scale(0.65);
    -ms-transform: translateX(-25%) scale(0.65);
    transform: translateX(-25%) scale(0.65);
}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: translateX(0%) scale(0.8);
    -ms-transform: translateX(0%) scale(0.8);
    transform: translateX(0%) scale(0.8);
}
.flipster--carousel .flipster__item--current .flipster__item__content {
    -webkit-transform: translateX(0) rotateY(0deg) scale(1);
    transform: translateX(0) rotateY(0deg) scale(1);
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms;
}
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
    -webkit-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--coverflow .flipster__item {
    -webkit-perspective: 800px;
    perspective: 800px;
}
.flipster--coverflow .flipster__container {
    padding-bottom: 5%;
}
.flipster--coverflow .flipster__item__content {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster--coverflow .flipster__item__content img:only-child {
    display: block;
}
.flipster--coverflow .flipster__item--past .flipster__item__content {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(0.75) rotateY(55deg);
    transform: scale(0.75) rotateY(55deg);
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(0.75) rotateY(-55deg);
    transform: scale(0.75) rotateY(-55deg);
}
.flipster--coverflow .flip-current .flipster__item__content {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.flipster--flat .flipster__item--future,
.flipster--flat .flipster__item--past {
    opacity: 0.5;
}
.flipster--flat .flipster__item--past .flipster__item__content {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}
.flipster--flat .flipster__item--future .flipster__item__content {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}
.flipster--wheel {
    overflow: hidden;
}
.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    -o-transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
    transition-timing-function: cubic-bezier(0.56, 0.12, 0.12, 0.98);
}
.flipster--wheel .flipster__container {
    padding-bottom: 20%;
}
.flipster--wheel .flipster__item__content {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.flipster--wheel .flipster__item--future .flipster__item__content {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.flipster--wheel .flipster__item__content img:only-child {
    display: block;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
    opacity: 0;
    -webkit-transform: rotateZ(-80deg) translate(-170%, 110%);
    -ms-transform: rotate(-80deg) translate(-170%, 110%);
    transform: rotateZ(-80deg) translate(-170%, 110%);
}
.flipster--wheel .flipster__item--future .flipster__item__content {
    opacity: 0;
    -webkit-transform: rotateZ(80deg) translate(170%, 110%);
    -ms-transform: rotate(80deg) translate(170%, 110%);
    transform: rotateZ(80deg) translate(170%, 110%);
}
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-60deg) translate(-70%, 75%);
    -ms-transform: rotate(-60deg) translate(-70%, 75%);
    transform: rotateZ(-60deg) translate(-70%, 75%);
}
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(60deg) translate(70%, 75%);
    -ms-transform: rotate(60deg) translate(70%, 75%);
    transform: rotateZ(60deg) translate(70%, 75%);
}
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-40deg) translate(-17%, 30%);
    -ms-transform: rotate(-40deg) translate(-17%, 30%);
    transform: rotateZ(-40deg) translate(-17%, 30%);
}
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(40deg) translate(17%, 30%);
    -ms-transform: rotate(40deg) translate(17%, 30%);
    transform: rotateZ(40deg) translate(17%, 30%);
}
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotateZ(-20deg);
}
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
    opacity: 1;
    -webkit-transform: rotateZ(20deg);
    -ms-transform: rotate(20deg);
    transform: rotateZ(20deg);
}
.flipster--wheel .flip-current .flipster__item__content {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.sticker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    line-height: 1;
    text-align: left;
    font-style: normal;
    color: #fff;
    width: 45px;
    height: 45px;
    background-position: left top;
    background-image: url("data:image/png;base64,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");
}
.sticker.new {
    background-position: left top;
}
.sticker.hot {
    background-position: left -55px;
}
.sticker.best {
    background-position: left -110px;
}
.sticker.md-choice {
    background-position: left -165px;
}
.sticker.rank {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    background-image: none;
    text-align: center;
    font-size: 12px;
}
.sticker.rank span {
    display: inline-block;
    margin-top: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sticker.rank:after {
    display: inline-block;
    position: absolute;
    z-index: -1;
    content: " ";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 60px solid #000;
    border-right: 60px solid transparent;
}
.badge {
    display: inline-block!important;
    line-height: 1;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
    cursor: default;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    padding: 2px 5px;
}
.badge em {
    position: relative;
    text-indent: 0;
    z-index: 1;
    width: auto;
    height: auto;
    line-height: 1.6;
    font-size: 12px;
    color: #fff;
}
.badge:empty {
    display: none;
}
a .badge {
    cursor: pointer;
}
a:hover .badge {
    text-decoration: none;
}
a .badge {
    opacity: 0.8;
}
a:hover .badge {
    opacity: 1;
}
.badge.new {
    background-color: #34bf49;
    background: -webkit-gradient(linear, left top, left bottom, from(#34bf49), to(#1e6f2a));
    background: -webkit-linear-gradient(top, #34bf49, #1e6f2a);
    background: -o-linear-gradient(top, #34bf49, #1e6f2a);
    background: linear-gradient(to bottom, #34bf49, #1e6f2a);
    border: 1px solid #1e6f2a;
}
.badge.hot {
    background-color: #ffcc33;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc33), to(#cc9900));
    background: -webkit-linear-gradient(top, #ffcc33, #cc9900);
    background: -o-linear-gradient(top, #ffcc33, #cc9900);
    background: linear-gradient(to bottom, #ffcc33, #cc9900);
    border: 1px solid #cc9900;
}
.badge.best {
    background-color: #ee3440;
    background: -webkit-gradient(linear, left top, left bottom, from(#ee3440), to(#ad0f19));
    background: -webkit-linear-gradient(top, #ee3440, #ad0f19);
    background: -o-linear-gradient(top, #ee3440, #ad0f19);
    background: linear-gradient(to bottom, #ee3440, #ad0f19);
    border: 1px solid #ad0f19;
}
.badge.md-choice {
    background-color: #6a737b;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a737b), to(#3b4044));
    background: -webkit-linear-gradient(top, #6a737b, #3b4044);
    background: -o-linear-gradient(top, #6a737b, #3b4044);
    background: linear-gradient(to bottom, #6a737b, #3b4044);
    border: 1px solid #3b4044;
}
.count {
    display: inline-block!important;
    line-height: 1;
    font-weight: bold;
    vertical-align: middle;
    padding: 3px 7px;
    font-size: 90%;
    text-align: center;
    color: #fff;
    background-color: #6a737b;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a737b), to(#3b4044));
    background: -webkit-linear-gradient(top, #6a737b, #3b4044);
    background: -o-linear-gradient(top, #6a737b, #3b4044);
    background: linear-gradient(to bottom, #6a737b, #3b4044);
    border: 1px solid #3b4044;
    border-radius: 10px;
}
.button .count,
button .count {
    background: #fff;
    border: none;
    color: #333;
}
.section-bbs {
    margin-top: 20px;
}
.bbs-util {
    margin-bottom: 20px;
}
.bbs-util .col {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.bbs-util .col.status {
    width: 50%;
    line-height: 35px;
}
.bbs-util .col.status em,
.bbs-util .col.status strong {
    font-weight: normal;
}
.bbs-util .col.view {
    position: relative;
    width: 50%;
    text-align: right;
}
.bbs-util .col.view .button,
.bbs-util .col.view .select,
.bbs-util .col.view input {
    vertical-align: middle;
}
.bbs-util .col.view .select {
    width: 180px;
}
.safari .bbs-util .col.view .select {
    height: 22px;
    line-height: 22px;
}
.bbs-util .col.view input {
    margin-left: 5px;
    margin-right: 5px;
}
.section-search .wrap {
    clear: both;
    *zoom: 1;
    margin-top: 32px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.section-search .wrap:after,
.section-search .wrap:before {
    content: " ";
    display: table;
}
.section-search .wrap:after {
    clear: both;
}
.section-search .select {
    width: auto;
    min-width: 80px;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 0;
    border: solid 1px #dcdcdc;
}
.section-search .option {
    float: left;
}
.section-search .action {
    position: relative;
    float: right;
    width: 35%;
    text-align: right;
}
.section-search .action button {
    padding: 0;
    min-width: auto;
    height: 34px;
    line-height: 34px;
    border: 0;
    vertical-align: middle;
}
.section-search .action button:after,
.section-search .action button:before {
    display: none;
}
.section-search .action .icon {
    background-image: url("./img/common/btn_search.png");
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
}
.section-search .action .search-form {
    clear: both;
    *zoom: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.section-search .action .search-form:after,
.section-search .action .search-form:before {
    content: " ";
    display: table;
}
.section-search .action .search-form:after {
    clear: both;
}
.section-search .action .search-form input.text {
    width: 100%;
    text-align: left;
    border: 1px #dcdcdc solid;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section-search .action .search-form .submit {
    position: absolute;
    top: 0;
    right: 50px;
    display: inline-block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    background: transparent;
}
.section-search .action .search-form .close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #a0a0a0;
}
.section-search .action .search-form .close:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    width: 1px;
    height: 15px;
    background: #dcdcdc;
}
.section-search .action .search-form.in {
    width: 100%;
}
.section-search .action .search-form.in input.text:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bbs-status {
    height: 30px;
    text-align: right;
    color: #000;
}
table.bbs-list {
    width: 100%;
    line-height: 1;
    border-top: 1px solid #000;
}
table.bbs-list col {
    width: auto;
}
table.bbs-list td,
table.bbs-list th {
    padding: 0;
    border: 0;
}
table.bbs-list th {
    text-align: center;
    border-bottom: solid 1px #dcdcdc;
}
table.bbs-list th span {
    display: block;
    min-width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #000;
}
table.bbs-list td {
    padding: 20px 0;
    line-height: 1.4;
    border-bottom: solid 1px #eaeaea;
    -webkit-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    transition: background-color 0.1s;
    color: #000;
}
table.bbs-list td.date {
    color: #666;
}
table.bbs-list td.subject {
    padding: 0;
}
table.bbs-list td.subject a {
    display: block;
    padding: 20px 0;
}
table.bbs-list tr:hover td {
    background-color: #fafafa;
}
table.bbs-list tr:hover td.no-result {
    background-color: transparent;
}
table.bbs-list p {
    margin: 3px 0;
    padding: 0;
}
table.bbs-list p.message-empty {
    padding: 48px 0 47px;
}
table.bbs-list td {
    text-align: center;
}
table.bbs-list td.subject {
    text-align: left;
}
table.bbs-list td.subject a.subject {
    display: block;
}
table.bbs-list td.no {
    width: 60px;
}
table.bbs-list td.name {
    text-align: left;
}
table.bbs-list td.name p.product {
    color: #333;
}
table.bbs-list td.name p.shop {
    font-size: 14px;
}
table.bbs-list td.refund-price {
    color: #333;
}
table.bbs-list tr.notice td.no,
table.bbs-list tr.notice td.subject a {
    font-weight: bold;
    color: #000;
}
p.no-result,
table.bbs-list p.no-result {
    margin: 150px 0;
    padding-top: 85px;
    text-align: center;
    font-size: 28px;
    color: #000;
    background-image: url("./img/common/icon_bbs_no_result.png");
    background-position: center top;
    font-weight: 200;
}
.bbs-view {
    margin-top: 95px;
    line-height: 1;
}
.bbs-view .wrap {
    border-bottom: solid 1px #dcdcdc;
}
.bbs-view .subject {
    margin: 0 150px;
    font-weight: normal;
    font-size: 28px;
}
.bbs-view .bbs-view-top {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
}
.bbs-view .bbs-view-top .info {
    padding: 20px 0 22px;
    color: #777;
}
.bbs-view .bbs-view-top a.nav {
    display: inline-block;
    position: absolute;
    top: 15px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    opacity: 0.5;
}
.bbs-view .bbs-view-top a.nav.prev {
    left: 0;
    padding-left: 35px;
    text-align: left;
    background-image: url("./img/common/icon_bbs_view_prev.png");
    background-position: left 7px;
}
.bbs-view .bbs-view-top a.nav.next {
    right: 0;
    padding-right: 35px;
    text-align: right;
    background-image: url("./img/common/icon_bbs_view_next.png");
    background-position: right 7px;
}
.bbs-view .bbs-view-top a.nav:hover {
    opacity: 1;
}
.bbs-view .bbs-view-top a.nav.is-disabled {
    visibility: hidden;
}
.bbs-view .bbs-view-top .date {
    margin: 15px 0 0;
}
.bbs-view .bbs-body {
    margin: 0 auto;
    width: 720px;
    text-align: left;
}
.bbs-view .bbs-body:first-child {
    margin-top: 0;
}
.bbs-view .bbs-body .pic {
    text-align: center;
}
.bbs-view .bbs-body .pic img {
    max-width: 100%;
}
.bbs-answer {
    border-bottom: 1px solid #ddd;
}
.bbs-answer .bbs-view-top {
    border-top-color: #333;
}
.bbs-answer .bbs-view-top .info {
    padding: 18px 0 17px;
}
.bbs-answer .bbs-view-top .subject {
    padding-top: 19px;
    padding-bottom: 18px;
    font-size: 14px;
}
.section-bbs-control .bbs-form {
    border-top: 2px solid #333;
}
.section-bbs-control .bbs-form td,
.section-bbs-control .bbs-form th {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}
.section-bbs-control .bbs-form th {
    font-weight: bold;
    font-size: 14px;
}
.section-bbs-control .bbs-form td {
    font-size: 14px;
}
.section-bbs-control .bbs-form td.subject {
    padding-left: 15px;
    font-size: 14px;
}
.section-bbs-control .bbs-form td.date {
    padding-right: 5px;
    text-align: right;
}
table.bbs-form {
    table-layout: fixed;
    width: 100%;
}
table.bbs-form td,
table.bbs-form th {
    border-top: solid 1px #e7e7e7;
    padding: 16px 0;
    vertical-align: middle;
    line-height: 1.4;
}
table.bbs-form th {
    font-weight: normal;
}
table.bbs-form th label,
table.bbs-form th span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
}
table.bbs-form tr:first-child td,
table.bbs-form tr:first-child th {
    border-top: 0;
}
.bbs-body {
    position: relative;
    clear: both;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: -1px;
    padding: 40px 0 30px;
    min-height: 130px;
    line-height: 1.6;
}
.bbs-body p {
    margin: 30px 0 0;
}
.bbs-write .bbs-body {
    margin-bottom: -5px;
    padding: 12px 12px 0;
}
.bbs-body p.message {
    padding-left: 5px;
    font-size: 14px;
}
.bbs-body .textarea {
    width: 100%;
}
.bbs-body .count {
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px 12px 0;
    padding: 0;
    font-size: 14px;
}
.bbs-file {
    clear: both;
    *zoom: 1;
    padding: 20px 20px 17px 0;
    border-top: solid 1px #eaeaea;
}
.bbs-file:after,
.bbs-file:before {
    content: " ";
    display: table;
}
.bbs-file:after {
    clear: both;
}
.bbs-file .file {
    float: left;
}
.bbs-file .file a {
    display: block;
    margin-left: 13px;
    text-decoration: underline;
}
.bbs-file .file a .icon {
    background-image: url("./img/common/icon_file.png");
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
}
.bbs-file .author {
    float: right;
}
.bbs-file .author a {
    margin-left: 10px;
}
.bbs-comment .comment-write {
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fafafa;
}
.bbs-comment .comment-write .col.subject {
    width: 11.08786611%;
}
.bbs-comment .comment-write .col.subject strong {
    display: block;
    margin: 8px 0;
    font-size: 16px;
    color: #333;
}
.bbs-comment .comment-write .col.write {
    width: 88.91213389%;
}
.bbs-comment .comment-write .col.action {
    margin-top: 8px;
    text-align: right;
}
.bbs-comment .comment-list .list {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.bbs-comment .comment-list .list:first-child {
    padding-top: 30px;
}
.bbs-comment .comment-list .info a {
    margin-left: 10px;
}
.bbs-comment .comment-list .pipe {
    margin: 0;
    background-image: url("./img/custom/pipe_product_detail.png");
    width: 2px;
    height: 12px;
    background-size: 2px 12px;
}
.bbs-comment .comment-list .comment {
    margin-top: 9px;
}
.bbs-write {
    margin-top: 95px;
    line-height: 1;
}
.bbs-write .wrap {
    border-bottom: solid 1px #dcdcdc;
}
.bbs-write .subject {
    margin: 0 150px;
    font-weight: normal;
    font-size: 28px;
}
.bbs-write .bbs-view-top {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
}
.bbs-write .bbs-view-top .info {
    padding: 20px 0 22px;
    color: #777;
}
.bbs-write .bbs-view-top a.nav {
    display: inline-block;
    position: absolute;
    top: 15px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    opacity: 0.5;
}
.bbs-write .bbs-view-top a.nav.prev {
    left: 0;
    padding-left: 35px;
    text-align: left;
    background-image: url("./img/common/icon_bbs_view_prev.png");
    background-position: left 7px;
}
.bbs-write .bbs-view-top a.nav.next {
    right: 0;
    padding-right: 35px;
    text-align: right;
    background-image: url("./img/common/icon_bbs_view_next.png");
    background-position: right 7px;
}
.bbs-write .bbs-view-top a.nav:hover {
    opacity: 1;
}
.bbs-write .bbs-view-top a.nav.is-disabled {
    visibility: hidden;
}
.bbs-write .bbs-view-top .date {
    margin: 15px 0 0;
}
.bbs-write .bbs-body {
    margin: 0 auto;
    width: 720px;
    text-align: left;
}
.bbs-write .bbs-body:first-child {
    margin-top: 0;
}
.bbs-write .bbs-body .pic {
    text-align: center;
}
.bbs-write .bbs-body .pic img {
    max-width: 100%;
}
.no-csstransitions .bbs-collapse .item .body {
    display: none;
}
.no-csstransitions .bbs-collapse .item.in .body {
    display: block;
    border-bottom: solid 1px #f1f1f1;
}
.csstransitions .bbs-collapse .item .body {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}
.csstransitions .bbs-collapse .item.in .body {
    height: auto;
    border-bottom: solid 1px #f1f1f1;
}
.bbs-collapse {
    clear: both;
    *zoom: 1;
    margin-top: 50px;
    text-align: left;
    border-top: solid 1px #000;
}
.bbs-collapse:after,
.bbs-collapse:before {
    content: " ";
    display: table;
}
.bbs-collapse:after {
    clear: both;
}
.bbs-collapse .icon:after {
    position: absolute;
    display: block;
    margin: -3px 0 0 20px;
    font-size: 24px;
}
.bbs-collapse .icon.question:after {
    content: 'Q';
}
.bbs-collapse .icon.answer:after {
    content: 'A';
    color: #007dc3;
}
.bbs-collapse .col {
    padding: 20px 0;
    color: #000;
}
.bbs-collapse .col.status {
    width: 100px;
}
.bbs-collapse .col.answer-message {
    width: 860px;
}
.bbs-collapse .col.subject {
    position: relative;
    width: 860px;
    padding: 0;
}
.bbs-collapse .col.subject:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 11px;
    height: 1px;
    background: #000;
}
.bbs-collapse .col.subject a {
    display: block;
    padding: 20px 0;
    color: #000;
}
.bbs-collapse .col.subject a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 11px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.bbs-collapse .head {
    clear: both;
    *zoom: 1;
    border-bottom: solid 1px #f1f1f1;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.bbs-collapse .head:after,
.bbs-collapse .head:before {
    content: " ";
    display: table;
}
.bbs-collapse .head:after {
    clear: both;
}
.bbs-collapse .head:hover {
    background-color: #fafafa;
}
.bbs-collapse .body {
    position: relative;
    background-color: #fafafa;
    line-height: 1.8;
}
.bbs-collapse .body .answer-message {
    padding-bottom: 70px;
}
.bbs-collapse .body .answer-message:first-child {
    margin-top: 0;
}
.bbs-collapse div.no-result {
    border-bottom: solid 1px #f1f1f1;
}
.bbs-collapse .in .col.subject a {
    color: #000;
}
.bbs-collapse .in .col.subject a:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.button,
button {
    line-height: normal;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: normal;
    cursor: pointer;
    position: relative;
    z-index: 0;
    display: inline;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 18px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    min-width: 130px;
}
.button span:after,
.button span:before,
.button:after,
.button:before,
button span:after,
button span:before,
button:after,
button:before {
    content: '';
    position: absolute;
    display: inline-block;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.button:after,
.button:before,
button:after,
button:before {
    background: #3d5eef;
    background: -moz-linear-gradient(left, #3d5eef 0%, #bc447a 100%);
    background: -webkit-linear-gradient(left, #3d5eef 0%, #bc447a 100%);
    background: -webkit-gradient(linear, left top, right top, from(#3d5eef), to(#bc447a));
    background: -o-linear-gradient(left, #3d5eef 0%, #bc447a 100%);
    background: linear-gradient(to right, #3d5eef 0%, #bc447a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d5eef', endColorstr='#bc447a', GradientType=1);
}
.button:before,
button:before {
    top: -1px;
    right: -1px;
    width: 0;
    height: 1px;
}
.button:after,
button:after {
    bottom: -1px;
    left: -1px;
    width: 0;
    height: 1px;
}
.button span:before,
button span:before {
    width: 1px;
    height: 0;
    left: -1px;
    top: -1px;
    background: #3d5eef;
}
.button span:after,
button span:after {
    width: 1px;
    height: 0;
    right: -1px;
    bottom: -1px;
    background: #bc447a;
}
.button:hover span:after,
.button:hover span:before,
.button:hover:after,
.button:hover:before,
button:hover span:after,
button:hover span:before,
button:hover:after,
button:hover:before {
    opacity: 1;
}
.button:hover:after,
.button:hover:before,
button:hover:after,
button:hover:before {
    width: 101%;
}
.button:hover span:after,
.button:hover span:before,
button:hover span:after,
button:hover span:before {
    height: 102%;
}
.button,
.button:active,
.button:hover,
.button:link,
.button:visited,
button,
button:active,
button:hover,
button:link,
button:visited {
    text-decoration: none;
}
.button.xsmall,
button.xsmall {
    min-height: 18px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    min-width: auto;
}
.button.small,
button.small {
    min-height: 18px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    min-width: auto;
}
.button.large,
button.large {
    min-height: 18px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.button.xlarge,
button.xlarge {
    min-height: 18px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.button.xxlarge,
button.xxlarge {
    display: block;
    min-height: 18px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
.button,
.button:link,
.button:visited,
button,
button:link,
button:visited {
    color: #666;
    background-color: #fff;
    border: 1px #dcdcdc solid;
}
.button.active,
.button:active,
.button:focus,
.button:hover,
button.active,
button:active,
button:focus,
button:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #c3c3c3;
}
.button.primary,
.button.primary:link,
.button.primary:visited,
button.primary,
button.primary:link,
button.primary:visited {
    color: #fff;
    background-color: #666;
    border: 1px #666 solid;
}
.button.primary.active,
.button.primary:active,
.button.primary:focus,
.button.primary:hover,
button.primary.active,
button.primary:active,
button.primary:focus,
button.primary:hover {
    color: #808080;
    background-color: #808080;
    border-color: #4d4d4d;
}
.button.secondary,
.button.secondary:link,
.button.secondary:visited,
button.secondary,
button.secondary:link,
button.secondary:visited {
    color: #5dc5ff;
    background-color: #007dc3;
    border: 1px #001b2a solid;
}
.button.secondary.active,
.button.secondary:active,
.button.secondary:focus,
.button.secondary:hover,
button.secondary.active,
button.secondary:active,
button.secondary:focus,
button.secondary:hover {
    color: #003c5d;
    background-color: #009ef6;
    border-color: #000000;
}
.button.info,
.button.info:link,
.button.info:visited,
button.info,
button.info:link,
button.info:visited {
    color: #a5e7af;
    background-color: #34bf49;
    border: 1px #13471b solid;
}
.button.info.active,
.button.info:active,
.button.info:focus,
.button.info:hover,
button.info.active,
button.info:active,
button.info:focus,
button.info:hover {
    color: #1e6f2a;
    background-color: #55d168;
    border-color: #081f0c;
}
.button.warning,
.button.warning:link,
.button.warning:visited,
button.warning,
button.warning:link,
button.warning:visited {
    color: #fff2cc;
    background-color: #ffcc33;
    border: 1px #997300 solid;
}
.button.warning.active,
.button.warning:active,
.button.warning:focus,
.button.warning:hover,
button.warning.active,
button.warning:active,
button.warning:focus,
button.warning:hover {
    color: #cc9900;
    background-color: #ffd966;
    border-color: #664d00;
}
.button.danger,
.button.danger:link,
.button.danger:visited,
button.danger,
button.danger:link,
button.danger:visited {
    color: #fac1c5;
    background-color: #ee3440;
    border: 1px #7e0b12 solid;
}
.button.danger.active,
.button.danger:active,
.button.danger:focus,
.button.danger:hover,
button.danger.active,
button.danger:active,
button.danger:focus,
button.danger:hover {
    color: #ad0f19;
    background-color: #f2636c;
    border-color: #4f070b;
}
.button.disabled,
button.disabled {
    cursor: none;
}
.button.disabled,
.button.disabled:link,
.button.disabled:visited,
button.disabled,
button.disabled:link,
button.disabled:visited {
    color: #babfc4;
    background-color: #6a737b;
    border: 1px #232629 solid;
}
.button.disabled.active,
.button.disabled:active,
.button.disabled:focus,
.button.disabled:hover,
button.disabled.active,
button.disabled:active,
button.disabled:focus,
button.disabled:hover {
    color: #3b4044;
    background-color: #838d95;
    border-color: #0c0d0d;
}
.button.full,
button.full {
    display: block;
    padding-left: 0;
    padding-right: 0;
}
.section-button {
    clear: both;
    *zoom: 1;
    margin-top: 30px;
}
.section-button:after,
.section-button:before {
    content: " ";
    display: table;
}
.section-button:after {
    clear: both;
}
.section-button .button {
    margin-left: 5px;
}
.section-button .button.xxlarge,
.section-button .button:first-child {
    margin-left: 0;
}
.section-button .wrap {
    text-align: center;
}
.section-button.is-left .button {
    margin-left: 5px;
}
.section-button.is-left .button.xxlarge,
.section-button.is-left .button:first-child {
    margin-left: 0;
}
.section-button.is-left .wrap {
    text-align: left;
}
.section-button.is-right .button,
.section-button.is-right .button:first-child {
    margin-left: 0;
    margin-right: 5px;
}
.section-button.is-right .button.section-button.is-right .button.xxlarge,
.section-button.is-right .button:last-child {
    margin-right: 0;
}
.section-button.is-right .wrap {
    text-align: right;
}
.section-button.is-group {
    font-size: 0;
}
.section-button.is-group .button {
    margin: 0!important !important;
    border-radius: 0;
}
.section-button.is-group .button:first-child {
    border-radius: 5px 0 0 5px;
}
.section-button.is-group .button:last-child {
    border-radius: 0 5px 5px 0;
}
.section-button.is-group .bundle {
    display: inline-block;
    margin-left: 10px;
}
.section-button.is-group .bundle:first-child {
    margin-left: 0;
}
.section-button.is-linear .button {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.section-button.is-linear .button:first-child {
    border-left: 0;
}
.section-button.has-dropdown .wrap {
    position: relative;
}
.section-button.has-dropdown .list {
    position: absolute;
    top: 40px;
    left: 0;
    width: auto;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.section-button.has-dropdown .list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
}
.section-button.has-dropdown .list ul li {
    width: 100px;
    border-top: 1px solid #e0e0e0;
}
.section-button.has-dropdown .list ul li:first-child {
    border-top: 0;
}
.section-button.has-dropdown .list ul a {
    display: block;
    padding: 10px 15px;
    text-align: center;
}
.section-button.has-dropdown.active .list {
    height: auto;
    visibility: visible;
    opacity: 1;
}
i.close {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnCAIAAADyyp3vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REEyN0VDMzNCRTg1MTFFNTlCMEZCQUI0MDUyNkU3MzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REEyN0VDMzRCRTg1MTFFNTlCMEZCQUI0MDUyNkU3MzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQTI3RUMzMUJFODUxMUU1OUIwRkJBQjQwNTI2RTczNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQTI3RUMzMkJFODUxMUU1OUIwRkJBQjQwNTI2RTczNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnanf7EAAAEaSURBVHja7NbLDsFAFAZg6tJogulWIsEzWLhsPA5h4y1YuC0kPAyJF8ET6CBpqhb8Ni4jTcZkEHIm3bTn9HxNZ0474Vq5GPrGMEJfGgQTTDDBfw1blpVmLCiKUCJh6YdRtNMbDcdTxuznKC4i1O2P5G1Z2DTNZCqVyxcG44lg4xQXEUIC0jTDnDvtVmO9Wgr2VUUICUjTP8fc2Qi2qDob+WrhVzcC9xhO1VSMSC6beekGz/MW81mpUgXJbFtN1dTHp9MnPiD3r/p5rb0LflhNzToOZdtQVtE5lx5TtQ1l9dbfSrYs7PuH/W4nqIKNBKTp72P8JGLx+JbzoJ/E0fdd15WsFpWflUvR4LpBD0QbAYIJJpjg34XPAgwAbzWyoOCx5u0AAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    overflow: hidden;
    width: 40px;
    height: 40px;
}
.comments .comment {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px #ddd solid;
}
.comments .comment:first-child {
    padding-top: 0;
}
.comments .comment:last-child {
    padding-bottom: 0;
}
.comments .comment .desc {
    float: left;
    margin-right: 15px;
}
.comments .comment .desc img {
    border-radius: 5px;
}
.comments .comment .core .author {
    font-weight: 600;
    color: #000;
}
.comments .comment .core .date {
    margin-left: 5px;
    color: #34bf49;
}
.comments .comment .core .action .reply {
    color: #34bf49;
    font-size: 12px;
}
.comments .comment .comments {
    margin-left: 40px;
    padding: 15px 15px 0 0;
}
.comments .comment .comments .comment {
    border: none;
    border-top: none;
    background: none;
}
.comments .reply-form {
    margin-top: 20px;
}
.comments .reply-form .textarea {
    height: 100px;
}
.comments .reply-form .action {
    margin-top: 10px;
    text-align: right;
}
.set-js-form {
    overflow: hidden;
    position: relative;
    zoom: 1;
    display: inline-block;
    height: 24px;
    margin-right: 30px;
    line-height: 1;
    vertical-align: middle;
}
.set-js-form label {
    height: 24px;
    margin-left: 25px;
    font-size: 14px;
    line-height: 1;
}
.set-js-form label:after,
.set-js-form label:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: " ";
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.set-js-form label:after {
    border-color: #666;
    background-color: #000;
    border-radius: 2px;
    opacity: 0;
}
.set-js-form input:hover+label:before {
    border-color: #666;
}
.set-js-form input:checked+label:after {
    border-color: #000;
    color: #fff;
    opacity: 1;
}
.set-js-form input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
fieldset {
    margin: 0;
    padding: 0;
}
legend {
    color: inherit;
    display: table;
    margin: 0;
    padding: 0;
    max-width: 100%;
    white-space: normal;
}
label {
    cursor: pointer;
}
label input[type=checkbox],
label input[type=radio] {
    margin-top: -2px;
    vertical-align: middle;
    cursor: pointer;
}
input:-moz-placeholder {
    color: #999;
}
input::-moz-placeholder {
    opacity: 1;
    color: #999;
}
input:-ms-input-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}
input.set-placeholder {
    color: #999;
}
input [type=checkbox],
input [type=radio] {
    margin-right: 3px;
    vertical-align: middle;
    cursor: pointer;
}
input.eng,
input.text,
input[type=date],
input[type=date]:hover,
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text] {
    border-radius: 5px;
    max-width: 100%;
    border: solid 1px #cccccc;
    background-color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}
input.eng::-webkit-inner-spin-button,
input.text::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]:hover::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=search]::-webkit-inner-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=text]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input.number,
input.spinner,
input.tel,
input[type=number] {
    ime-mode: disabled;
}
input.spinner {
    -moz-appearance: button;
    -webkit-appearance: button;
    width: 80px;
}
input.spinner::-webkit-inner-spin-button {
    -webkit-appearance: button;
}
input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}
input.text,
input[type=date],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    padding: 0 5px;
    width: 140px;
    height: 40px;
    line-height: 40px;
}
input.text.xsmall,
input[type=date].xsmall,
input[type=number].xsmall,
input[type=password].xsmall,
input[type=search].xsmall,
input[type=tel].xsmall,
input[type=text].xsmall,
select.xsmall,
textarea.xsmall {
    width: 50px;
}
input.text.small,
input[type=date].small,
input[type=number].small,
input[type=password].small,
input[type=search].small,
input[type=tel].small,
input[type=text].small,
select.small,
textarea.small {
    width: 110px;
}
input.text.large,
input[type=date].large,
input[type=number].large,
input[type=password].large,
input[type=search].large,
input[type=tel].large,
input[type=text].large,
select.large,
textarea.large {
    width: 80%;
}
input.text.half,
input[type=date].half,
input[type=number].half,
input[type=password].half,
input[type=search].half,
input[type=tel].half,
input[type=text].half,
select.half,
textarea.half {
    width: 50%;
}
input.text.xlarge,
input[type=date].xlarge,
input[type=number].xlarge,
input[type=password].xlarge,
input[type=search].xlarge,
input[type=tel].xlarge,
input[type=text].xlarge,
select.xlarge,
textarea.xlarge {
    width: 99%;
}
input.text.tel,
input[type=date].tel,
input[type=number].tel,
input[type=password].tel,
input[type=search].tel,
input[type=tel].tel,
input[type=text].tel,
select.tel,
textarea.tel {
    width: 80px;
}
input.text:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}
input.text::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #999;
}
input.text:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input.text::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
input.text.set-placeholder,
input[type=date].set-placeholder,
input[type=number].set-placeholder,
input[type=password].set-placeholder,
input[type=search].set-placeholder,
input[type=tel].set-placeholder,
input[type=text].set-placeholder,
select.set-placeholder,
textarea.set-placeholder {
    color: #999;
}
input,
optgroup,
select,
textarea {
    color: #000;
    font: inherit;
    margin: 0;
    -webkit-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    -webkit-transition: border-color ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
    -o-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s, -webkit-box-shadow ease-in-out 0.2s;
}
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    border-color: #0a3663;
    -webkit-box-shadow: 0 0 5px #0a3663;
    box-shadow: 0 0 5px #0a3663;
}
input.disabled,
optgroup.disabled,
select.disabled,
textarea.disabled {
    background-color: #999;
    color: #333;
}
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 70px;
    line-height: 1.4;
    border: solid 1px #cccccc;
    border-radius: 5px;
}
select {
    height: 42px;
    border: solid 1px #cccccc;
    border-radius: 5px;
}
select[multiple=multiple] {
    height: auto;
}
.file-fake input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.file-fake.fake-a {
    position: relative;
    display: table;
    width: 100px;
    height: 30px;
    background-color: #333;
}
.file-fake.fake-a label {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.file-fake.fake-a input[type=file] {
    visibility: hidden;
}
.file-fake.fake-b label {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
}
.file-fake.fake-b .icon {
    background-image: url("./img/temp/icon_file.png");
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.file-fake.fake-b input[type=file] {
    cursor: pointer;
}
.js-checkbox {
    overflow: hidden;
    position: relative;
    zoom: 1;
    display: inline-block;
    height: 24px;
    margin-right: 30px;
    line-height: 1;
    vertical-align: middle;
}
.js-checkbox label {
    height: 24px;
    margin-left: 25px;
    font-size: 14px;
    line-height: 1;
}
.js-checkbox label:after,
.js-checkbox label:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: " ";
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.js-checkbox label:after {
    border-color: #666;
    background-color: #000;
    border-radius: 2px;
    opacity: 0;
}
.js-checkbox input:hover+label:before {
    border-color: #666;
}
.js-checkbox input:checked+label:after {
    border-color: #000;
    color: #fff;
    opacity: 1;
}
.js-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.js-checkbox label:after,
.js-checkbox label:before {
    border-radius: 3px;
}
.js-checkbox label:after {
    background-color: primary;
    background-size: 100%;
    background-image: url("data:image/png;base64,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");
}
.js-checkbox.large {
    padding-left: 40px;
}
.js-checkbox.large label:before {
    width: 54px;
    height: 24px;
    background-color: #eee;
    border-color: #eee;
    border-radius: 25px;
}
.js-checkbox.large label:after {
    top: 1px;
    left: 2px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #999;
    background-image: none;
}
.js-checkbox.large input:hover+label:before {
    background-color: #999;
}
.js-checkbox.large input:checked+label:before {
    border-color: #666;
    background-color: #000;
    background-position: 4px top;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,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");
}
.js-checkbox.large input:checked+label:after {
    left: 30px;
    color: #fff;
    border-color: #999;
    opacity: 1;
}
.js-radio {
    overflow: hidden;
    position: relative;
    zoom: 1;
    display: inline-block;
    height: 24px;
    margin-right: 30px;
    line-height: 1;
    vertical-align: middle;
}
.js-radio label {
    height: 24px;
    margin-left: 25px;
    font-size: 14px;
    line-height: 1;
}
.js-radio label:after,
.js-radio label:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: " ";
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.js-radio label:after {
    border-color: #666;
    background-color: #000;
    border-radius: 2px;
    opacity: 0;
}
.js-radio input:hover+label:before {
    border-color: #666;
}
.js-radio input:checked+label:after {
    border-color: #000;
    color: #fff;
    opacity: 1;
}
.js-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.js-radio label:after,
.js-radio label:before {
    border-radius: 50%;
}
.js-radio label:after {
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.rating {
    overflow: hidden;
    display: inline-block;
    width: auto;
    height: 20px;
}
.rating input {
    margin-left: -999px;
}
.rating label {
    position: relative;
    display: block;
    float: right;
}
.rating label:before {
    display: block;
    font-family: "fontium";
    content: "\e247";
    color: #6a737b;
    font-size: 16px;
    width: 20px;
    height: 20px;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.rating label:hover:before,
.rating label:hover~:before {
    content: "\e125";
    color: #ffcc33;
}
.rating:not(:hover) > :checked~label:before {
    content: "\e125";
    color: #ffcc33;
}
.hover-text img {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
}
.hover-text img:nth-of-type(2) {
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.hover-text:hover img {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hover-overlay {
    position: relative;
}
.hover-overlay:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.hover-overlay:hover:after {
    opacity: 1;
}
.hover.opacity {
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.hover.opacity:hover {
    opacity: 1;
}
.hover.scale {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
}
.hover.scale:hover {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.reveal {
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 0;
}
.reveal .cover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-position: center;
    background-image: url("data:image/png;base64,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");
    background-color: #bebebe;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.reveal.fade-in .cover {
    opacity: 1;
}
.reveal.fade-in:hover .cover {
    opacity: 0;
}
.reveal.fade-out .cover {
    opacity: 0;
}
.reveal.fade-out:hover .cover {
    opacity: 1;
}
.reveal.slide-left .cover {
    left: 0;
}
.reveal.slide-left:hover .cover {
    left: -100%;
}
.reveal.slide-up .cover {
    top: 0;
}
.reveal.slide-up:hover .cover {
    top: -100%;
}
.reveal.slide-down .cover {
    top: 0;
}
.reveal.slide-down:hover .cover {
    top: 100%;
}
.reveal.rotate {
    border-radius: 50%;
}
.reveal.rotate .cover {
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}
.reveal.rotate:hover .cover {
    -webkit-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
}
.icon,
i.close {
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    line-height: 1;
    vertical-align: middle;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.icon.has-hover {
    opacity: 0.9;
}
a:hover .icon.has-hover {
    opacity: 1;
}
.icon:after {
    display: none;
    content: '';
    font-family: 'Fontium';
    font-style: normal;
}
.icon.playing {
    background-image: url("./img/common/icon_playing.png");
    width: 52px;
    height: 20px;
    background-size: 52px 20px;
}
.icon.blank {
    background-image: url("./img/common/icon_url_blank.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
.icon.blank-b {
    background-image: url("./img/common/icon_url_blank_2.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
i.require {
    text-align: center;
    color: #ffcc33;
    font-size: 6px;
    vertical-align: middle;
}
i.require:after {
    display: block;
    content: '\e407';
}
.section-jumbotron {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.section-jumbotron .slider-util {
    z-index: 11;
}
.section-jumbotron .slider-util a.nav {
    margin-top: -13px;
    top: 150px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADICAYAAAAePETBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJDNTMwODVCREI4MTFFNUE5MDVDOUUzMzYwQTIzRjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDNTMwODZCREI4MTFFNUE5MDVDOUUzMzYwQTIzRjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkM1MzA4M0JEQjgxMUU1QTkwNUM5RTMzNjBBMjNGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkM1MzA4NEJEQjgxMUU1QTkwNUM5RTMzNjBBMjNGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmT4nE4AAAhISURBVHja7NzJb5VVHMbx0186XMTZYO1wC7b9A5wS0yktOzUxKkNibGliYqKB4MKVG1G71o2oceEKbFyAECOJbgjUDsQ47rWlc6nEEbEDCdfz3N7GhlB6h/ec87z3/Z2ktBDo+57v577ve86FUJHJZHYbY84ZHQxjt9gfuvGFtgiPAQvJ/URRCDDwhWz4RUUJjHEjiKIExrgZiKIExNgMRFECYdwKRFECYGwFoiieMfIBURSPGPmCKIonjEJAFMUDRqEgiuIYoxgQRXGIUSyIojjCKAVEURxglAqiKBFjRAGiKBFiRAWiKBFhRAmSZJTIMKIGSSJKpBguQJKEEjmGK5AkoDjBcAlSzijOMFyDlCOKUwwfIOWE4hzDF0g5oHjB8AkSZxRvGL5B4ojiFSMESJxQvGOEAokDShCMkCDMKMEwQoMwogTFYABhQgmOwQLCgEKBwQQSEoUGgw0kBAoVBiOITxQ6DFYQHyiUGMwgLlFoMdhBXKBQY8QBJEoUeozIQGZnZ2taWlpeTKfTL5OiOMPAnDF3NKAAwYl0dHQcmJiYaEqlUiuEV4rTKwNzxtzRIAqUkkCmp6dT7e3t/fZzQ3Nz88zQ0NCnZLcv57cpzBlzR4Nci1QQkMnJyVRnZ2f/zMxMPU5oeHh4sL6+fsW4H/mieHlmYM6YOxqgBZqgjVcQe4lu6+rqAkadPZHpkZGRTzxh5Ivi9QGOuaMBWqAJ2qCRFxAcqLu7G/fLOvswmx4bGxusq6tbJVp9BVlNoQFaoAnaoFExKAWBjI+PA6N/HWN0dHSwtrY2BMZmKEGXtmiBJhtQ+tGskO9Rkclk3sr3N+/ateulqampBnvAqQsXLgzu2LHjGsnyfWgDUPBx+fLlqra2tl6LsdOOOftM+TjfP1tZ5DErrl+/XkG0n8owbe5ybYrqU9At6+zZs4ONjY2XrDzW3b2Li4vVBPM/f8NH0IEmaINGaIVmzkDsrWrJrruP2QMt4IB23d27sLBQTYCx2c+9DrRAkxzGAlqhmdNVll3aLdl197F0Or2AHapdd/fNz8/XEGAERUEDtEATtEEjtPKyD7EP92W77gbKvD2BtD2R3qjeyykRIwgK5o4GaIEmaINGXnfqTU1Ny3bdfcx+nrt48SJQ+jyh5BvbC0oOow8N0CLXZLnY71fSe1n2Prli193HsbSzy+HGnp6eF0gwvKFgzpg7GqAFmpTy/Up+txcnYC/R462trVOrq6tVRBheUDBnzB0NSsUoeGNItJoq6sWc+6Aecfgbw6GIXuHnN+zoFaQEjCj/X/pz7CiSIIxYoEjCMOhRJIEY1CiSUAxaFEkwBiWKJByDDkUUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLRRSDC0UUgwtFFIMLpVIxqFBM5buHqnsUhGb04JZ1xH68rS2CDxgcWX+GKAoBxo2rLEUJjHGzfYiiBMTYbKeuKIEwNgNRlEAYtwJRlAAYW4EoimeMfEAUxSNGviCK4gmjEBBF8YBRKIiiOMYoBkRRHGIUC6IojjBKAVEUBxilgihKxBhRgChKhBhRgShKRBhRgiQZJTKMqEGSiBIphguQJKFEjuEKJAkoTjBcgpQzijMM1yDliOIUwwdIOaE4x/AFUg4oXjB8gsQZxRuGb5A4onjFCAESJxTvGKFA4oASBCMkCDNKMIzQIIwoQTEYQJhQgmOwgKyjDAQ8/gADBhMIxhuBUAZyxzYKEh6FCoMRxCcKHQYriA8USgxmEJcotBjsIC5QqDHiABIlCj1GZCA12+4yz792zvS9/g0rijMMzBlzRwMKEJzIvsNfmoaWDnNt+QrjleL0ysCcMXc0iAJFSsO42+x/9SvzwM7HzNzEmDn90R6225fz2xTmjLmjAVqgSRCQ1G33ZE+gtunR7Amd+uBps7r8N9MzxcszA3PG3NEALdAEbbyC4ID7shiPmLnx0RzGFeNxbIXi9QGOuWdRbAs02VcCSsEgqe33rmGkHzazv4yYz/xjbIUSZDWFBmiBJmiTRbGtnIJs236f2X/4fwy8Kq6t/MO0JA66tEWLUxtQ0ArNnIE8d/Bzc3/6IXvA4TWM1atM+xSKfQaarKEMZ1uhWSGj0pTHyJTJPAq7Qk5/+Iz5deYn09jaZfYc+sJU1dzOMAdcGW/mPgZCnwyaoA0aoRWaOQNZuvqbOXH0CbM486M9YKfZaw9cnbqDAWN9BEVBi71ZjM5sI7RCM6errOWrv5uT71mU6R+yO9Q9WZQ7GTCCoqABWqAJ2qARWnnZhyz/+4c5kUX53jQ0t2dfFVG9l1MiRhAUzB0N0AJN0AaNvO7UV5b+zB740tR3pr65zZ7QGV8oW2F4RVnDOJNtgBZogjbe3zpZQ/nLnDz6pLk0+a2pe/Bx8+wrp1gwvKFgzpg7GqAFmnhbZW2K8v5TZvbnr01V9XYmDC8omDPmjgalYmBUvHOwKg5r+GIxNg6Kfwjn/AqJCUbwJXG5gESFERsUSRBGLFAkYRj0KJJADGoUSSgGLYokGIMSRRKOQYciisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhSKKwYUiisGFIorBhVKpGFQo5j8BBgBB1MMaofeZWQAAAABJRU5ErkJggg==");
}
.section-jumbotron .slider-util a.nav.prev {
    left: 0;
}
.section-jumbotron .slider-util a.nav.next {
    right: 0;
}
.section-jumbotron .slider-util .pager {
    top: 0;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    top: 294px;
}
.section-jumbotron .slider-util .pager .inner {
    display: inline;
    display: inline-block;
    padding: 6px 12px;
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 31px;
}
.no-borderradius .section-jumbotron .slider-util .pager .inner {
    position: relative;
    padding-right: 0;
    background-position: left center;
    *display: inline;
    *padding-right: 12px;
    *background-position: -12px center;
}
.no-borderradius .section-jumbotron .slider-util .pager .inner:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    display: block;
    width: 12px;
    height: 30px;
    background-position: right center;
}
.section-jumbotron .slider-util .pager a i {
    width: 17px;
    height: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzczM0NFMkFCREMyMTFFNTk5RjdDMDY4OENDNjMyM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzczM0NFMkJCREMyMTFFNTk5RjdDMDY4OENDNjMyM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzMzQ0UyOEJEQzIxMUU1OTlGN0MwNjg4Q0M2MzIzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzMzQ0UyOUJEQzIxMUU1OTlGN0MwNjg4Q0M2MzIzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn+Lq+UAAAMySURBVHjazJZNTBNBFMdnu0tpl0ILLRoFKlJKC2owREvQCInRgwcwBjhIDJGbB6OGxKOBcNCEk96MBq6aqDEe9GQUDyCJXwmJYmw0qSSotaTFLttud2fGN2shuNuW9sZk/5nZmTfTX+e9N7McpRRtp2JB26wIuTpb/X4Rqi5QAOQGYdAKKAyaXwyH5WIWn7vt8kA1CurNrpUBfQE9Bd06ciERM87hjC4DmDaoToPK8/yOAnoCUJ+2gBmAanrXvsrK6t12VG7jkaYQlP6jotUfaRSNyEkYHwGoR3mBsjCDrH+LP88mPcgHBTD9bLyl2805qq0IZyiiGkFUJYioFESQFFfRUlhi6wxuhtoAApgKnuevYIzLinEH2KpgexOg1gwwtYizfPN3uRyi02oCoRrV26xeg91aXlYkRIkPoKL/BbXT6TxaLAwrzBbmHDNliWAb3ekTHfYKAZGUhrCMkQbCKSbyT2mMiIKRjbcgl8PigDlXTVlWZrUeKDUjYM5+U1BywkCVSygIQhWKsEL0HbNbeTbnjCnLVhMJR6lAkiRVGPuIlmrkuSodZN01BNyGMGvDOIY2PJRQXQJlfUp9wbQv2m2aljP42W4wgEIgehviV49gSgSTy/Y0NpJSgbxeLzYdbDZ3lKW20TXrO8VqyiBZMsGjwbtgq4magEKdnclSgQ6HQpKxT3S3vZVW1S1BUPa0kcFGrAm+NwGdHRpaEEWx6IuN2Z4bHl4w9te1X7qbSHLpFAR0IRB20qVhLKnw6bqDl++YgJr9/vmxiQl505SCByOz9TU3vzYOuBqOv6hrv3jvVzxDU5BVuUAgrZACML+TKmW2roYTzzfOt/Hx8fW2GggGY3ubmgJzs7N8JpPh8u3MjcnJTG9f32N4/ZnDRHXW9yxSil3RpTcBSrDAWzhk4TkdRIOoW8tgFJct6fqO0fve0LXrm9fhcnx+tKzEYqemp6Ycr2Zm+O+RiL6LAEq6e3q08yMjstvjeZa9JAuVFjn+uT8yP3ZSin5o1dIrtXrQ2z3Ryh0dH72dYy/F6uBD4zpcnu8hO+gQyAeqyfax2/4r6B0oVWSolbwOt90+0P4KMABqT+4yJ4NN9AAAAABJRU5ErkJggg==");
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.jumbotron {
    height: 350px;
}
.label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 12px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.label.primary {
    color: #fff;
    background: #017dc3;
}
.label.secondary {
    border-color: #007dc3;
    background-color: #90d7ff;
    color: #007dc3;
}
.label.secondary:hover {
    background-color: #c3e9ff;
}
.label.info {
    border-color: #34bf49;
    background-color: #cdf2d3;
    color: #34bf49;
}
.label.info:hover {
    background-color: #f6fcf7;
}
.label.warning {
    border-color: #ffcc33;
    background-color: #ffffff;
    color: #ffcc33;
}
.label.warning:hover {
    background-color: #ffffff;
}
.label.danger {
    border-color: #ee3440;
    background-color: #fef0f1;
    color: #ee3440;
}
.label.danger:hover {
    background-color: #ffffff;
}
.label.disabled {
    border-color: #6a737b;
    background-color: #d6d9db;
    color: #6a737b;
}
.label.disabled:hover {
    background-color: #f1f2f3;
}
.set-list-numberic {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border-left: solid 2px #d0d0d0;
    line-height: 1.4;
    list-style: none;
}
.set-list-numberic li {
    position: relative;
    padding: 0 0 0 17px;
    margin: 5px 0;
}
.set-list-numberic li:first-child {
    margin-top: 0;
}
.set-list-numberic li:last-child {
    margin-bottom: 0;
}
.set-list-numberic li span {
    padding-left: 0;
}
.set-list-numberic li:before {
    font-weight: 200;
    padding-right: 20px;
}
.set-list-numberic li:first-child::before {
    content: '01';
}
.set-list-numberic li:nth-child(2):before {
    content: '02';
}
.set-list-numberic li:nth-child(3):before {
    content: '03';
}
.set-list-numberic li:nth-child(4):before {
    content: '04';
}
.set-list-numberic li:nth-child(5):before {
    content: '05';
}
.set-list-numberic li:nth-child(6):before {
    content: '06';
}
.set-list-numberic li:nth-child(7):before {
    content: '07';
}
.set-list-numberic li:nth-child(8):before {
    content: '08';
}
ol.numberic {
    margin: 0;
    padding: 0;
    font-weight: normal;
    border-left: solid 2px #d0d0d0;
    line-height: 1.4;
    list-style: none;
}
ol.numberic li {
    position: relative;
    padding: 0 0 0 17px;
    margin: 5px 0;
}
ol.numberic li:first-child {
    margin-top: 0;
}
ol.numberic li:last-child {
    margin-bottom: 0;
}
ol.numberic li span {
    padding-left: 0;
}
ol.numberic li:before {
    font-weight: 200;
    padding-right: 20px;
}
ol.numberic li:first-child::before {
    content: '01';
}
ol.numberic li:nth-child(2):before {
    content: '02';
}
ol.numberic li:nth-child(3):before {
    content: '03';
}
ol.numberic li:nth-child(4):before {
    content: '04';
}
ol.numberic li:nth-child(5):before {
    content: '05';
}
ol.numberic li:nth-child(6):before {
    content: '06';
}
ol.numberic li:nth-child(7):before {
    content: '07';
}
ol.numberic li:nth-child(8):before {
    content: '08';
}
.wrap.is-masonry {
    width: 960px;
    overflow: hidden;
}
.masonry-list .item-sizer {
    height: 0!important;
    overflow: hidden;
}
.masonry-list.is-start .item {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.masonry-list .item {
    -webkit-transform: scale(1) translate3d(0, 60px, 0) scale(1);
    transform: scale(1) translate3d(0, 60px, 0) scale(1);
    float: left;
    opacity: 0;
}
.masonry-list .item:nth-child(20) {
    -webkit-transition-delay: 1900ms;
    -o-transition-delay: 1900ms;
    transition-delay: 1900ms;
}
.masonry-list .item:nth-child(19) {
    -webkit-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}
.masonry-list .item:nth-child(18) {
    -webkit-transition-delay: 1700ms;
    -o-transition-delay: 1700ms;
    transition-delay: 1700ms;
}
.masonry-list .item:nth-child(17) {
    -webkit-transition-delay: 1600ms;
    -o-transition-delay: 1600ms;
    transition-delay: 1600ms;
}
.masonry-list .item:nth-child(16) {
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}
.masonry-list .item:nth-child(15) {
    -webkit-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
}
.masonry-list .item:nth-child(14) {
    -webkit-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}
.masonry-list .item:nth-child(13) {
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.masonry-list .item:nth-child(12) {
    -webkit-transition-delay: 1100ms;
    -o-transition-delay: 1100ms;
    transition-delay: 1100ms;
}
.masonry-list .item:nth-child(11) {
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}
.masonry-list .item:nth-child(10) {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}
.masonry-list .item:nth-child(9) {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}
.masonry-list .item:nth-child(8) {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}
.masonry-list .item:nth-child(7) {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
.masonry-list .item:nth-child(6) {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
.masonry-list .item:nth-child(5) {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.masonry-list .item:nth-child(4) {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.masonry-list .item:nth-child(3) {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.masonry-list .item:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.masonry-list .item:first-child {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}
.masonry-list .item .pic img {
    width: 100%;
    max-width: 100%;
}
.masonry-list.is-loaded .item {
    -webkit-transform: scale(1) translate3d(0, 0, 0) scale(1);
    transform: scale(1) translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.masonry-list .module {
    margin-bottom: 20px;
}
.masonry-list .list-masonry {
    width: 980px;
}
.masonry-list.is-col-3 {
    width: 1005px;
}
.masonry-list.is-col-3 .item {
    width: 290px;
}
.masonry-list.is-col-4 {
    width: 1000px;
}
.masonry-list.is-col-4 .item {
    width: 225px;
}
.masonry-list.is-col-4 .item .pic img {
    width: 100%;
}
.masonry-list.is-col-4 .item-width-2x {
    width: 470px;
}
.masonry-list.is-hover-desc .module {
    position: relative;
    overflow: hidden;
}
.masonry-list.is-hover-desc .desc {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: #ffffff url("./img/common/hover_arrow.png") right bottom no-repeat;
    text-align: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}
.masonry-list.is-hover-desc .desc a {
    display: block;
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s 0.3s linear;
    -o-transition: all 0.3s 0.3s linear;
    transition: all 0.3s 0.3s linear;
}
.masonry-list.is-hover-desc .desc span {
    display: block;
    color: #666;
}
.masonry-list.is-hover-desc .desc span.title {
    font-size: 20px;
    color: #000;
}
.masonry-list.is-hover-desc .item:hover .desc {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.is-hover-more .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.is-hover-more .module .pic {
    overflow: hidden;
}
.is-hover-more .module .pic > a,
.is-hover-more .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.is-hover-more .module .pic > a:after,
.is-hover-more .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.is-hover-more .module .pic:after,
.is-hover-more .module .pic:before,
.is-hover-more .module:after,
.is-hover-more .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module:after,
.is-hover-more .module:before {
    width: 0;
    height: 4px;
}
.is-hover-more .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module .pic:after,
.is-hover-more .module .pic:before {
    width: 4px;
    height: 0;
}
.is-hover-more .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module.in .pic > a,
.is-hover-more .module.in .pic > img,
.is-hover-more .module:hover .pic > a,
.is-hover-more .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.is-hover-more .module.in .pic > a:after,
.is-hover-more .module.in .pic > img:after,
.is-hover-more .module:hover .pic > a:after,
.is-hover-more .module:hover .pic > img:after {
    opacity: 0.5;
}
.is-hover-more .module.in .pic:after,
.is-hover-more .module.in .pic:before,
.is-hover-more .module.in:after,
.is-hover-more .module.in:before,
.is-hover-more .module:hover .pic:after,
.is-hover-more .module:hover .pic:before,
.is-hover-more .module:hover:after,
.is-hover-more .module:hover:before {
    opacity: 1;
}
.is-hover-more .module.in:after,
.is-hover-more .module.in:before,
.is-hover-more .module:hover:after,
.is-hover-more .module:hover:before {
    width: 100%;
}
.is-hover-more .module.in .pic:after,
.is-hover-more .module.in .pic:before,
.is-hover-more .module:hover .pic:after,
.is-hover-more .module:hover .pic:before {
    height: 100%;
}
.is-hover-more .module.in:before,
.is-hover-more .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-more .module.in:after,
.is-hover-more .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.is-hover-more .module.in .pic:before,
.is-hover-more .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.is-hover-more .module.in .pic:after,
.is-hover-more .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.is-hover-desc-b .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.is-hover-desc-b .module .pic {
    overflow: hidden;
}
.is-hover-desc-b .module .pic > a,
.is-hover-desc-b .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.is-hover-desc-b .module .pic > a:after,
.is-hover-desc-b .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.is-hover-desc-b .module .pic:after,
.is-hover-desc-b .module .pic:before,
.is-hover-desc-b .module:after,
.is-hover-desc-b .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module:after,
.is-hover-desc-b .module:before {
    width: 0;
    height: 4px;
}
.is-hover-desc-b .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module .pic:after,
.is-hover-desc-b .module .pic:before {
    width: 4px;
    height: 0;
}
.is-hover-desc-b .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module.in .pic > a,
.is-hover-desc-b .module.in .pic > img,
.is-hover-desc-b .module:hover .pic > a,
.is-hover-desc-b .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.is-hover-desc-b .module.in .pic > a:after,
.is-hover-desc-b .module.in .pic > img:after,
.is-hover-desc-b .module:hover .pic > a:after,
.is-hover-desc-b .module:hover .pic > img:after {
    opacity: 0.5;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover .pic:after,
.is-hover-desc-b .module:hover .pic:before,
.is-hover-desc-b .module:hover:after,
.is-hover-desc-b .module:hover:before {
    opacity: 1;
}
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover:after,
.is-hover-desc-b .module:hover:before {
    width: 100%;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module:hover .pic:after,
.is-hover-desc-b .module:hover .pic:before {
    height: 100%;
}
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.is-hover-desc-b .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.is-hover-desc-b .module .pic {
    overflow: hidden;
}
.is-hover-desc-b .module .pic > a,
.is-hover-desc-b .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.is-hover-desc-b .module .pic > a:after,
.is-hover-desc-b .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.is-hover-desc-b .module .pic:after,
.is-hover-desc-b .module .pic:before,
.is-hover-desc-b .module:after,
.is-hover-desc-b .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module:after,
.is-hover-desc-b .module:before {
    width: 0;
    height: 4px;
}
.is-hover-desc-b .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module .pic:after,
.is-hover-desc-b .module .pic:before {
    width: 4px;
    height: 0;
}
.is-hover-desc-b .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module.in .pic > a,
.is-hover-desc-b .module.in .pic > img,
.is-hover-desc-b .module:hover .pic > a,
.is-hover-desc-b .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.is-hover-desc-b .module.in .pic > a:after,
.is-hover-desc-b .module.in .pic > img:after,
.is-hover-desc-b .module:hover .pic > a:after,
.is-hover-desc-b .module:hover .pic > img:after {
    opacity: 0.5;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover .pic:after,
.is-hover-desc-b .module:hover .pic:before,
.is-hover-desc-b .module:hover:after,
.is-hover-desc-b .module:hover:before {
    opacity: 1;
}
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover:after,
.is-hover-desc-b .module:hover:before {
    width: 100%;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module:hover .pic:after,
.is-hover-desc-b .module:hover .pic:before {
    height: 100%;
}
.is-hover-desc-b .module.in:before,
.is-hover-desc-b .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.is-hover-desc-b .module.in:after,
.is-hover-desc-b .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.is-hover-desc-b .module.in .pic:before,
.is-hover-desc-b .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.is-hover-desc-b .module.in .pic:after,
.is-hover-desc-b .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.is-hover-desc-b .desc {
    text-align: left;
}
.is-hover-desc-b .desc a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 25px;
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0.3s linear, color 0.3s 0.1s linear;
    -o-transition: background 0.3s linear, color 0.3s 0.1s linear;
    transition: background 0.3s linear, color 0.3s 0.1s linear;
}
.is-hover-desc-b .desc a span {
    display: block;
}
.is-hover-desc-b .desc a span.title {
    font-size: 24px;
    line-height: 1.2;
}
.is-hover-desc-b .desc a span.subtitle {
    position: relative;
    margin-top: 10px;
}
.is-hover-desc-b .desc a span.subtitle:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff;
}
.is-hover-desc-b .desc a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
ul.list {
    margin: 10px 5px;
    padding: 0;
    list-style: none;
    text-align: left;
    line-height: 1;
}
ul.list li {
    clear: both;
    margin: 3px;
    padding: 0 0 0 15px;
    line-height: 1.6;
    background-position: left 50%;
    background-repeat: no-repeat;
}
ul.list.list-a {
    margin-left: 0;
}
ul.list.list-a li {
    margin: 5px 0;
    padding-left: 15px;
}
ul.list.list-a li:before {
    content: '-';
    position: absolute;
    margin: 0 0 0 -15px;
}
dl.table {
    clear: both;
    margin: 0;
    padding: 0;
}
dl.table dd,
dl.table dt {
    margin: 0;
    padding: 0;
    height: 26px;
    line-height: 25px;
    overflow: hidden;
}
dl.table dt {
    clear: left;
    float: left;
    color: #333;
}
dl.table dt label {
    display: inline-block;
    vertical-align: top;
}
dl.table dd {
    margin: 0 0 0 100px;
    padding: 0;
}
dl.table.height-auto dd,
dl.table.height-auto dt {
    height: auto;
}
.media-aspect {
    position: relative;
    height: 20px;
    padding-bottom: 75%;
}
.media-aspect .media,
.media-aspect > div,
.media-aspect > iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.thumbnail {
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
.thumbnail img {
    display: inline-block;
}
.thumbnail .caption strong {
    display: block;
}
.alignment {
    overflow: hidden;
    zoom: 1;
    margin: 10px 0;
}
.alignment .body,
.alignment .head,
.alignment .image {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
}
.alignment:after {
    display: block;
    content: " ";
    height: 0;
    clear: both;
}
.alignment .image img {
    max-width: initial;
}
.alignment .head {
    display: block;
    margin: 0 0 10px;
    font-weight: bold;
}
.alignment .body {
    overflow: hidden;
    zoom: 1;
    word-break: break-all;
    margin: 0 0 10px;
}
.alignment .left {
    padding-right: 15px;
}
.alignment .right {
    padding-left: 15px;
}
.alignment.vtop * {
    vertical-align: top;
}
.alignment.vmiddle * {
    vertical-align: middle;
}
.alignment.vbottom * {
    vertical-align: bottom;
}
.section-page-more .wrap {
    margin: 20px auto;
    text-align: center;
}
.section-page-more .pager-more {
    display: inline-block;
    margin: 0 auto;
    width: 57px;
    height: 55px;
    overflow: hidden;
    border: solid 1px #999;
}
.section-page-more .pager-more i {
    display: block;
    position: relative;
    width: 57px;
    height: 55px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.section-page-more .pager-more i:after,
.section-page-more .pager-more i:before {
    display: block;
    content: '';
    position: absolute;
    top: 25%;
    bottom: 25%;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    background-color: #000;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}
.section-page-more .pager-more i:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.section-page-more .pager-more i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.section-page-more .pager-more:hover i {
    background-color: rgba(255, 255, 255, 0.9);
}
.section-page-more .pager-more:hover i:after,
.section-page-more .pager-more:hover i:before {
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
    width: 1px;
}
.section-page-more .pager-more:hover i:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.section-page-more .pager-more:hover i:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.section-page-more .desc {
    margin: 15px auto;
    font-size: 14px;
}
.section-page-more .desc strong {
    font-weight: normal;
}
.section-page-more .desc strong:first-of-type {
    color: #ff0000;
}
.set-pagination {
    line-height: 1;
}
.set-pagination .wrap {
    clear: both;
    position: relative;
    text-align: center;
    cursor: default;
}
.set-pagination a,
.set-pagination strong {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
    margin: 0;
    font-size: 14px;
}
.set-pagination a:hover {
    text-decoration: none;
}
.set-pagination a.nav i {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    background-image: url("data:image/png;base64,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");
}
.section-pagination {
    margin-top: 40px;
    line-height: 1;
}
.section-pagination .wrap {
    clear: both;
    position: relative;
    text-align: center;
    cursor: default;
}
.section-pagination a,
.section-pagination strong {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
    margin: 0;
    font-size: 14px;
}
.section-pagination a:hover {
    text-decoration: none;
}
.section-pagination a.nav i {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    background-image: url("data:image/png;base64,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");
}
.section-pagination a,
.section-pagination strong {
    position: relative;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    color: #5d5d5d;
}
.section-pagination a:after,
.section-pagination strong:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 5px;
    right: 100%;
    height: 2px;
    background: #444;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.section-pagination a.nav.prev,
.section-pagination strong.nav.prev {
    margin-right: 15px;
}
.section-pagination a.nav.prev i,
.section-pagination strong.nav.prev i {
    background-image: url("./img/common/icon_pagination_prev.png");
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.section-pagination a.nav.next,
.section-pagination strong.nav.next {
    margin-left: 15px;
}
.section-pagination a.nav.next i,
.section-pagination strong.nav.next i {
    background-image: url("./img/common/icon_pagination_next.png");
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.section-pagination .num:hover,
.section-pagination a.active,
.section-pagination strong {
    color: #000;
    font-weight: normal;
}
.section-pagination .num:hover:after,
.section-pagination a.active:after,
.section-pagination strong:after {
    right: 5px;
}
ul.tab {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    *zoom: 1;
}
ul.tab li {
    margin: 0;
    padding: 0;
}
ul.tab:after,
ul.tab:before {
    content: " ";
    display: table;
}
ul.tab:after {
    clear: both;
}
ul.tab > li {
    float: left;
}
.tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    clear: both;
    position: relative;
    *zoom: 1;
}
.tab-list:after,
.tab-list:before {
    content: " ";
    display: table;
}
.tab-list:after {
    clear: both;
}
.tab-list > li {
    float: left;
}
.tab-content .item {
    display: none;
}
.tab-content .item.in {
    display: block;
}
.tab-list.tab-a {
    margin: 29px 0;
}
.tab-list.tab-a li {
    float: left;
}
.tab-list.tab-a li a {
    display: block;
    padding-right: 60px;
    text-decoration: none;
}
.tab-list.tab-a li span {
    position: relative;
    text-transform: uppercase;
    display: block;
    height: 33px;
    line-height: 33px;
    color: #a0a0a0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tab-list.tab-a li span:after {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #000;
}
.tab-list.tab-a li a:hover span,
.tab-list.tab-a li.in span {
    color: #000;
}
.tab-list.tab-a li a:hover span:after,
.tab-list.tab-a li.in span:after {
    width: 100%;
    background-color: #000;
}
.tab-list.tab-a.is-border-top {
    margin-bottom: 15px;
}
.tab-list.tab-a.is-border-top li a span {
    height: 52px;
    line-height: 52px;
}
.tab-list.tab-a.is-border-top li a span:after {
    top: -4px;
    bottom: auto;
    height: 4px;
}
.tab-list.tab-b {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.tab-list.tab-b li {
    display: table-cell;
    width: 100%;
    height: 100%;
    float: none;
    text-align: center;
    vertical-align: middle;
}
.tab-list.tab-b li a {
    position: relative;
    display: block;
    margin-left: -1px;
    text-decoration: none;
    border: 1px #dcdcdc solid;
    border-bottom: 0;
    background: #fff;
}
.tab-list.tab-b li a:after {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #dcdcdc;
}
.tab-list.tab-b li span {
    position: relative;
    display: block;
    font-weight: normal!important;
    margin-top: 1px;
    height: 47px;
    line-height: 47px;
    color: #333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
}
.tab-list.tab-b li span:after {
    content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -2px;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #007dc3;
}
.tab-list.tab-b li a:hover,
.tab-list.tab-b li.in a {
    z-index: 1;
}
.tab-list.tab-b li a:hover:after,
.tab-list.tab-b li.in a:after {
    width: 0;
}
.tab-list.tab-b li a:hover span,
.tab-list.tab-b li.in a span {
    color: #007dc3;
}
.tab-list.tab-b li a:hover span:after,
.tab-list.tab-b li.in a span:after {
    width: 101%;
}
.ie .tab-list.tab-b {
    display: block;
    width: auto;
}
.ie .tab-list.tab-b li {
    display: block;
    float: left;
    width: auto;
}
.ie .tab-list.tab-b.is-col-3 li {
    width: 33.3333%;
}
.ie .tab-list.tab-b.is-col-4 li {
    width: 25%;
}
.ie .tab-list.tab-b.is-col-6 li {
    width: 16.6666%;
}
.tab-list.tab-c {
    margin: 29px 0;
}
.tab-list.tab-c li a {
    position: relative;
    color: #b3b3b3;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tab-list.tab-c li a span {
    padding: 0 12px;
    height: 52px;
    line-height: 52px;
}
.tab-list.tab-c li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -2px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #000;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tab-list.tab-c li:first-child a span {
    padding-left: 0;
}
.tab-list.tab-c li a:hover,
.tab-list.tab-c li.in a {
    color: #000;
    text-decoration: none;
}
.tab-list.tab-c li a:hover:after,
.tab-list.tab-c li.in a:after {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.tab-list.tab-d {
    margin-top: 30px;
    border-bottom: 1px #dcdcdc solid;
}
.tab-list.tab-d li a span {
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
}
.tab-list.tab-d li:first-child a span {
    padding-left: 0;
}
.tab-list.tab-d li a:hover,
.tab-list.tab-d li.in a {
    color: #007dc3;
    text-decoration: underline;
}
.table {
    display: table;
    width: 100%;
    table-layout: auto;
}
.table.is-fixed {
    table-layout: fixed;
}
.table .row {
    display: table-row;
}
.table .cell {
    display: table-cell;
    vertical-align: middle;
}
caption {
    margin: 0;
    padding: 10px 0;
    font-size: inherit;
    line-height: 1;
    text-align: left;
}
table {
    border-spacing: 0;
    font-size: inherit;
    width: 100%;
    margin: 0;
    border-collapse: separate;
}
table.collapse {
    border-collapse: collapse;
}
table.fixed {
    table-layout: fixed;
}
table caption {
    display: none;
}
table .button,
table button,
table img,
table input,
table optgroup,
table select,
table textarea {
    vertical-align: middle;
}
table.table-col,
table.table-row {
    width: 100%;
}
table.table-col td,
table.table-col th,
table.table-row td,
table.table-row th {
    line-height: 1.4;
}
table.table-col th,
table.table-row th {
    position: relative;
    vertical-align: top;
}
table.table-col th label,
table.table-col th span,
table.table-row th label,
table.table-row th span {
    display: inline-block;
    white-space: nowrap;
    font-weight: normal;
}
table.table-col td,
table.table-row td {
    vertical-align: middle;
}
table.table-col p,
table.table-row p {
    margin: 5px 0;
    padding: 0;
}
table.table-col p:first-child,
table.table-row p:first-child {
    margin-top: 0;
}
table.table-row td,
table.table-row th {
    text-align: left;
}
table.table-row th label,
table.table-row th span {
    display: inline-block;
}
table.table-col td,
table.table-col th {
    text-align: center;
}
table.text-center td,
table.text-center th {
    text-align: center;
}
table.text-left td {
    text-align: left;
}
table.has-hover td {
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
table.has-hover tr:hover td {
    background-color: #999;
}
table.table-col th label,
table.table-col th span,
table.table-row th label,
table.table-row th span {
    color: #000;
}
table.table-col td,
table.table-row td {
    background-color: #333;
}
table.table-row th label,
table.table-row th span {
    display: inline-block;
    margin: 5px 15px;
}
table.table-row td {
    padding: 15px 5px;
}
table.table-col td,
table.table-col th {
    padding: 15px 5px;
}
.js-inview .js-transit-item {
    opacity: 0;
}
.js-inview .js-transit-item.transit-a {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    opacity: 0;
    -webkit-transform: scale(1) translate3d(0, 60px, 0) scale(1);
    transform: scale(1) translate3d(0, 60px, 0) scale(1);
}
.js-inview .js-transit-item.transit-a:first-child {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}
.js-inview.is-inview {
    opacity: 1;
}
.js-inview.is-inview .js-transit-item.transit-a {
    -webkit-transform: scale(1) translate3d(0, 0, 0) scale(1);
    transform: scale(1) translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.js-transit-window-loaded .js-transit-item {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    opacity: 0;
    -webkit-transform: scale(1) translate3d(0, 60px, 0) scale(1);
    transform: scale(1) translate3d(0, 60px, 0) scale(1);
}
.js-transit-window-loaded .js-transit-item:nth-child(6) {
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
.js-transit-window-loaded .js-transit-item:nth-child(5) {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.js-transit-window-loaded .js-transit-item:nth-child(4) {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.js-transit-window-loaded .js-transit-item:nth-child(3) {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.js-transit-window-loaded .js-transit-item:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.js-transit-window-loaded .js-transit-item:first-child {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}
.is-window-loaded .js-transit-window-loaded .js-transit-item {
    -webkit-transform: scale(1) translate3d(0, 0, 0) scale(1);
    transform: scale(1) translate3d(0, 0, 0) scale(1);
    opacity: 1;
}
.page-company .section-history h4.title.js-inview a {
    color: #aaa;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.page-company .section-history h4.title.js-inview.is-inview a {
    color: #666;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.page-company .section-history h4.title.js-inview.active a {
    color: #000;
}
.content-modal-wrapper.is-large a.close {
    position: absolute;
    top: 8px;
    right: 33px;
    width: 32px;
    height: 32px;
    line-height: 1;
    border: 1px #000 solid;
}
.content-modal-wrapper.is-large a.close i,
.content-modal-wrapper.is-large a.close:after {
    display: block;
    content: '';
    position: absolute;
    height: 1px;
    top: 50%;
    left: 8px;
    right: 8px;
    background: #000;
    -webkit-transition: -webkit-transform 0.3s ease 0.7s;
    transition: -webkit-transform 0.3s ease 0.7s;
    -o-transition: transform 0.3s ease 0.7s;
    transition: transform 0.3s ease 0.7s;
    transition: transform 0.3s ease 0.7s, -webkit-transform 0.3s ease 0.7s;
}
.is-content-modal .content-modal-wrapper.is-large a.close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.is-content-modal .content-modal-wrapper.is-large a.close i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-modal-wrapper.is-large i.close {
    background-image: url("./img/module/contentmodal_close.png");
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
}
.content-modal-wrapper.is-large .content-modal-body {
    text-align: center;
    height: 600px;
    overflow: scroll;
    overflow-x: hidden;
    background-color: #fff;
}
.content-modal-wrapper.is-large .content-modal-header {
    position: relative;
}
.content-modal-wrapper.is-large .content-modal-header .inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 5010;
    top: 0;
    left: 0;
    right: 0;
    padding: 13px 0;
    height: 24px;
    background-color: #fafafa;
    border-bottom: solid 1px #f2f2f2;
}
.content-modal-wrapper.is-large .content-modal-footer {
    height: 70px;
    line-height: 70px;
    background-color: #1b1b1b;
    text-align: center;
    color: #777;
}
.content-modal-wrapper.is-small .container .wrap {
    width: 100%;
}
.content-modal-wrapper.is-small .container .wrap img {
    max-width: 100%;
}
.content-modal-wrapper.is-small i.close {
    background-image: url("./img/module/contentmodal_close_02_dark.png");
    width: 29px;
    height: 29px;
    background-size: 29px 29px;
    position: absolute;
    z-index: 6000;
    top: 0;
    right: 0;
    margin-top: 20px;
    margin-right: 20px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-wrapper.is-small i.close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.is-content-modal-media .content-modal-wrapper.is-small i.close {
    background-image: url("./img/module/contentmodal_close_02.png");
}
@media only screen and (min-width:1280px) {
    .content-modal-wrapper.is-small i.close {
        top: 0;
        right: 0;
        margin-top: 2px;
        margin-right: -50px;
        background-image: url("./img/module/contentmodal_close_02.png");
        width: 29px;
        height: 29px;
        background-size: 29px 29px;
    }
}
.content-modal-wrapper.is-small .content-modal-holder {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.content-modal-wrapper.is-small .content-modal-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.content-modal-wrapper.is-small .content-modal-innerwrap {
    display: inline-block;
    position: relative;
    margin: 20px auto;
    height: auto;
    width: 960px;
}
.is-small .modal-origin .content-modal-inner {
    overflow: scroll;
    overflow-x: hidden;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
    background-color: #fff;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar {
    margin: 0;
    padding: 0;
    width: 8px;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-button {
    background-color: #fff;
    height: 1px;
    width: 10px;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-corner {
    background-color: #000;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-thumb:active,
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 0;
    border: 0;
}
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-track:active,
.is-small .modal-origin .content-modal-inner::-webkit-scrollbar-track:hover {
    background: #fff;
}
.is-small.is-more .modal-origin .content-modal-inner {}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar {
    margin: 0;
    padding: 0;
    width: 8px;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-button {
    background-color: #999;
    height: 1px;
    width: 10px;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-corner {
    background-color: #000;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-thumb:active,
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-thumb:hover {
    background: #fff;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-track {
    background-color: #999;
    border-radius: 0;
    border: 0;
}
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-track:active,
.is-small.is-more .modal-origin .content-modal-inner::-webkit-scrollbar-track:hover {
    background: #999;
}
.modal-sandbox-innerwrap,
.modal-sandbox-innerwrap.is-small {
    width: 960px;
}
.is-content-modal-gallery .modal-sandbox-innerwrap {
    width: 960px;
}
.is-content-modal-movie .modal-sandbox-innerwrap {
    width: 960px;
}
.modal-sandbox-inner {
    -webkit-transition: height 0s;
    -o-transition: height 0s;
    transition: height 0s;
    background-color: #000;
}
.modal-sandbox-inner div {
    height: 100%;
}
.modal-sandbox-inner .wrap-nav {
    height: auto!important;
}
.modal-sandbox-inner .wrap-nav .pager {
    position: absolute;
    z-index: 5020;
    top: 0;
    left: 0;
    margin: 20px;
    padding: 0;
    color: #fff;
}
.modal-sandbox-inner .wrap-nav a {
    position: absolute;
    z-index: 6000;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.modal-sandbox-inner .wrap-nav a .icon {
    background-image: url("./img/common/icon_nav_next.png");
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
}
.modal-sandbox-inner .wrap-nav a:hover {
    text-decoration: none;
}
.modal-sandbox-inner .wrap-nav a.nav-prev {
    left: 0;
    margin-left: 10px;
}
.modal-sandbox-inner .wrap-nav a.nav-prev .icon {
    background-image: url("./img/common/icon_nav_prev.png");
}
.modal-sandbox-inner .wrap-nav a.nav-next {
    right: 0;
    margin-right: 10px;
}
@media only screen and (min-width:1280px) {
    .modal-sandbox-inner .wrap-nav a.nav-prev {
        margin-left: -80px;
    }
    .modal-sandbox-inner .wrap-nav a.nav-next {
        margin-right: -80px;
    }
}
.modal-sandbox-inner.is-no-prev a.nav-prev {
    opacity: 0.1;
    cursor: default;
}
.modal-sandbox-inner.is-no-next a.nav-next {
    opacity: 0.1;
    cursor: default;
}
.modal-sandbox-inner .gallery-large {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.modal-sandbox-inner .gallery-large .item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.modal-sandbox-inner .gallery-large .module {
    display: table;
    width: 100%;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
}
.modal-sandbox-inner .gallery-large .module span {
    display: table-cell;
    height: 100%;
    cursor: default;
    pointer-events: none;
    vertical-align: middle;
    text-align: center;
}
.modal-sandbox-inner .gallery-large .module img {
    max-width: 80%;
    max-height: 100%;
}
.modal-section-media.gallery .item {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    -o-transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    -webkit-transform: translate(0, 100%) scale(1, 1);
    -ms-transform: translate(0, 100%) scale(1, 1);
    transform: translate(0, 100%) scale(1, 1);
    -webkit-transform: translate3d(0, 100%, 0) scale(1, 1);
    transform: translate3d(0, 100%, 0) scale(1, 1);
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 0.5;
}
.modal-section-media.gallery .item.prev {
    -webkit-transform: translate(-100%, 0) scale(1, 1);
    -ms-transform: translate(-100%, 0) scale(1, 1);
    transform: translate(-100%, 0) scale(1, 1);
    -webkit-transform: translate3d(-100%, 0, 0) scale(1, 1);
    transform: translate3d(-100%, 0, 0) scale(1, 1);
}
.modal-section-media.gallery .item.next {
    -webkit-transform: translate(100%, 0) scale(1, 1);
    -ms-transform: translate(100%, 0) scale(1, 1);
    transform: translate(100%, 0) scale(1, 1);
    -webkit-transform: translate3d(100%, 0, 0) scale(1, 1);
    transform: translate3d(100%, 0, 0) scale(1, 1);
}
.modal-section-media.gallery .item.in {
    z-index: 5000;
    visibility: visible;
    -webkit-transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    -o-transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    z-index: 5001;
    opacity: 1;
}
.modal-section-media.movie .item {
    position: relative;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100%;
}
.modal-section-media.movie .item.in {
    z-index: 1;
    display: table;
}
.modal-section-media.movie .module {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.modal-section-media.movie iframe {
    display: inline-block;
    width: 960px;
    height: 720px;
}
.modal-section-media.movie .tilt-mask {
    z-index: 5002;
    bottom: 70px;
}
.content-modal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
}
.content-modal-wrapper .content-modal-outter {
    width: 100%;
    height: 100%;
    height: 100vh;
}
.content-modal-wrapper .content-modal-inner {
    min-height: 300px;
}
.content-modal-wrapper.is-large {
    top: 80px;
    right: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transform: translate(0, 100%) scale(1, 1);
    -ms-transform: translate(0, 100%) scale(1, 1);
    transform: translate(0, 100%) scale(1, 1);
    -webkit-transform: translate3d(0, 100%, 0) scale(1, 1);
    transform: translate3d(0, 100%, 0) scale(1, 1);
    opacity: 1;
}
.is-content-modal .content-modal-wrapper.is-large {
    z-index: 5000;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    -o-transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
}
.content-modal-wrapper.is-large .content-modal-header {
    height: 50px;
}
.content-modal-wrapper.is-small {
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    width: 200vw;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    -o-transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s;
    transition: transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, visibility 0s ease 0.6s, z-index 0s ease 0.6s, opacity 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    -webkit-transform: translate(0, 100%) scale(1, 1);
    -ms-transform: translate(0, 100%) scale(1, 1);
    transform: translate(0, 100%) scale(1, 1);
    -webkit-transform: translate3d(0, 100%, 0) scale(1, 1);
    transform: translate3d(0, 100%, 0) scale(1, 1);
}
.content-modal-wrapper.is-small .content-modal-outter {
    float: left;
    width: 50%;
    width: 100vw;
    height: 100%;
    height: 100vh;
}
.is-content-modal .content-modal-wrapper.is-small {
    z-index: 5000;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, visibility 0s ease 0.2s, z-index 0s ease 0.2s, opacity 0.6s ease 0.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
}
.is-content-modal-media .content-modal-wrapper.is-small {
    -webkit-transform: translate(-50%, 0) scale(1, 1);
    -ms-transform: translate(-50%, 0) scale(1, 1);
    transform: translate(-50%, 0) scale(1, 1);
    -webkit-transform: translate3d(-50%, 0, 0) scale(1, 1);
    transform: translate3d(-50%, 0, 0) scale(1, 1);
}
.mask-content-modal {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 5001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
    transition: -webkit-transform 0.2s ease 0.2s;
    -o-transition: transform 0.2s ease 0.2s;
    transition: transform 0.2s ease 0.2s;
    transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;
    overflow: hidden;
    height: 100%;
}
.is-content-modal .mask-content-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    transition: -webkit-transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.is-content-modal body:after,
.is-content-modal body:before {
    content: '';
    display: block;
    position: fixed;
    z-index: 3001;
    right: 0;
    top: 0;
    width: 17px;
}
.is-content-modal body:before {
    height: 80px;
    background-color: #ffffff;
}
.is-content-modal body:after {
    content: '';
    top: 80px;
    right: 0;
    height: 50px;
    background-color: #fafafa;
}
.is-content-modal.is-scrollDowned body:before {
    height: 80px;
    background-color: #ffffff;
}
.css-slider-wrapper {
    position: relative;
    line-height: 1;
    background-color: #fff;
}
.css-slider-wrapper * {
    margin: 0;
    padding: 0;
}
.css-slider-wrapper .left {
    left: 0;
}
.css-slider-wrapper .right {
    right: 0;
}
.css-slider-wrapper .center {
    left: 0;
    right: 0;
}
.css-slider-wrapper .top {
    top: 0;
}
.css-slider-wrapper .middle {
    top: 50%;
}
.csstransforms3d .css-slider-wrapper .middle {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.css-slider-wrapper .bottom {
    bottom: 0;
}
.css-slider-wrapper .slider-counter,
.css-slider-wrapper .slider-indicator,
.css-slider-wrapper .slider-nav,
.css-slider-wrapper .slider-pager,
.css-slider-wrapper .slider-timer {
    position: absolute;
    z-index: 51;
    visibility: hidden;
}
.css-slider-wrapper .slider-indicator {
    visibility: visible;
}
.css-slider-wrapper .slider-nav {
    cursor: pointer;
}
.css-slider-wrapper .slider-nav span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.css-slider-wrapper.is-no-next .slider-nav.next {
    opacity: 0.1;
    cursor: default;
    pointer-events: none;
}
.css-slider-wrapper.is-no-prev .slider-nav.prev {
    opacity: 0.1;
    cursor: default;
    pointer-events: none;
}
.css-slider-wrapper .slider-counter {
    color: #fff;
    font-size: 12px;
}
.css-slider-wrapper .slider-counter em,
.css-slider-wrapper .slider-counter strong {
    font-style: normal;
    font-weight: bold;
}
.css-slider-wrapper .slider-counter.bottom {
    margin-bottom: 15px;
}
.css-slider-wrapper .slider-pager {
    line-height: 1;
}
.css-slider-wrapper .slider-pager span {
    display: inline-block;
    overflow: hidden;
    margin: 0 1px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: solid 1px #000;
    background-color: #000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.css-slider-wrapper .slider-pager a.in span {
    width: 50px;
}
.css-slider-wrapper .slider-pager.bottom {
    margin-bottom: -30px;
}
.css-slider-wrapper .slider-timer {
    margin: 5px;
    height: 2px;
    min-width: 30%;
    overflow: hidden;
}
.css-slider-wrapper .slider-timer span {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.css-slider-wrapper .slider-timer strong {
    display: block;
    overflow: hidden;
    width: 0;
    height: 2px;
    background-color: #ffffff;
}
.css-slider-wrapper .slider-timer span {
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.css-slider-wrapper.is-timer .slider-timer span {
    opacity: 1;
}
.css-slider-wrapper .slider-inner {
    position: relative;
}
.css-slider-wrapper .slider-item {
    text-align: left;
}
.css-slider-wrapper .slider-sizer {
    height: 20vh;
    z-index: -1;
}
.css-slider-wrapper.is-inner-overflow-hidden .slider-inner {
    overflow: hidden;
}
.css-slider-wrapper.is-position .slider-inner {
    width: 100%;
}
.css-slider-wrapper.is-position .slider-itemwrap {
    position: relative;
}
.css-slider-wrapper.is-position .slider-item {
    position: absolute;
    z-index: 49;
}
.css-slider-wrapper.is-position .slider-item.in {
    z-index: 50;
}
.css-slider-wrapper.is-transition .slider-item {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
}
.css-slider-wrapper.is-transition .slider-item.in {
    z-index: 50;
    visibility: visible;
}
.css-slider-wrapper.is-animation .slider-item {
    position: absolute;
    z-index: 48;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.css-slider-wrapper.is-animation .slider-item.animated {
    z-index: 49;
    visibility: visible;
}
.css-slider-wrapper.is-animation .slider-item.in.animated {
    z-index: 50;
    visibility: visible;
}
.css-slider-wrapper.is-transition .slider-item {
    -webkit-transition: visibility 0s linear 0.8s, z-index 0s linear 0.8s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: visibility 0s linear 0.8s, z-index 0s linear 0.8s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0.8s, z-index 0s linear 0.8s, opacity 0.8s linear 0s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0.8s, z-index 0s linear 0.8s, opacity 0.8s linear 0s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0.8s, z-index 0s linear 0.8s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    opacity: 1;
}
.css-slider-wrapper.is-transition .slider-item.prev {
    -webkit-transform: translate3d(-100%, 0, 0) scale(1, 1);
    transform: translate3d(-100%, 0, 0) scale(1, 1);
}
.css-slider-wrapper.is-transition .slider-item.next {
    -webkit-transform: translate3d(100%, 0, 0) scale(1, 1);
    transform: translate3d(100%, 0, 0) scale(1, 1);
}
.css-slider-wrapper.is-transition .slider-item.in {
    -webkit-transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.8s linear 0s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.8s linear 0s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.8s linear 0s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    visibility: visible;
    z-index: 50;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
}
.css-slider-wrapper .slider-item {
    display: none;
}
.css-slider-wrapper.is-ready .slider-item {
    display: block;
}
.css-slider-wrapper.is-ready .slider-counter,
.css-slider-wrapper.is-ready .slider-nav,
.css-slider-wrapper.is-ready .slider-pager,
.css-slider-wrapper.is-ready .slider-timer {
    visibility: visible;
}
.css-slider-wrapper.is-ready .slider-indicator {
    visibility: hidden;
}
.css-slider-wrapper .slider-item .slider-module {
    position: relative;
    height: 100%;
}
.css-slider-wrapper .slider-item .slider-bg,
.css-slider-wrapper .slider-item .slider-obj {
    position: absolute;
}
.css-slider-wrapper .slider-item .slider-bg {
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.css-slider-wrapper .slider-item.in .slider-bg {
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
}
.js-text-linr .text-linr-wrap,
.js-text-linr-trigger .text-linr-wrap,
.js-text-linr-wordbreak .text-linr-wrap {
    overflow: hidden;
    font-style: normal;
}
.js-text-linr span,
.js-text-linr-trigger span,
.js-text-linr-wordbreak span {
    opacity: 0;
    display: inline-block;
    -webkit-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    -o-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
    transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
}
.js-text-linr .spacer,
.js-text-linr-trigger .spacer,
.js-text-linr-wordbreak .spacer {
    display: inline-block;
    width: 6px;
}
.text-linr-mask {
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
}
.js-textTransit .textTransit-wrap,
.js-textTransit-trigger .textTransit-wrap,
.js-textTransit-wordbreak .textTransit-wrap {
    overflow: hidden;
    font-style: normal;
}
.js-textTransit span,
.js-textTransit-trigger span,
.js-textTransit-wordbreak span {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(0) translateY(100%) translateZ(0);
    transform: translateX(0) translateY(100%) translateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.345, 0.005, 0.07, 1);
    -o-transition-timing-function: cubic-bezier(0.345, 0.005, 0.07, 1);
    transition-timing-function: cubic-bezier(0.345, 0.005, 0.07, 1);
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.js-textTransit .spacer,
.js-textTransit-trigger .spacer,
.js-textTransit-wordbreak .spacer {
    display: inline-block;
    width: 6px;
}
@-webkit-keyframes textTransit {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes textTransit {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
.js-color-mask-new {
    position: relative;
    overflow: hidden;
}
.js-color-mask-new .color-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #f7f7f7;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 100ms, opacity 0 linear 100ms;
    -o-transition: visibility 0s linear 100ms, opacity 0 linear 100ms;
    transition: visibility 0s linear 100ms, opacity 0ms linear 100ms;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-timing-function: 'cubic-bezier(0.77, 0, 0.175, 1)';
    animation-timing-function: 'cubic-bezier(0.77, 0, 0.175, 1)';
}
.js-color-mask-new .color-mask.nth-child-1 {
    display: none;
}
.js-color-mask-new .color-mask.nth-child-2 {
    background-color: #000;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}
.js-color-mask-new .js-color-mask-el {
    opacity: 0;
    -webkit-animation-duration: 1200ms;
    animation-duration: 1200ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.js-color-mask-new.in-color-mask .color-mask,
.js-color-mask-new.is-inview .color-mask {
    visibility: visible;
    opacity: 1;
}
.js-color-mask-new.in-color-mask .color-mask.nth-child-1,
.js-color-mask-new.is-inview .color-mask.nth-child-1 {
    display: none;
}
.js-color-mask-new.in-color-mask .color-mask.nth-child-2,
.js-color-mask-new.is-inview .color-mask.nth-child-2 {
    -webkit-animation-name: colorMask2;
    animation-name: colorMask2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.js-color-mask-new.in-color-mask .js-color-mask-el,
.js-color-mask-new.is-inview .js-color-mask-el {
    opacity: 0;
    -webkit-animation-name: colorMaskImg;
    animation-name: colorMaskImg;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.js-color-mask-original {
    position: relative;
    overflow: hidden;
}
.js-color-mask-original .color-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #f7f7f7;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 100ms, opacity 0 linear 100ms;
    -o-transition: visibility 0s linear 100ms, opacity 0 linear 100ms;
    transition: visibility 0s linear 100ms, opacity 0ms linear 100ms;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-timing-function: 'cubic-bezier(0.77, 0, 0.175, 1)';
    animation-timing-function: 'cubic-bezier(0.77, 0, 0.175, 1)';
}
.js-color-mask-original .color-mask.nth-child-1 {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.js-color-mask-original .color-mask.nth-child-2 {
    background-color: #000;
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}
.js-color-mask-original .js-color-mask-el {
    opacity: 0;
    -webkit-animation-duration: 1200ms;
    animation-duration: 1200ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
.js-color-mask-original.in-color-mask .color-mask,
.js-color-mask-original.is-inview .color-mask {
    visibility: visible;
    opacity: 1;
}
.js-color-mask-original.in-color-mask .color-mask.nth-child-1,
.js-color-mask-original.is-inview .color-mask.nth-child-1 {
    -webkit-animation-name: colorMask1;
    animation-name: colorMask1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.js-color-mask-original.in-color-mask .color-mask.nth-child-2,
.js-color-mask-original.is-inview .color-mask.nth-child-2 {
    -webkit-animation-name: colorMask2;
    animation-name: colorMask2;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.js-color-mask-original.in-color-mask .js-color-mask-el,
.js-color-mask-original.is-inview .js-color-mask-el {
    opacity: 0;
    -webkit-animation-name: colorMaskImg;
    animation-name: colorMaskImg;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
@-webkit-keyframes colorMask1 {
    0% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    to {
        width: 100%;
        -webkit-transform: translate(101%, 0);
        transform: translate(101%, 0);
    }
}
@keyframes colorMask1 {
    0% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    to {
        width: 100%;
        -webkit-transform: translate(101%, 0);
        transform: translate(101%, 0);
    }
}
@-webkit-keyframes colorMask2 {
    0% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    1% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    to {
        width: 50%;
        -webkit-transform: translate(201%, 0);
        transform: translate(201%, 0);
    }
}
@keyframes colorMask2 {
    0% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    1% {
        width: 100%;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    to {
        width: 50%;
        -webkit-transform: translate(201%, 0);
        transform: translate(201%, 0);
    }
}
@-webkit-keyframes colorMaskImg {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10%, 0);
        transform: translate(-10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes colorMaskImg {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10%, 0);
        transform: translate(-10%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.offcanvas {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.offcanvas .offcanvas-holder {
    display: table-cell;
    vertical-align: middle;
    min-height: 100%;
}
.offcanvas .offcanvas-inner {
    min-height: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}
.offcanvas.in {
    position: relative;
    z-index: 120;
    display: table;
    width: 100%;
    height: 100%;
}
.offcanvas h3.title {
    border-bottom: 1px solid #555;
    -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: relative;
    text-align: center;
}
.offcanvas .offcanvas-content {
    padding-bottom: 20px;
}
.offcanvas .offcanvas-content .padder,
.offcanvas .offcanvas-content.padder {
    margin: 0 15px;
}
.offcanvas .section-action .col-1-2:nth-child(odd) {
    padding-right: 5px;
}
.offcanvas .section-action .col-1-2:nth-child(2n) {
    padding-left: 5px;
}
.offcanvas .close {
    position: absolute;
    top: 0;
    right: 0;
}
.offcanvas .close .icon {
    background-color: #ff0000;
    width: 30px;
    height: 30px;
}
.is-offcanvas {
    height: 100%;
}
.is-offcanvas #container {
    display: none;
}
.md-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s;
    -webkit-transition: opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out 0.4s;
    transition: opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out 0.4s;
    -o-transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s;
    transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s;
    transition: transform 0.4s ease-in-out 0.4s, opacity 0.4s ease 0.4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out 0.4s;
}
.is-overlay .md-overlay {
    z-index: 4000;
    opacity: 1;
    visibility: visible;
    -webkit-transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s;
    -o-transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s;
    transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s;
    transition: transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s;
}
.no-rgba.is-overlay .md-overlay {
    background-color: #000;
    opacity: 0.5;
}
.csstransitions .md-overlay {
    opacity: 0;
    visibility: hidden;
}
.csstransitions.is-overlay .md-overlay {
    opacity: 1;
    visibility: visible;
}
.no-csstransitions .md-overlay {
    display: none;
}
.no-csstransitions .is-overlay .md-overlay {
    display: block;
}
.md-tooltip.fx-1 .md-content {
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    opacity: 0;
}
.md-tooltip.fx-2 .md-content {
    -webkit-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    opacity: 0;
}
.md-tooltip.fx-3 .md-content {
    -webkit-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0;
}
.md-tooltip.fx-4 .md-content {
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
}
.md-tooltip.fx-5 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.md-tooltip.fx-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px);
    -ms-transform: translateZ(600px);
    transform: translateZ(600px);
    -webkit-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
    transform: rotateX(20deg);
    opacity: 0;
}
.md-tooltip.fx-6 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.md-tooltip.fx-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px);
    -ms-transform: translateZ(600px);
    transform: translateZ(600px);
    -webkit-transform: translate(30%, 30%);
    -ms-transform: translate(30%, 30%);
    transform: translate(30%, 30%);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 0;
}
.md-tooltip.fx-7 {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.md-tooltip.fx-7 .md-content {
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    transform: translate(0, -200%);
    opacity: 0;
}
.md-tooltip.fx-8 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0;
}
.md-tooltip.fx-9 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
}
.md-tooltip.fx-10 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
}
.md-tooltip.fx-11 .md-content {
    -ms-transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
}
.md-tooltip.fx-12 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.md-tooltip.fx-12 .md-content {
    min-height: 100%;
}
.md-tooltip.fx-12 .md-close {
    margin-top: 0;
    margin-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-tooltip.fx-12 .md-content {
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
    background-color: #000;
}
.md-tooltip.fx-12 .md-content > .title {
    background-color: #000;
}
.md-tooltip.fx-13 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px);
    -ms-transform: translateZ(-3000px);
    transform: translateZ(-3000px);
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
}
.md-tooltip.fx-14 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}
.md-tooltip.fx-15 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-tooltip.fx-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
}
.md-tooltip.fx-16 .md-content {
    -webkit-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    transform: translate(0, -5%);
    opacity: 0;
}
.md-tooltip.fx-17 .md-content {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.md-tooltip.fx-18 .md-content {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
}
.md-tooltip.fx-19 .md-content {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
}
.md-tooltip.md-show {
    visibility: visible;
}
.md-tooltip.md-show .md-content {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.md-tooltip.md-show.fx-7 .md-content {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-radius: 0 0 3px 3px;
    opacity: 1;
}
.md-tooltip.md-show.fx-12~.md-overlay {
    background: #e74c3c;
}
.md-tooltip.md-show.fx-13 .md-content {
    -webkit-animation-name: slit;
    animation-name: slit;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.md-tooltip.md-show.fx-16~.md-overlay {
    background: #b42e20;
    background: rgba(180, 46, 32, 0.5);
}
.md-tooltip.md-show.fx-16~.container {
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    filter:blur(3px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.md-tooltip.md-show.fx-17~.container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.md-tooltip.md-show.fx-17~.container,
.md-tooltip.md-show.fx-17~.md-overlay {
    -webkit-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.md-tooltip.md-show.fx-17 .md-content {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
    -webkit-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}
.md-tooltip.md-show.fx-18~.container {
    height: 100%;
    overflow: hidden;
}
.md-tooltip.md-show.fx-18~.md-overlay {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.md-tooltip.md-show.fx-18~.container,
.md-tooltip.md-show.fx-18~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: rotateRightSideFirst;
    animation-name: rotateRightSideFirst;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.md-tooltip.md-show.fx-18 .md-content {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -o-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}
.md-tooltip.md-show.fx-19~.container {
    height: 100%;
    overflow: hidden;
}
.md-tooltip.md-show.fx-19~.md-overlay {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.md-tooltip.md-show.fx-19~.container,
.md-tooltip.md-show.fx-19~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: OpenTop;
    animation-name: OpenTop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: 0.5;
        -webkit-animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: 0.5;
        -moz-animation-timing-function: ease-out;
    }
    to {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: translateZ(0) rotateY(0deg);
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(-200px);
    }
}
@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out;
    }
    to {
        -moz-transform: translateZ(-200px);
    }
}
@keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
    }
}
@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
    }
}
@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out;
    }
}
@keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.js-tooltip {
    cursor: help;
}
.js-tooltip.has-click {
    cursor: pointer;
}
.md-tooltip {
    position: fixed;
    z-index: 80;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.md-tooltip .md-content {
    position: relative;
    z-index: 82;
    color: #000;
    background: #fff;
    border-style: solid;
    border-width: 4px;
    border-color: #000;
    min-width: 200px;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.md-tooltip .md-content > .title {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    text-align: left;
    text-indent: 10px;
    font-weight: bold;
    color: #fff;
    height: 50px;
    line-height: 50px;
    background-color: #000;
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.md-tooltip .md-content > .title a {
    color: #fff;
    text-decoration: none;
    outline: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.md-tooltip .md-close {
    position: absolute;
    z-index: 81;
    top: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: -4px;
    margin-right: -40px;
}
.md-tooltip .md-close .icon {
    width: 40px;
    height: 40px;
    background-color: #000;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDhEQ0RCMUM5RTFEMTFFNTkzMzFGRDQ0NjlDRkM3RDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDhEQ0RCMUQ5RTFEMTFFNTkzMzFGRDQ0NjlDRkM3RDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOERDREIxQTlFMUQxMUU1OTMzMUZENDQ2OUNGQzdEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOERDREIxQjlFMUQxMUU1OTMzMUZENDQ2OUNGQzdEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnuyMsUAAADmSURBVHja7NhRCsMgDAbgdneIB+n9X9Yeod7HKUthSFc1/khoI+RNkg+qUTuHECbN4zUpHwY0oAGfAFxirDEIWDflenPu65EadSG28B0+BlXML0XKsXPOtTS/JqFjHAL5i6vKVZsYgWzGtQCPAlKkCNcKlCLFOAmwFUm9S6NnsZcKE2Jz9baLfwBC7XxET8shBGxL3cAzpEc2dgQwRyJPHf2Xhdt/YtWbRHWbUd2oVR910suCH3FZyAu5EVe1Ebgu5CicGNn6aHLgxg55NC2MdKBz+0BunPty7mz/Bw1oQAM+HPgRYABB6sQUEWsleQAAAABJRU5ErkJggg==");
    color: #fff;
}
.md-tooltip .inner-wrapper {
    margin: 20px;
    padding: 0;
}
.md-tooltip .section-buttons {
    margin: 0 15px;
    padding: 10px 0 20px;
    clear: both;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.md-tooltip .section-buttons a {
    margin-left: 2px;
    margin-right: 2px;
}
.md-tooltip.is-clicked {
    position: absolute;
    z-index: 10;
}
.md-tooltip.is-clicked .md-content {
    z-index: 11;
}
.md-tooltip.is-clicked .md-close {
    opacity: 1;
}
.md-indicator {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 50%;
    right: 50%;
    width: 300px;
    margin-top: -34px;
    margin-right: -150px;
    text-align: center;
}
.csstransitions.is-indicator .md-indicator {
    display: block;
}
.md-indicator > div {
    position: relative;
    text-indent: -9999em;
    font-size: 10px;
}
.indicator-load8 .md-indicator > div {
    margin: 0 auto;
    border-top: 7px solid rgba(100, 100, 100, 0.4);
    border-right: 7px solid rgba(100, 100, 100, 0.4);
    border-bottom: 7px solid rgba(100, 100, 100, 0.4);
    border-left: 7px solid rgba(200, 200, 200, 0.1);
    background: transparent;
    -webkit-animation: load8 0.8s infinite linear;
    animation: load8 0.8s infinite linear;
}
.indicator-load8 .md-indicator > div {
    display: none;
}
.indicator-load8 .md-indicator > div:first-child {
    display: block;
}
.indicator-load8 .md-indicator > div,
.indicator-load8 .md-indicator > div:after {
    width: 54px;
    height: 54px;
    border-radius: 100%;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.parallax {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 120% auto;
}
.js-inview {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.js-inview.in {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.md-modal {
    z-index: 120;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.md-modal.md-show {
    visibility: visible;
}
.md-modal.is-modal-complete .md-close,
.md-modal.is-modal-complete .md-content {
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px #4d4d4d;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
.md-modal.is-modal-complete .md-close {
    opacity: 1;
}
.md-modal.is-modal-complete .section-buttons {
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
}
.md-modal.is-handle-clicked {
    -webkit-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    transition: all 0s 0s;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-modal.is-handle-clicked .md-close,
.md-modal.is-handle-clicked .md-content {
    -webkit-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    transition: all 0s 0s;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-modal img.pic {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}
.md-modal iframe.iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
@media print {
    .md-modal {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        margin-top: 0!important;
        margin-left: 0!important;
        width: 100%!important;
        height: auto!important;
    }
    .md-modal .inner-wrapper {
        height: auto!important;
    }
    .md-modal .md-close {
        display: none;
    }
}
.md-modal .md-content {
    z-index: 121;
    color: #333;
    border-color: #000;
    position: relative;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.md-modal .md-content > .title {
    background-color: #000;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 0;
    border-color: #00ff00;
    font-weight: bold;
    font-size: 18px;
}
.md-modal .md-content > .title,
.md-modal .md-content > .title a {
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.md-modal .md-content > .title a {
    text-decoration: none;
    outline: none;
    cursor: default;
}
.md-modal .md-close {
    z-index: 122;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    margin-top: -2px;
    margin-right: -40px;
    height: 42px;
    line-height: 42px;
    background-color: #000;
    -webkit-transition: all 0.2s 0s;
    -o-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
}
.md-modal .md-close .icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDhEQ0RCMUM5RTFEMTFFNTkzMzFGRDQ0NjlDRkM3RDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDhEQ0RCMUQ5RTFEMTFFNTkzMzFGRDQ0NjlDRkM3RDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOERDREIxQTlFMUQxMUU1OTMzMUZENDQ2OUNGQzdEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOERDREIxQjlFMUQxMUU1OTMzMUZENDQ2OUNGQzdEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnuyMsUAAADmSURBVHja7NhRCsMgDAbgdneIB+n9X9Yeod7HKUthSFc1/khoI+RNkg+qUTuHECbN4zUpHwY0oAGfAFxirDEIWDflenPu65EadSG28B0+BlXML0XKsXPOtTS/JqFjHAL5i6vKVZsYgWzGtQCPAlKkCNcKlCLFOAmwFUm9S6NnsZcKE2Jz9baLfwBC7XxET8shBGxL3cAzpEc2dgQwRyJPHf2Xhdt/YtWbRHWbUd2oVR910suCH3FZyAu5EVe1Ebgu5CicGNn6aHLgxg55NC2MdKBz+0BunPty7mz/Bw1oQAM+HPgRYABB6sQUEWsleQAAAABJRU5ErkJggg==");
    vertical-align: middle;
    color: #fff;
}
.md-modal .inner-wrapper {
    margin: 15px 15px 20px;
    padding: 0;
}
.md-modal .section-buttons {
    *zoom: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    display: none;
    margin: 0 15px;
    padding: 10px 0 20px;
    clear: both;
    text-align: center;
    opacity: 0;
}
.md-modal .section-buttons:after,
.md-modal .section-buttons:before {
    content: " ";
    display: table;
}
.md-modal .section-buttons:after {
    clear: both;
}
.md-modal .section-buttons a {
    margin-left: 2px;
    margin-right: 2px;
}
.md-modal .section-buttons.in {
    display: block;
    margin: 0 25px;
    padding: 0 0 30px;
    text-align: right;
}
.md-modal .md-print {
    position: absolute;
    top: 2px;
    right: 20px;
}
.md-perspective {
    overflow: hidden;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.window-popup {
    height: auto;
}
.window-popup #modal {
    position: static;
    visibility: visible;
}
.window-popup #modal .md-content {
    border: 0;
}
.window-popup #modal .md-content .inner-wrapper {
    margin: 0;
}
.window-popup #modal > .title {
    position: static;
    display: block;
    height: auto;
    margin: 0;
    padding: 16px 30px;
    font-size: 24px;
    line-height: 1.2;
}
.window-popup .md-tooltip {
    z-index: 3000;
}
.window-popup .md-tooltip .md-close {
    display: none;
}
@media print {
    .is-print-modal {
        height: auto!important;
    }
    .is-modal {
        height: auto!important;
    }
    .is-modal #container {
        display: none;
    }
}
.md-modal.fx-full {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.md-modal.fx-full .md-content {
    min-height: 100%;
}
.md-modal.fx-full .md-close {
    z-index: 122;
    margin-right: -2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-modal.fx-1 .md-content {
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    opacity: 0;
}
.md-modal.fx-2 .md-content {
    -webkit-transform: translate(20%, 0);
    -ms-transform: translate(20%, 0);
    transform: translate(20%, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    opacity: 0;
}
.md-modal.fx-3 .md-content {
    -webkit-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0;
}
.md-modal.fx-4 .md-content {
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
}
.md-modal.fx-5 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.md-modal.fx-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px);
    -ms-transform: translateZ(600px);
    transform: translateZ(600px);
    -webkit-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
    transform: rotateX(20deg);
    opacity: 0;
}
.md-modal.fx-6 {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}
.md-modal.fx-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px);
    -ms-transform: translateZ(600px);
    transform: translateZ(600px);
    -webkit-transform: translate(30%, 30%);
    -ms-transform: translate(30%, 30%);
    transform: translate(30%, 30%);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 0;
}
.md-modal.fx-7 {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.md-modal.fx-7 .md-content {
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    transform: translate(0, -200%);
    opacity: 0;
}
.md-modal.fx-8 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    opacity: 0;
}
.md-modal.fx-9 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
}
.md-modal.fx-10 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
}
.md-modal.fx-11 .md-content {
    -ms-transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
}
.md-modal.fx-12 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.md-modal.fx-12 .md-content {
    min-height: 100%;
}
.md-modal.fx-12 .md-close {
    z-index: 122;
    margin-right: -2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.md-modal.fx-12 .md-content {
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    opacity: 0;
}
.md-modal.fx-13 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px);
    -ms-transform: translateZ(-3000px);
    transform: translateZ(-3000px);
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
}
.md-modal.fx-14 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}
.md-modal.fx-15 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.md-modal.fx-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
}
.md-modal.fx-16 .md-content {
    -webkit-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    transform: translate(0, -5%);
    opacity: 0;
}
.md-modal.fx-17 .md-content {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.md-modal.fx-18 .md-content {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
}
.md-modal.fx-19 .md-content {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
}
.md-modal.md-show {
    visibility: visible;
}
.md-modal.md-show .md-content {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.md-modal.md-show.fx-7 .md-content {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-radius: 0 0 3px 3px;
    opacity: 1;
}
.md-modal.md-show.fx-12~.md-overlay {
    background: #e74c3c;
}
.md-modal.md-show.fx-13 .md-content {
    -webkit-animation-name: slit;
    animation-name: slit;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.md-modal.md-show.fx-16~.md-overlay {
    background: #b42e20;
    background: rgba(180, 46, 32, 0.5);
}
.md-modal.md-show.fx-16~.container {
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    filter:blur(3px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.md-modal.md-show.fx-17~.container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.md-modal.md-show.fx-17~.container,
.md-modal.md-show.fx-17~.md-overlay {
    -webkit-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.md-modal.md-show.fx-17 .md-content {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
    opacity: 1;
    -webkit-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}
.md-modal.md-show.fx-18~.container {
    height: 100%;
    overflow: hidden;
}
.md-modal.md-show.fx-18~.md-overlay {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.md-modal.md-show.fx-18~.container,
.md-modal.md-show.fx-18~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation-name: rotateRightSideFirst;
    animation-name: rotateRightSideFirst;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.md-modal.md-show.fx-18 .md-content {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -o-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s;
}
.md-modal.md-show.fx-19~.container {
    height: 100%;
    overflow: hidden;
}
.md-modal.md-show.fx-19~.md-overlay {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.md-modal.md-show.fx-19~.container,
.md-modal.md-show.fx-19~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: OpenTop;
    animation-name: OpenTop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: 0.5;
        -webkit-animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: 0.5;
        -moz-animation-timing-function: ease-out;
    }
    to {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: translateZ(0) rotateY(0deg);
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(-200px);
    }
}
@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out;
    }
    to {
        -moz-transform: translateZ(-200px);
    }
}
@keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
    }
}
@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
    }
}
@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out;
    }
}
@keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.page-main #jumbotron {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 1.6;
    font-size: 16px;
}
.page-main #jumbotron .holder {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.page-main #jumbotron .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10%;
}
.page-main #jumbotron .slide-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    z-index: 3;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
    transition: visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
    -o-transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.6s linear 0s;
    transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.6s linear 0s;
    transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
}
.page-main #jumbotron .slide-item .cell p {
    margin: 0;
    padding: 0;
    color: #161616;
    text-align: inherit;
}
.page-main #jumbotron .slide-item .background {
    background-size: 100% auto;
    background-size: cover;
    height: 100%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.page-main #jumbotron .slide-item.in {
    visibility: visible;
    z-index: 4;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
    transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
    -o-transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s linear 0s;
    transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s linear 0s;
    transition: transform 0.6s ease-in-out 0s, visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s linear 0s, -webkit-transform 0.6s ease-in-out 0s;
}
.chrome .page-main #jumbotron .slide-item.bg-in .background,
.firefox .page-main #jumbotron .slide-item.bg-in .background,
.safari .page-main #jumbotron .slide-item.bg-in .background {
    -webkit-animation: kenburns 12s linear forwards;
    animation: kenburns 12s linear forwards;
}
.page-main #jumbotron .slide-item.is-bg-dark .cell p {
    color: #fff;
}
.page-main #jumbotron .slide-item.text-right .summary {
    top: 0;
    bottom: 0;
    left: 105px;
}
.page-main #jumbotron .slide-item.text-right .summary p {
    display: inline-block;
    position: relative;
    top: 50%;
    right: 50%;
    margin-left: 15px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.page-main #jumbotron .slide-item.text-left .summary {
    top: 0;
    bottom: 0;
    right: 50px;
}
.page-main #jumbotron .slide-item.text-left .summary p {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.page-main #jumbotron .slide-item.text-center .summary {
    top: 125px;
    right: 50px;
}
.page-main #jumbotron .slider-util {
    z-index: 4;
}
.page-main #jumbotron .slider-util .pager {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 20px;
}
.page-main #jumbotron .mask {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0;
}
.page-main #jumbotron .mask-side {
    position: absolute;
    z-index: 4;
    top: 0;
    background-color: #fff;
    width: 960px;
}
.page-main #jumbotron .mask-side.is-top {
    margin-top: -80px;
    left: 0;
    right: 0;
    height: 80px;
    width: 100%;
}
.page-main #jumbotron .mask-side.is-right {
    left: 50%;
    bottom: 0;
    margin-left: -1920px;
}
.page-main #jumbotron .mask-side.is-left {
    right: 50%;
    bottom: 0;
    margin-right: -1920px;
}
.page-main #jumbotron .table {
    display: table;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.page-main #jumbotron .table .cell {
    text-shadow: 3px 3px 2px black;
    vertical-align: middle;
}
.page-main #jumbotron .table .ddaysubject {
    font-family: 'Noto Sans KR';
    font-size: 7.4vw;
	font-weight: bold;
    line-height: 2.5;
}
.page-main #jumbotron .table .subject {
    font-family: 'sd-misaeng';
    font-size: 7.4vw;
	font-weight: bold;
    line-height: 1.0;
}
.page-main #jumbotron .table .desc {
    font-family: 'sd-misaeng';
    font-size: 3vw;
    line-height: 1.1;
}
.page-main #jumbotron .table .subject p {
    margin: -5px 0;
}
.page-main #jumbotron .table .subject p {
    margin: -5px 0;
}
.page-main #jumbotron .table .summary {
    position: absolute;
    font-size: 18px;
    text-transform: uppercase;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: nowrap;
}
.page-main #jumbotron .table .summary p {
    margin: 0;
}
.page-main #jumbotron .rect-border .typho {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    z-index: -1;
    font-size: 18px;
    color: #000;
    -webkit-transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s linear 1s, -webkit-transform 0.4s ease-in-out 1s;
    transition: visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s linear 1s, -webkit-transform 0.4s ease-in-out 1s;
    -o-transition: visibility 0s linear 0s, z-index 0s linear 0s, transform 0.4s ease-in-out 1s, opacity 0.4s linear 1s;
    transition: visibility 0s linear 0s, z-index 0s linear 0s, transform 0.4s ease-in-out 1s, opacity 0.4s linear 1s;
    transition: visibility 0s linear 0s, z-index 0s linear 0s, transform 0.4s ease-in-out 1s, opacity 0.4s linear 1s, -webkit-transform 0.4s ease-in-out 1s;
}
.page-main #jumbotron .rect-border .typho em {
    display: inline-block;
    font-style: normal;
}
.page-main #jumbotron .rect-border span {
    visibility: hidden;
}
.page-main #jumbotron .rect-border span:first-child {
    top: 100%;
    bottom: 0;
    left: 20px;
    width: 1px;
}
.page-main #jumbotron .rect-border span:nth-child(2) {
    top: 130px;
    left: 20px;
    right: 110%;
    height: 1px;
}
.page-main #jumbotron .rect-border span:nth-child(2) .safari {
    visibility: hidden;
}
.page-main #jumbotron .rect-border span:nth-child(3) {
    top: 130px;
    bottom: 100%;
    right: 26px;
    width: 1px;
}
.page-main #jumbotron .rect-border.is-center span:nth-child(2),
.page-main #jumbotron .rect-border.is-center span:nth-child(3) {
    top: 150px;
}
.page-main #jumbotron .rect-border.is-center .typho {
    right: 46px;
    top: 110px;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
}
@media only screen and (min-width:1280px) {
    .page-main #jumbotron .rect-border.is-center .typho {
        top: 130px;
    }
}
.page-main #jumbotron .rect-border.is-right span:first-child {
    left: -1px;
}
.page-main #jumbotron .rect-border.is-right span:first-child,
.page-main #jumbotron .rect-border.is-right span:nth-child(2) {
    margin-left: 0;
}
@media only screen and (min-width:1280px) {
    .page-main #jumbotron .rect-border.is-right span:first-child,
    .page-main #jumbotron .rect-border.is-right span:nth-child(2) {
        margin-left: 0;
    }
}
.page-main #jumbotron .rect-border.is-right span:nth-child(2) {
    left: 0;
}
.page-main #jumbotron .rect-border.is-right .typho {
    right: 0;
    top: 50%;
    margin-right: -190px;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
.page-main #jumbotron .rect-border.is-right .typho em {
    min-width: 500px;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (min-width:1280px) {
    .page-main #jumbotron .rect-border.is-right .typho {
        margin-right: -160px;
    }
}
.page-main #jumbotron .rect-border.is-left span:nth-child(3) {
    right: -1px;
}
.page-main #jumbotron .rect-border.is-left span:nth-child(2),
.page-main #jumbotron .rect-border.is-left span:nth-child(3) {
    margin-right: 0;
}
@media only screen and (min-width:1280px) {
    .page-main #jumbotron .rect-border.is-left span:nth-child(2),
    .page-main #jumbotron .rect-border.is-left span:nth-child(3) {
        margin-right: 0;
    }
}
.page-main #jumbotron .rect-border.is-left .typho {
    left: 0;
    top: 50%;
    margin-left: -200px;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
.page-main #jumbotron .rect-border.is-left .typho em {
    min-width: 500px;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (min-width:1280px) {
    .page-main #jumbotron .rect-border.is-left .typho {
        margin-left: -165px;
    }
}
.page-main #jumbotron .rect-border.in .typho {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
}
.page-main #jumbotron .rect-border.in span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: top 0.7s, right 0.7s, bottom 0.7s, width 0.7s, height 0.7s;
    -o-transition: top 0.7s, right 0.7s, bottom 0.7s, width 0.7s, height 0.7s;
    transition: top 0.7s, right 0.7s, bottom 0.7s, width 0.7s, height 0.7s;
}
.page-main #jumbotron .rect-border.in span:first-child {
    top: 130px;
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
}
.page-main #jumbotron .rect-border.in span:nth-child(2) {
    right: 26px;
    -webkit-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
    -webkit-transition-property: right;
    -o-transition-property: right;
    transition-property: right;
}
.page-main #jumbotron .rect-border.in span:nth-child(3) {
    bottom: 0;
    -webkit-transition-delay: 2100ms;
    -o-transition-delay: 2100ms;
    transition-delay: 2100ms;
    -webkit-transition-property: bottom;
    -o-transition-property: bottom;
    transition-property: bottom;
}
.page-main #jumbotron .rect-border.is-center.in span:first-child {
    top: 150px;
}
.safari .page-main #jumbotron .rect-border.is-center.in span:nth-child(2) {
    visibility: visible;
    -webkit-transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    -o-transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
}
.page-main #jumbotron .rect-border.is-right.in span:nth-child(2) {
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
}
.safari .page-main #jumbotron .rect-border.is-right.in span:nth-child(2) {
    visibility: visible;
    -webkit-transition: visibility 0s linear 0.9s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 0.7s;
    -o-transition: visibility 0s linear 0.9s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 0.7s;
    transition: visibility 0s linear 0.9s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 0.7s;
}
.page-main #jumbotron .rect-border.is-right.in span:nth-child(3) {
    -webkit-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    transition-delay: 1400ms;
}
.page-main #jumbotron .rect-border.is-left.in span:nth-child(2) {
    right: 0;
}
.safari .page-main #jumbotron .rect-border.is-left.in span:nth-child(2) {
    visibility: visible;
    -webkit-transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    -o-transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
    transition: visibility 0s linear 1.6s, right 0.7s cubic-bezier(0.42, 0, 0.58, 1) 1.4s;
}
.page-main #wrapper {
    position: relative;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: -30px;
    margin-top: 100%;
    margin-top: 100vh;
    background-color: #fafafa;
}
.page-main .section-default {
    margin-bottom: 0px;
}
.page-main .section-default .wrap.is-masonry {
    overflow: visible;
}
@media only screen and (min-width:1px) and (max-width:1279px) {
    .page-main .section-default .wrap.is-masonry {
        width: 820px;
    }
    .page-main .section-default .wrap.is-masonry .grid {
        width: 852px;
    }
}
@media only screen and (min-width:1280px) {
    .page-main .section-default .wrap.is-masonry {
        width: 960px;
    }
    .page-main .section-default .wrap.is-masonry .grid {
        width: 992px;
    }
}
.page-main .section-default .grid {
    margin: -16px;
}
.page-main .section-default .module {
    position: relative;
    margin: 16px;
}
.page-main .section-default .pic {
    overflow: hidden;
    width: 100%;
}
.page-main .section-default .subject {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 30px;
    font-size: 20px;
}
.page-main .section-business {
    margin-bottom: 70px;
}
.page-main .section-business .wrap.is-masonry {
    overflow: visible;
}
@media only screen and (min-width:1px) and (max-width:1279px) {
    .page-main .section-business .wrap.is-masonry {
        width: 820px;
    }
    .page-main .section-business .wrap.is-masonry .grid {
        width: 852px;
    }
}
@media only screen and (min-width:1280px) {
    .page-main .section-business .wrap.is-masonry {
        width: 960px;
    }
    .page-main .section-business .wrap.is-masonry .grid {
        width: 992px;
    }
}
.page-main .section-business .grid {
    margin: -16px;
}
.page-main .section-business .module {
    position: relative;
    margin: 16px;
}
.page-main .section-business .pic {
    overflow: hidden;
    width: 100%;
}
.page-main .section-business .subject {
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 30px;
    font-size: 20px;
    color: #fff;
}
.page-main .section-careers {
    clear: both;
    *zoom: 1;
    position: relative;
    text-align: center;
    background-color: #e1ebf5;
    height: 800px;
    overflow: hidden;
    width: 100%;
}
.page-main .section-careers:after,
.page-main .section-careers:before {
    content: " ";
    display: table;
}
.page-main .section-careers:after {
    clear: both;
}
.page-main .section-careers:after,
.page-main .section-careers:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 375px;
    left: 50%;
    height: 1px;
    background-color: #000;
    width: 186px;
}
.page-main .section-careers:before {
    margin-left: -544px;
}
.page-main .section-careers:after {
    margin-left: 358px;
}
.page-main .section-careers .mask {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 1440px;
    background-color: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.page-main .section-careers .mask.is-left {
    margin-left: -1920px;
    left: 50%;
    bottom: 0;
}
.page-main .section-careers .mask.is-right {
    margin-right: -1920px;
    right: 50%;
    bottom: 0;
}
.page-main .section-careers .mask.is-bottom {
    left: 50%;
    width: 2600px;
    margin-left: -1300px;
    bottom: 0;
    background-color: #fff;
}
.page-main .section-careers .wrap {
    position: absolute;
    left: 50%;
    top: 0;
    margin: 200px auto 0;
    width: 2478px;
    margin-left: -1239px;
}
.page-main .section-careers .section-subject {
    position: absolute;
    z-index: 100;
    top: 0;
    margin-top: 77px;
    margin-left: -345px;
    left: 50%;
}
.page-main .section-careers .section-subject .title {
    position: relative;
    margin: 0;
    padding: 28px 0;
    font-size: 58px;
    font-weight: normal;
}
.page-main .section-careers .section-subject .title:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
}
.page-main .section-careers .owl-carousel .item {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: all 0.8s;
    opacity: 0.5;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.page-main .section-careers .owl-carousel .item a {
    display: block;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.page-main .section-careers .owl-carousel .item .module {
    margin: 0 29px;
}
.page-main .section-careers .owl-carousel .item .module p {
    margin: 0 23px;
    padding: 0;
    text-align: right;
    font-size: 18px;
    height: 75px;
    line-height: 75px;
}
.page-main .section-careers .owl-carousel .item .module .pic:after,
.page-main .section-careers .owl-carousel .item .module:after {
    bottom: 75px;
}
.page-main .section-careers .owl-carousel .item .module:hover .pic:after,
.page-main .section-careers .owl-carousel .item .module:hover .pic:before {
    height: 432px;
}
.page-main .section-careers .owl-carousel .owl-item.center .item {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.page-main .section-careers .owl-carousel .owl-item.center .module {
    overflow: visible;
}
.page-main .section-careers .owl-carousel .owl-item.center a {
    -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
}
.page-main .section-careers .owl-carousel.owl-grab .owl-item .item {
    -webkit-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.page-main .section-insight {
    margin-top: 0;
    height: 710px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #fff;
}
.page-main .section-insight .holder {
    position: absolute;
    top: 72px;
    left: 50%;
    margin-left: -870px;
}
.page-main .section-insight .holder .core {
    width: 1051px;
    height: 568px;
}
.page-main .section-insight .holder .core img {
    width: 100%;
    height: 100%;
}
.page-main .section-insight .section-subject {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0;
    margin-top: 212px;
    margin-left: 274px;
}
.page-main .section-insight .section-subject .title {
    position: relative;
    margin: 0;
    padding: 28px 0;
    font-size: 58px;
}
.page-main .section-insight .section-subject .title span.nth-child-2 {
    position: absolute;
    left: 0;
    margin-left: 65%;
    padding: 16px 0;
    font-size: 20px;
}
.page-main .section-insight .section-subject .title:before {
    position: absolute;
    display: none;
    content: '';
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #000;
}
.page-main .section-company {
    background-color: transparent;
    height: initial;
}
.lang-cn .page-main .section-company,
.lang-en .page-main .section-company {
    position: relative;
    overflow: hidden;
}
.page-main .section-company .wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    width: 960px;
    margin: 0 0 0 -480px;
    padding-top: 125px;
    text-align: left;
}
.page-main .section-company .pic {
    position: relative;
    overflow: hidden;
    left: 50%;
    margin: 0 0 0 -960px;
    width: 1920px;
}
.page-main .section-company .title {
    position: relative;
    margin: 0;
    padding: 28px 0;
    font-size: 58px;
}
.page-main .section-company .title:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
}
.page-main .section-company .desc {
    margin: 0 0 40px;
}
.page-main .section-company .button {
    height: 38px;
    line-height: 38px;
    color: #000;
    border: 1px #000 solid;
    background: transparent;
    white-space: nowrap;
}
.page-main .section-company .nth-child-2 {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.page-main .section-company .nth-child-3 {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.page-main .section-company .js-title-transit.is-inview.title:before {
    width: 30px!important;
}
.page-main .section-careers-global {
    margin-top: 0;
    height: 710px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #fff;
}
.page-main .section-careers-global .holder {
    position: absolute;
    z-index: 11;
    top: 72px;
    left: 50%;
    margin-left: -870px;
}
.page-main .section-careers-global .holder .core {
    width: 1051px;
    height: 568px;
}
.page-main .section-careers-global .holder .core img {
    width: 100%;
    height: 100%;
}
.page-main .section-careers-global .section-subject {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0;
    margin-top: 212px;
    margin-left: 274px;
    text-align: left;
}
.page-main .section-careers-global .section-subject .title {
    position: relative;
    margin: 0;
    padding: 28px 0;
    font-size: 58px;
}
.page-main .section-careers-global .section-subject .title span.nth-child-2 {
    padding: 16px 0;
    font-size: 14px;
}
.page-main .section-careers-global .section-subject .title:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    height: 2px;
    background-color: #000;
}
.page-main .section-careers-global .desc {
    margin: 0 0 40px;
}
.page-main .section-careers-global .button {
    height: 38px;
    line-height: 38px;
    color: #000;
    border: 1px #000 solid;
    background: transparent;
    white-space: nowrap;
}
.page-main .section-careers-global .nth-child-2 {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-main .section-careers-global .nth-child-3 {
    overflow: hidden;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#stickyNav {
    position: fixed;
    z-index: 4000;
    top: 50%;
    left: 0;
    margin-top: -103px;
    opacity: 0;
    margin-left: 20px;
}
#stickyNav li {
    position: relative;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
#stickyNav li:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
}
#stickyNav li a {
    margin-left: -25px;
    padding: 28px 20px;
    display: block;
    text-align: center;
}
#stickyNav li a:before {
    opacity: 0;
    position: absolute;
    top: 29px;
    left: 5px;
    content: '';
    display: block;
    width: 19px;
    height: 69px;
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#stickyNav li a:hover:before {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
#stickyNav li i,
#stickyNav li span,
#stickyNav li strong {
    position: relative;
    display: inline-block;
}
#stickyNav li i {
    display: block;
    margin: 2px;
    width: 5px;
    height: 5px;
}
#stickyNav li span:after,
#stickyNav li span:before,
#stickyNav li strong:after,
#stickyNav li strong:before {
    content: '';
    position: absolute;
    display: block;
}
#stickyNav li.nth-child-1 a {
    padding-top: 0;
    overflow: hidden;
}
#stickyNav li.nth-child-1 a:before {
    top: 2px;
}
#stickyNav li.nth-child-1:before {
    top: 3px;
}
#stickyNav li.nth-child-4 a {
    padding-bottom: 0;
}
#stickyNav li.nth-child-4:before {
    bottom: 3px;
}
#stickyNav li.nth-child-1 a:before {
    background-image: url("./img/common/stickynav_01.png");
}
#stickyNav li.nth-child-2 a:before {
    background-image: url("./img/common/stickynav_02.png");
}
#stickyNav li.nth-child-3 a:before {
    background-image: url("./img/common/stickynav_03.png");
}
#stickyNav li.nth-child-4 a:before {
    background-image: url("./img/common/stickynav_04.png");
}
#stickyNav li:before {
    background-color: rgba(0, 0, 0, 0.4);
}
#stickyNav li span {
    padding: 1px;
}
#stickyNav li span:after,
#stickyNav li span:before,
#stickyNav li strong:after,
#stickyNav li strong:before {
    content: '';
    position: absolute;
    display: block;
    -webkit-transition: top 0.2s, left 0.2s, right 0.2s, bottom 0.2s;
    -o-transition: top 0.2s, left 0.2s, right 0.2s, bottom 0.2s;
    transition: top 0.2s, left 0.2s, right 0.2s, bottom 0.2s;
}
#stickyNav li strong:before {
    top: 101%;
    left: 0;
    bottom: 0;
    width: 1px;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#stickyNav li strong:after {
    top: 0;
    left: 0;
    right: 101%;
    height: 1px;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
#stickyNav li span:before {
    top: 0;
    right: 0;
    bottom: 101%;
    width: 1px;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
#stickyNav li span:after {
    bottom: 0;
    left: 101%;
    right: 0;
    height: 1px;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
#stickyNav li.in strong:before {
    top: 0;
}
#stickyNav li.in strong:after {
    right: 0;
}
#stickyNav li.in span:before {
    bottom: 0;
}
#stickyNav li.in span:after {
    left: 0;
}
#stickyNav li i {
    background-color: #000;
}
#stickyNav li span:after,
#stickyNav li span:before,
#stickyNav li strong:after,
#stickyNav li strong:before {
    background-color: #000;
}
.is-main-dark #stickyNav,
.is-main-light #stickyNav {
    opacity: 1;
}
@media only screen and (min-width:1280px) {
    #stickyNav {
        margin-left: 40px;
    }
}
.is-main-dark #navLinr span {
    background-color: #ffffff;
}
.is-main-dark #header a {
    color: #fff;
    text-shadow: 1.5px 1.5px 2px black;
}
.is-main-dark #header a.d1 {
    text-shadow: none;
}
.is-main-dark #logo .icon {
    background-position: center bottom;
}
.is-main-dark #language ul {
    border: solid 1px rgba(255, 255, 255, 0.8);
}
.is-main-dark #language li {
    border-top: solid 1px rgba(255, 255, 255, 0.8);
}
.is-main-dark #language span {
    color: #fff;
}
.is-main-dark #jumbotron .rect-border .typho {
    color: #fff;
}
.is-main-dark #jumbotron .rect-border span {
    background-color: rgba(255, 255, 255, 0.3);
}
.is-main-dark .slider-util .pager.line a i {
    background-color: #fff;
}
.is-main-dark #stickyNav i {
    background-color: #fff;
}
.is-main-dark #stickyNav span:after,
.is-main-dark #stickyNav span:before,
.is-main-dark #stickyNav strong:after,
.is-main-dark #stickyNav strong:before {
    background-color: #fff;
}
.is-main-dark #stickyNav li:before {
    background-color: rgba(255, 255, 255, 0.4);
}
.is-main-dark #stickyNav li.nth-child-1 a:before {
    background-image: url("./img/common/stickynav_light_01.png");
}
.is-main-dark #stickyNav li.nth-child-2 a:before {
    background-image: url("./img/common/stickynav_light_02.png");
}
.is-main-dark #stickyNav li.nth-child-3 a:before {
    background-image: url("./img/common/stickynav_light_03.png");
}
.is-main-dark #stickyNav li.nth-child-4 a:before {
    background-image: url("./img/common/stickynav_light_04.png");
}
.lang-cn.is-main-dark #stickyNav li.nth-child-3 a:before,
.lang-en.is-main-dark #stickyNav li.nth-child-3 a:before {
    background-image: url("./img/common/stickynav_light_05.png");
}
.lang-cn.is-main-dark #stickyNav li.nth-child-4 a:before,
.lang-en.is-main-dark #stickyNav li.nth-child-4 a:before {
    background-image: url("./img/common/stickynav_light_03.png");
}
.is-main-light #navLinr span,
.is-scrollDowned #navLinr span {
    background-color: #111111;
}
.is-main-light #header a,
.is-scrollDowned #header a {
    color: #161616;
    text-shadow: none;
}
.is-main-light #logo .icon,
.is-scrollDowned #logo .icon {
    background-position: center top;
}
.is-main-light #language ul,
.is-scrollDowned #language ul {
    border: solid 1px rgba(50, 50, 50, 0.5);
}
.is-main-light #language li,
.is-scrollDowned #language li {
    border-top: solid 1px rgba(50, 50, 50, 0.5);
}
.is-main-light #language span,
.is-scrollDowned #language span {
    color: #212121;
}
.is-main-light #stickyNav i,
.is-scrollDowned #stickyNav i {
    background-color: #000;
}
.is-main-light #stickyNav span:after,
.is-main-light #stickyNav span:before,
.is-main-light #stickyNav strong:after,
.is-main-light #stickyNav strong:before,
.is-scrollDowned #stickyNav span:after,
.is-scrollDowned #stickyNav span:before,
.is-scrollDowned #stickyNav strong:after,
.is-scrollDowned #stickyNav strong:before {
    background-color: #000;
}
.is-main-light #stickyNav li:before,
.is-scrollDowned #stickyNav li:before {
    background-color: rgba(0, 0, 0, 0.4);
}
.is-main-light #stickyNav li.nth-child-1 a:before,
.is-scrollDowned #stickyNav li.nth-child-1 a:before {
    background-image: url("./img/common/stickynav_01.png");
}
.is-main-light #stickyNav li.nth-child-2 a:before,
.is-scrollDowned #stickyNav li.nth-child-2 a:before {
    background-image: url("./img/common/stickynav_02.png");
}
.is-main-light #stickyNav li.nth-child-3 a:before,
.is-scrollDowned #stickyNav li.nth-child-3 a:before {
    background-image: url("./img/common/stickynav_03.png");
}
.is-main-light #stickyNav li.nth-child-4 a:before,
.is-scrollDowned #stickyNav li.nth-child-4 a:before {
    background-image: url("./img/common/stickynav_04.png");
}
.lang-cn.is-main-light #stickyNav li.nth-child-3 a:before,
.lang-cn.is-scrollDowned #stickyNav li.nth-child-3 a:before,
.lang-en.is-main-light #stickyNav li.nth-child-3 a:before,
.lang-en.is-scrollDowned #stickyNav li.nth-child-3 a:before {
    background-image: url("./img/common/stickynav_05.png");
}
.lang-cn.is-main-light #stickyNav li.nth-child-4 a:before,
.lang-cn.is-scrollDowned #stickyNav li.nth-child-4 a:before,
.lang-en.is-main-light #stickyNav li.nth-child-4 a:before,
.lang-en.is-scrollDowned #stickyNav li.nth-child-4 a:before {
    background-image: url("./img/common/stickynav_03.png");
}
.is-main-light #jumbotron .rect-border .typho {
    color: #000;
}
.is-main-light #jumbotron .rect-border span {
    background-color: rgba(0, 0, 0, 0.3);
}
.is-main-light .slider-util .pager.line a.in i {
    background-color: #000;
}
.js-title-transit {
    position: relative;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    -o-transition: transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    text-align: left;
}
.js-title-transit.title:before {
    position: absolute;
    display: block;
    overflow: hidden;
    content: '';
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s;
}
.js-title-transit span {
    display: block;
    opacity: 0;
    overflow: hidden;
    width: 0;
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s;
}
.js-title-transit.is-inview {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.js-title-transit.is-inview.title:before {
    width: 50%!important;
    min-width: 120px;
    -webkit-transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    -o-transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}
.js-title-transit.is-inview span {
    opacity: 1;
    width: 100%!important;
    -webkit-transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    -o-transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
.js-title-transit.is-inview span.nth-child-2 {
    display: block;
    width: 50%!important;
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
#maskMainContent {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0s;
    -o-transition: visibility 0s, opacity 0s;
    transition: visibility 0s, opacity 0s;
}
#maskMainContent.in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 0.6s;
    -o-transition: visibility 0s, opacity 0.6s;
    transition: visibility 0s, opacity 0.6s;
}
#maskMainContent span {
    display: block;
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
}
#maskMainContent span:first-child {
    width: 1px;
    top: 0;
    bottom: 0;
    left: 20px;
}
@media only screen and (min-width:1280px) {
    #maskMainContent span:first-child {
        left: 40px;
    }
}
#maskMainContent span:nth-child(2) {
    bottom: 0;
    height: 1px;
    left: 20px;
    right: 45px;
}
@media only screen and (min-width:1280px) {
    #maskMainContent span:nth-child(2) {
        left: 40px;
    }
}
#maskMainContent span:nth-child(3) {
    width: 1px;
    top: 0;
    bottom: 0;
    right: 45px;
}
.page-insight .section-insight {
    margin-top: 40px;
}
.page-insight .section-insight .masonry-list {
    width: 1020px;
}
.page-insight .section-insight .masonry-list .item {
    width: 450px;
}
.page-insight .section-insight .module {
    margin-bottom: 35px;
}
.page-insight .section-insight .module .pic img {
    max-width: 100%;
}
.page-insight .section-insight .module .desc {
    margin-top: 20px;
    text-align: left;
}
.page-insight .section-insight .module .desc p {
    margin: 10px 0;
    padding: 0;
    line-height: 1.4;
    font-size: 14px;
}
.page-insight .section-insight .module .desc p.category {
    margin-bottom: 15px;
}
.page-insight .section-insight .module .desc p.category span {
    position: relative;
    display: inline-block;
    line-height: 18px;
}
.page-insight .section-insight .module .desc p.category span:after {
    position: absolute;
    content: '';
    display: block;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #e31b23;
}
.page-insight .section-insight .module .desc p.category span.trend:after {
    background-color: #007dc3;
}
.page-insight .section-insight .module .desc p.subject {
    font-size: 26px;
}
.page-insight .section-insight .module .desc p.subject a {
    color: #000;
}
.page-insight .section-insight .module .desc p.subject a:hover {
    text-decoration: none;
    color: #666;
}
.page-insight .section-insight .module .desc p.summary {
    color: #666;
}
.page-insight .section-insight .module .desc p.date {
    margin-top: 15px;
    color: #666;
}
.page-insight .section-special-highlight {
    position: relative;
    margin-top: 60px;
    background: url("./img/common/bg_f5f5f5.png") center 298px no-repeat;
    background-size: 100% 290px;
}
.page-insight .section-special-highlight .core .wrap .col.pic {
    width: 448px;
    height: 500px;
}
.page-insight .section-special-highlight .core .wrap .col.pic .holder {
    -webkit-box-shadow: 15px 15px 15px rgba(80, 80, 80, 0.15);
    box-shadow: 15px 15px 15px rgba(80, 80, 80, 0.15);
}
.page-insight .section-special-highlight .core .wrap .col.pic img {
    width: 100%;
    height: 500px;
}
.page-insight .section-special-highlight .core .wrap .col.desc {
    float: right;
    text-align: left;
    width: 451px;
    overflow: hidden;
}
.page-insight .section-special-highlight .core .wrap .col.desc p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper {
    margin-top: 0;
    height: 300px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date {
    clear: both;
    *zoom: 1;
    position: relative;
    margin-bottom: 30px;
    border-bottom: solid 1px #292929;
    text-align: right;
    font-size: 20px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date:after,
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date:before {
    content: " ";
    display: table;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date:after {
    clear: both;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date span {
    padding: 30px 0 5px;
    display: inline-block;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date .day {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0;
    background-color: #fff;
    font-size: 50px;
    letter-spacing: 4px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date .month {
    color: #969696;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .date .year {
    margin-left: 10px;
    letter-spacing: 2px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .subject {
    font-size: 36px;
    line-height: 1.2;
    overflow: hidden;
    height: 95px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .subject a {
    color: #292929;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .subject a:hover {
    color: #666;
}
.page-insight .section-special-highlight .core .wrap .col.desc .upper .summary {
    margin: 15px 0 0;
    overflow: hidden;
    height: 40px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px #f5f5f5 solid;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col {
    font-size: 16px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.title {
    font-weight: bold;
    width: 298px;
    text-indent: 16px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.counter {
    width: 74px;
    border-right: solid 1px #f5f5f5;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.nav {
    width: 78px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.nav .icon {
    float: left;
    overflow: hidden;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.nav .icon.prev {
    background-image: url("./img/common/nav_insight_prev.png");
    width: 40px;
    height: 41px;
    background-size: 40px 41px;
    height: 40px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .util .col.nav .icon.next {
    background-image: url("./img/common/nav_insight_next.png");
    width: 38px;
    height: 41px;
    background-size: 38px 41px;
    height: 40px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .toggle-wrap {
    min-height: 170px;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .toggle-wrap .toggle {
    display: none;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer .toggle-wrap .toggle.in {
    display: block;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer ol {
    margin: 0;
    padding: 15px 0;
    border: 0;
    overflow: hidden;
    background: #fafafa;
    list-style: none;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer ol li {
    position: relative;
    margin: 7px 15px;
    padding: 0;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer ol li i {
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
    font-weight: bold;
    color: #000;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer ol li:before {
    display: block;
    padding: 0;
    float: left;
}
.page-insight .section-special-highlight .core .wrap .col.desc .downer ol li span {
    display: block;
    padding-left: 26px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px;
}
.page-insight .section-special {
    margin-top: 40px;
}
.page-insight .section-special .module {
    text-align: left;
}
.page-insight .section-special .pic,
.page-insight .section-special .pic img {
    width: 225px;
    height: 297px;
}
.page-insight .section-special .desc .upper {
    overflow: hidden;
    clear: both;
    *zoom: 1;
    height: 47px;
    line-height: 47px;
    border-bottom: 1px #dcdcdc solid;
}
.page-insight .section-special .desc .upper:after,
.page-insight .section-special .desc .upper:before {
    content: " ";
    display: table;
}
.page-insight .section-special .desc .upper:after {
    clear: both;
}
.page-insight .section-special .desc .upper .vol {
    float: left;
    width: 35%;
    color: #000;
}
.page-insight .section-special .desc .upper .date {
    float: right;
    width: 65%;
    text-align: right;
    color: #999;
}
.page-insight .section-special .desc .downer {
    margin-top: 15px;
    height: 85px;
    overflow: hidden;
}
.page-insight .section-special .desc .downer p {
    margin: 0;
    padding: 0;
}
.page-insight .section-special .desc .downer .subject {
    font-size: 18px;
}
.page-insight .section-special .desc .downer .subject a {
    color: #000;
}
.page-insight .section-special .desc .downer .subject a:hover {
    color: #666;
}
.page-insight .section-trend-highlight {
    margin-top: 50px;
    padding-bottom: 50px;
    background: url("./img/common/bg_f5f5f5.png") center 190px no-repeat;
    background-size: 100% 175px;
}
.page-insight .section-trend-highlight .wrap {
    text-align: left;
}
.page-insight .section-trend-highlight .pic {
    float: left;
    width: 520px;
}
.page-insight .section-trend-highlight .pic img {
    width: 100%;
    height: 318px;
}
.page-insight .section-trend-highlight .desc {
    position: relative;
    float: right;
    width: 390px;
}
.page-insight .section-trend-highlight .desc .subject {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 50px;
    font-size: 36px;
}
.page-insight .section-trend-highlight .desc .subject a {
    color: #000;
    text-decoration: underline;
}
.page-insight .section-trend-highlight .desc .summary {
    margin: 220px 0 0;
    height: 80px;
}
.page-insight .section-trend-highlight .desc .date {
    margin: 0;
}
.page-insight .section-trend {
    margin-top: 50px;
}
.page-insight .section-trend .wrap {
    background: url("./img/common/bg_dashed.png") center top repeat-y;
}
.page-insight .section-trend .module {
    clear: both;
    *zoom: 1;
    margin-bottom: 50px;
    text-align: left;
}
.page-insight .section-trend .module:after,
.page-insight .section-trend .module:before {
    content: " ";
    display: table;
}
.page-insight .section-trend .module:after {
    clear: both;
}
.page-insight .section-trend .desc p {
    line-height: 1.4;
    margin: 5px 0;
    padding: 0;
}
.page-insight .section-trend .desc p.subject {
    margin: 20px 0;
    font-size: 18px;
}
.page-insight .section-trend .desc p.subject a {
    color: #000;
}
.page-insight .section-trend .desc p.date {
    margin-top: 18px;
}
.page-insight .section-trend .masonry-list .item .pic {
    height: 350px;
    overflow: hidden;
}
.page-insight .section-trend .masonry-list .item .desc {
    height: 150px;
    overfow: hidden;
}
.page-insight .section-view-jumbotron {
    color: #fff;
    text-align: center;
}
.page-insight .section-view-jumbotron .background {
    height: 480px;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-size: auto 610px;
}
.page-insight .section-view-jumbotron .core {
    padding-top: 100px;
}
.page-insight .section-view-jumbotron p {
    margin: 20px 0;
    padding: 0;
}
.page-insight .section-view-jumbotron .no {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline;
}
.page-insight .section-view-jumbotron .title {
    margin: 35px 0 0;
    padding: 0;
    font-size: 40px;
    font-weight: 200;
    color: #fff;
}
.page-insight .section-view-jumbotron .desc {
    font-size: 20px;
}
.page-insight .section-view-jumbotron .jumpmenu {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #fff;
}
.page-insight .section-view-jumbotron .jumpmenu strong {
    display: block;
    height: 57px;
    line-height: 57px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    border-top: solid 1px rgba(255, 255, 255, 0.8);
    border-bottom: solid 1px rgba(255, 255, 255, 0.8);
}
.page-insight .section-view-jumbotron .jumpmenu a.link {
    color: #fff;
}
.page-insight .section-view-jumbotron .jumpmenu a.link:focus span {
    border-bottom: 0;
}
.page-insight .section-view-jumbotron .jumpmenu a.link:focus+.sub {
    display: block;
}
.page-insight .section-view-jumbotron .jumpmenu .sub {
    display: none;
    position: absolute;
    margin-top: 57px;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.page-insight .section-view-jumbotron .jumpmenu .sub ul {
    padding: 10px 0;
}
.page-insight .section-view-jumbotron .jumpmenu .sub ul li span {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #000;
}
.page-insight .section-view-jumbotron .sns {
    margin-top: 45px;
}
.page-insight .section-view-jumbotron .sns .icon {
    margin: 0 5px;
    width: 67px;
    height: 67px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-insight .section-view-jumbotron .sns .icon.facebook {
    background-image: url("./img/custom/icon_media_facebook.png");
}
.page-insight .section-view-jumbotron .sns .icon.twitter {
    background-image: url("./img/custom/icon_media_twitter.png");
}
.page-insight .section-view-jumbotron .sns a:hover .icon {
    border-color: #ffffff;
}
.page-insight .section-view-body {
    text-align: center;
    color: #000;
}
.page-insight .section-view-body table {
    width: auto;
}
.page-insight .section-view-body .wrap {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: -50px;
    margin-bottom: 50px;
    padding: 50px 0 0;
    width: 860px;
    text-align: left;
    background-color: #fff;
}
.page-insight .section-view-body .wrap > p {
    margin-left: 110px;
    margin-right: 110px;
}
.page-insight .section-view-body .subject {
    position: relative;
    margin: 0 110px 90px;
}
.page-insight .section-view-body .subject .title {
    margin: 0;
    text-align: left;
    font-weight: normal;
}
.page-insight .section-view-body .subject .title span {
    display: block;
}
.page-insight .section-view-body .subject .title span.core {
    font-size: 30px;
}
.page-insight .section-view-body .subject .title span.desc {
    position: relative;
    margin-top: 15px;
    padding-left: 40px;
    font-size: 24px;
}
.page-insight .section-view-body .subject .title span.desc:after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 17px;
    width: 30px;
    height: 2px;
    background: #000;
}
.page-insight .section-view-body p {
    margin: 30px 0 0;
    font-size: 14px;
    line-height: 1.8;
}
.page-insight .section-view-body p .highlight {
    position: relative;
    font-size: 22px;
    margin-right: 15px;
}
.page-insight .section-view-body p .highlight:after {
    content: '';
    position: absolute;
    top: -15px;
    left: -25px;
    background-image: url("./img/custom/icon_highlight.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}
.page-insight .section-view-body h5 {
    margin: 0 0 50px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
}
.page-insight .section-view-body h5 span {
    display: block;
}
.page-insight .section-view-body h5 span.core {
    position: relative;
    padding: 0 0 25px;
}
.page-insight .section-view-body h5 span.core:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 1px;
    background: #000;
    bottom: 0;
}
.page-insight .section-view-body h5 span.desc {
    margin-top: 20px;
    font-size: 14px;
}
.page-insight .section-view-body .hr {
    display: block;
    margin: 50px 0;
    height: 1px;
    background: url("./img/custom/trend_hr.png") repeat-x left top;
}
.page-insight .section-view-body .hr:after {
    display: none;
}
.page-insight .section-view-body .icon.blank {
    background-image: url("./img/custom/icon_blank_trend.png");
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
}
.page-insight .section-view-body .grid-column h5 {
    text-align: left;
}
.page-insight .section-view-body .grid-column h5 .core:after {
    left: 0;
    margin: 0;
    width: 18px;
}
.page-insight .section-view-body .grid-column .pic {
    position: relative;
}
.page-insight .section-view-body .grid-column p.desc {
    margin: 0;
    color: #666;
    font-size: 16px;
}
.page-insight .section-view-body .grid-column p.desc span {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}
.page-insight .section-view-body .grid-column.is-col-2 {
    margin: 60px 0 0;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-1.pic {
    width: 490px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-1.pic .img-box {
    margin: 0 0 0 70px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-1.text {
    width: 440px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-1.text .module {
    margin-left: 110px;
    margin-right: 30px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-2.text {
    width: 370px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-2.text .module {
    margin-left: 30px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-2.pic {
    width: 420px;
}
.page-insight .section-view-body .grid-column.is-col-2 > .col.nth-child-2.pic .img-box {
    margin: 0;
}
.page-insight .section-view-body .img-box {
    margin: 50px 0;
    overflow: hidden;
}
.page-insight .section-view-body .img-box .grid {
    margin: -5px;
}
.page-insight .section-view-body .img-box .grid .col.col-1-1 {
    text-align: center;
}
.page-insight .section-view-body .img-box .grid .col.col-1-1 .module {
    display: inline-block;
    text-align: left;
}
.page-insight .section-view-body .img-box .grid .col.col-1-1 .module p {
    font-size: 16px;
}
.page-insight .section-view-body .img-box .grid .col.col-1-2 .module p {
    font-size: 16px;
}
.page-insight .section-view-body .img-box .grid .col .module {
    position: relative;
    margin: 5px!important !important;
    color: #666;
}
.page-insight .section-view-body .img-box .grid .col .module p {
    margin: 0;
}
.page-insight .section-view-body .img-box .grid .col .module span {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}
.page-insight .section-view-body .img-box .grid .col .module a.blank {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.page-insight .section-view-body .img-box.padder {
    margin-left: 110px;
    margin-right: 110px;
}
.page-insight .section-recent-issue {
    background-color: #f8f8f8;
}
.page-insight .section-recent-issue .title {
    margin: 0;
    padding: 70px 0 60px;
    font-size: 28px;
    text-align: center;
}
.page-insight .section-recent-issue .bx-wrapper {
    max-width: initial!important;
}
.page-insight .section-recent-issue .module {
    position: relative;
}
.page-insight .section-recent-issue .module .desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 16px;
}
.page-insight .section-recent-issue p {
    margin: 10px;
    padding: 0;
    line-height: 1.4;
}
.page-insight .section-recent-issue .date {
    margin-bottom: 0;
}
.page-insight .section-recent-issue .slide-wrap .slide-item {
    float: left;
    text-align: left;
}
.page-insight .section-recent-issue .slide-wrap .slide-item .module {
    position: relative;
    overflow: hidden;
}
.page-insight .section-recent-issue .slide-wrap .slide-item .desc {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px 0;
    background: #ffffff;
    text-align: left;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
}
.page-insight .section-recent-issue .slide-wrap .slide-item .desc a {
    display: block;
    color: #000;
    text-decoration: none;
}
.page-insight .section-recent-issue .slide-wrap .slide-item .desc p {
    margin: 0;
    color: #666;
}
.page-insight .section-recent-issue .slide-wrap .slide-item .desc p.subject {
    font-size: 16px;
    color: #000;
}
.page-insight .section-recent-issue .slide-wrap .slide-item .desc p.date {
    margin-top: 5px;
    font-size: 14px;
}
.page-insight .section-recent-issue .slide-wrap .slide-item:hover .desc {
    background-color: #ffffff;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.page-insight .section-recent-issue .slide-wrap .slide-item:hover .desc a {
    background-color: rgba(255, 255, 255, 0);
}
.page-insight .section-recent-issue .bx-wrapper {
    position: relative;
}
.page-insight .section-recent-issue .bx-wrapper .bx-pager {
    margin-top: 40px;
    text-align: center;
}
.page-insight .section-recent-issue .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    width: 70px;
}
.page-insight .section-recent-issue .bx-wrapper .bx-pager .bx-pager-item a {
    position: relative;
    display: block;
    height: 22px;
    margin: 0 5px;
    text-indent: -999px;
    overflow: hidden;
}
.page-insight .section-recent-issue .bx-wrapper .bx-pager .bx-pager-item a:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bababa;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.page-insight .section-recent-issue .bx-wrapper .bx-pager .bx-pager-item a.active:after {
    top: 10px;
    height: 2px;
    background: #000;
}
.page-insight .section-recent-issue .bx-wrapper .bx-next,
.page-insight .section-recent-issue .bx-wrapper .bx-prev {
    position: absolute;
    top: 94px;
    text-indent: -999px;
    overflow: hidden;
}
.page-insight .section-recent-issue .bx-wrapper .bx-prev {
    left: 0;
    background-image: url("./img/common/icon_slider_prev.png");
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
}
.page-insight .section-recent-issue .bx-wrapper .bx-next {
    right: 0;
    background-image: url("./img/common/icon_slider_next.png");
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
}
.page-insight .section-search .wrap {
    border-bottom: solid 1px #dcdcdc;
}
.page-business,
.page-business #wrapper {
    background-color: #f2f2f2;
}
.page-business .section-title {
    margin-top: 42px;
    text-align: left;
}
.page-business .section-title .title {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 60px;
    color: #000;
}
.page-business .section-title .summary {
    margin: 25px 0 5px;
    padding: 0;
    font-size: 22px;
}
.page-business .section-title .desc {
    margin: 5px 0 0;
    padding: 0;
    line-height: 2;
}
.lang-cn .page-business .section-title .summary {
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
    font-weight: normal;
}
.page-business .section-media-content .masonry-list .item {
    height: 310px;
}
.page-business .section-media-content .masonry-list .item-height-2x {
    height: 620px;
}
.page-business .section-media-content .masonry-list .desc a {
    padding: 0 20px;
}
.page-business .section-media-content .masonry-list .desc a span {
    display: block;
}
.page-business .section-media-content .masonry-list .desc a span.title {
    font-size: 24px;
    line-height: 1.2;
}
.page-business .section-media-content .masonry-list .desc a span.subtitle {
    margin-top: 0;
}
.page-business .section-media-content .masonry-list .desc a span.subtitle:after {
    top: 40px;
}
.page-business .section-media-content.section-channels .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-business .section-media-content.section-channels .module .pic {
    overflow: hidden;
}
.page-business .section-media-content.section-channels .module .pic > a,
.page-business .section-media-content.section-channels .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-business .section-media-content.section-channels .module .pic > a:after,
.page-business .section-media-content.section-channels .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-business .section-media-content.section-channels .module .pic:after,
.page-business .section-media-content.section-channels .module .pic:before,
.page-business .section-media-content.section-channels .module:after,
.page-business .section-media-content.section-channels .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module:after,
.page-business .section-media-content.section-channels .module:before {
    width: 0;
    height: 4px;
}
.page-business .section-media-content.section-channels .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module .pic:after,
.page-business .section-media-content.section-channels .module .pic:before {
    width: 4px;
    height: 0;
}
.page-business .section-media-content.section-channels .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module.in .pic > a,
.page-business .section-media-content.section-channels .module.in .pic > img,
.page-business .section-media-content.section-channels .module:hover .pic > a,
.page-business .section-media-content.section-channels .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-business .section-media-content.section-channels .module.in .pic > a:after,
.page-business .section-media-content.section-channels .module.in .pic > img:after,
.page-business .section-media-content.section-channels .module:hover .pic > a:after,
.page-business .section-media-content.section-channels .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:before,
.page-business .section-media-content.section-channels .module:hover:after,
.page-business .section-media-content.section-channels .module:hover:before {
    opacity: 1;
}
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover:after,
.page-business .section-media-content.section-channels .module:hover:before {
    width: 100%;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module:hover .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:before {
    height: 100%;
}
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-business .section-media-content.section-channels .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-business .section-media-content.section-channels .module .pic {
    overflow: hidden;
}
.page-business .section-media-content.section-channels .module .pic > a,
.page-business .section-media-content.section-channels .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-business .section-media-content.section-channels .module .pic > a:after,
.page-business .section-media-content.section-channels .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-business .section-media-content.section-channels .module .pic:after,
.page-business .section-media-content.section-channels .module .pic:before,
.page-business .section-media-content.section-channels .module:after,
.page-business .section-media-content.section-channels .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module:after,
.page-business .section-media-content.section-channels .module:before {
    width: 0;
    height: 4px;
}
.page-business .section-media-content.section-channels .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module .pic:after,
.page-business .section-media-content.section-channels .module .pic:before {
    width: 4px;
    height: 0;
}
.page-business .section-media-content.section-channels .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module.in .pic > a,
.page-business .section-media-content.section-channels .module.in .pic > img,
.page-business .section-media-content.section-channels .module:hover .pic > a,
.page-business .section-media-content.section-channels .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-business .section-media-content.section-channels .module.in .pic > a:after,
.page-business .section-media-content.section-channels .module.in .pic > img:after,
.page-business .section-media-content.section-channels .module:hover .pic > a:after,
.page-business .section-media-content.section-channels .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:before,
.page-business .section-media-content.section-channels .module:hover:after,
.page-business .section-media-content.section-channels .module:hover:before {
    opacity: 1;
}
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover:after,
.page-business .section-media-content.section-channels .module:hover:before {
    width: 100%;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module:hover .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:before {
    height: 100%;
}
.page-business .section-media-content.section-channels .module.in:before,
.page-business .section-media-content.section-channels .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .section-media-content.section-channels .module.in:after,
.page-business .section-media-content.section-channels .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-business .section-media-content.section-channels .module.in .pic:before,
.page-business .section-media-content.section-channels .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .section-media-content.section-channels .module.in .pic:after,
.page-business .section-media-content.section-channels .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-business .section-media-content.section-dragon .item-height-2x .module {
    height: 600px;
    text-align: left;
    background: #fff;
}
.page-business .section-media-content.section-dragon .item-height-2x .module .desc {
    padding: 20px 40px 0;
    font-size: 15px;
    color: #666;
    line-height: 1.6;
}
.page-business .section-media-content.section-dragon p.blank {
    margin: 25px 0 0;
}
.page-business .section-media-content.section-dragon p.blank a {
    padding: 0;
    color: #000;
}
.page-business .section-media-content.section-diatv .wrap,
.page-business .section-media-content.section-tving .wrap {
    position: relative;
    text-align: left;
    overflow: hidden;
}
.page-business .section-media-content.section-diatv .wrap .pic,
.page-business .section-media-content.section-tving .wrap .pic {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
}
.page-business .section-media-content.section-diatv .wrap .holder,
.page-business .section-media-content.section-tving .wrap .holder {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 40px;
}
.page-business .section-media-content.section-diatv .wrap .title,
.page-business .section-media-content.section-tving .wrap .title {
    font-size: 20px;
    font-weight: 400;
}
.page-business .section-media-content.section-diatv .wrap .title .desc,
.page-business .section-media-content.section-tving .wrap .title .desc {
    display: block;
}
.page-business .section-media-content.section-diatv .wrap p,
.page-business .section-media-content.section-tving .wrap p {
    margin: 30px 0 0;
    line-height: 2;
    color: #666;
}
.page-business .section-media-content.section-diatv .wrap .sns-share,
.page-business .section-media-content.section-tving .wrap .sns-share {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    text-align: right;
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.page-business .section-media-content.section-diatv .wrap .sns-share ul,
.page-business .section-media-content.section-tving .wrap .sns-share ul {
    float: right;
}
.page-business .section-media-content.section-diatv .wrap .sns-share ul li,
.page-business .section-media-content.section-tving .wrap .sns-share ul li {
    margin-left: -1px;
}
.page-business .section-media-content.section-diatv .wrap .sns-share ul li:first-child,
.page-business .section-media-content.section-tving .wrap .sns-share ul li:first-child {
    margin-left: 0;
}
.page-business .section-media-content.section-diatv .wrap .sns-share .icon,
.page-business .section-media-content.section-tving .wrap .sns-share .icon {
    vertical-align: top;
}
.page-business .section-media-content.section-diatv .wrap .sns-share .icon.share,
.page-business .section-media-content.section-tving .wrap .sns-share .icon.share {
    background-image: url("./img/custom/icon_share.png");
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
}
.page-business .section-media-content.section-diatv .wrap .sns-share .icon.facebook,
.page-business .section-media-content.section-tving .wrap .sns-share .icon.facebook {
    background-image: url("./img/custom/icon_share_facebook.png");
    width: 38px;
    height: 38px;
    background-size: 38px 38px;
}
.page-business .section-media-content.section-diatv .wrap .sns-share .icon.blog,
.page-business .section-media-content.section-tving .wrap .sns-share .icon.blog {
    background-image: url("./img/custom/icon_share_blog.png");
    width: 38px;
    height: 38px;
    background-size: 38px 38px;
}
.page-business .section-media-content.section-diatv .wrap .sns-share .icon.youtube,
.page-business .section-media-content.section-tving .wrap .sns-share .icon.youtube {
    background-image: url("./img/custom/icon_share_youtube.png");
    width: 38px;
    height: 38px;
    background-size: 38px 38px;
}
.page-business .section-media-content.section-tving .wrap .holder {
    top: 70px;
}
.page-business .section-media-content.section-tving .wrap .holder p {
    margin-right: 540px;
}
.page-business .section-media-content.section-tving .wrap .title {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .section-media-content.section-tving .wrap .title .icon {
    background-image: url("./img/custom/icon_tving.png");
    width: 216px;
    height: 80px;
    background-size: 216px 80px;
}
.page-business .section-media-content.section-tving .wrap p {
    margin: 50px 0 0;
    line-height: 1.8;
    color: #666;
}
.page-business .section-media-content.section-tving .wrap p.blank {
    margin-top: 70px;
}
.page-business .section-media-content.section-tving .wrap p.blank a {
    color: #000;
}
.page-business .section-media-content.section-diatv .wrap .title {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .section-media-content.section-diatv .wrap .title .icon {
    background-image: url("./img/custom/icon_dia_tv.png");
    width: 270px;
    height: 165px;
    background-size: 270px 165px;
}
.page-business .section-media-content.section-diatv .wrap p {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    color: #fff;
    margin-right: 560px;
}
.page-business .section-media-content.section-diatv .wrap p.blank {
    margin-top: 70px;
}
.page-business .section-media-content.section-diatv .wrap p.blank a {
    color: #fff;
}
.page-business .section-film .masonry-list .item {
    height: 338px;
}
.page-business .section-film .masonry-list .item img {
    width: 225px;
    height: 318px;
}
.page-business .section-film .masonry-list .desc a {
    padding-right: 20px;
}
.page-business .section-performaing-arts .masonry-list .item {
    height: 346px;
}
.page-business .section-performaing-arts .masonry-list .item img {
    width: 225px;
    height: 326px;
}
.page-business .section-performaing-arts .masonry-list .desc a {
    padding-right: 20px;
}
.page-business .section-convention .masonry-list .item,
.page-business .section-music .masonry-list .item {
    height: 310px;
}
.page-business .section-animation,
.page-business .section-convention,
.page-business .section-music {
    margin-top: 45px;
}
.page-business .section-performing-global .wrap {
    position: relative;
    text-align: left;
    overflow: hidden;
}
.page-business .section-performing-global .wrap .pic {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
}
.page-business .section-performing-global .wrap .holder {
    position: absolute;
    z-index: 1;
    top: 200px;
    left: 440px;
    right: 45px;
}
.lang-en .page-business .section-performing-global .wrap .holder {
    top: 125px;
}
.page-business .section-performing-global .wrap p {
    margin: 0;
    color: #000;
}
.page-business .section-performing-global .wrap p.core {
    margin-bottom: 20px;
    font-size: 24px;
}
.page-business .section-performing-global .wrap p.desc {
    font-size: 15px;
    line-height: 1.6;
}
.page-business .section-animation .desc a {
    color: #333;
}
.page-business .section-animation .desc a span.subtitle:after {
    background-color: rgba(91, 91, 91, 0.7);
}
.page-business .section-animation .item:hover .desc a {
    color: #fff;
}
.page-business .section-animation .item:hover .desc a span.subtitle:after {
    background-color: rgba(255, 255, 255, 0.7);
}
.page-business .section-view-jumbotron {
    color: #fff;
    text-align: center;
}
.page-business .section-view-jumbotron p {
    margin: 0;
    padding: 0;
}
.page-business .section-view-jumbotron .background {
    height: 530px;
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% auto;
    background-size: cover;
}
.page-business .section-view-jumbotron .core {
    display: none;
}
.page-business .section-subject {
    margin-top: 110px;
    margin-bottom: 40px;
    text-align: left;
    text-transform: uppercase;
}
.page-business .section-subject .title {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 60px;
    margin: 0;
    padding: 21px 0 8px;
    height: 67px;
    line-height: 67px;
    color: #000;
}
.page-business .section-subject .title:before {
    content: '';
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: #000;
}
.page-business .section-subject .summary {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    line-height: 1.3;
}
.page-business .article-submain .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-business .article-submain .module .pic {
    overflow: hidden;
}
.page-business .article-submain .module .pic > a,
.page-business .article-submain .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-business .article-submain .module .pic > a:after,
.page-business .article-submain .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-business .article-submain .module .pic:after,
.page-business .article-submain .module .pic:before,
.page-business .article-submain .module:after,
.page-business .article-submain .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module:after,
.page-business .article-submain .module:before {
    width: 0;
    height: 4px;
}
.page-business .article-submain .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module .pic:after,
.page-business .article-submain .module .pic:before {
    width: 4px;
    height: 0;
}
.page-business .article-submain .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module.in .pic > a,
.page-business .article-submain .module.in .pic > img,
.page-business .article-submain .module:hover .pic > a,
.page-business .article-submain .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-business .article-submain .module.in .pic > a:after,
.page-business .article-submain .module.in .pic > img:after,
.page-business .article-submain .module:hover .pic > a:after,
.page-business .article-submain .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module.in:after,
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover .pic:after,
.page-business .article-submain .module:hover .pic:before,
.page-business .article-submain .module:hover:after,
.page-business .article-submain .module:hover:before {
    opacity: 1;
}
.page-business .article-submain .module.in:after,
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover:after,
.page-business .article-submain .module:hover:before {
    width: 100%;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module:hover .pic:after,
.page-business .article-submain .module:hover .pic:before {
    height: 100%;
}
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module.in:after,
.page-business .article-submain .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-business .article-submain .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-business .article-submain .module .pic {
    overflow: hidden;
}
.page-business .article-submain .module .pic > a,
.page-business .article-submain .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-business .article-submain .module .pic > a:after,
.page-business .article-submain .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-business .article-submain .module .pic:after,
.page-business .article-submain .module .pic:before,
.page-business .article-submain .module:after,
.page-business .article-submain .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module:after,
.page-business .article-submain .module:before {
    width: 0;
    height: 4px;
}
.page-business .article-submain .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module .pic:after,
.page-business .article-submain .module .pic:before {
    width: 4px;
    height: 0;
}
.page-business .article-submain .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module.in .pic > a,
.page-business .article-submain .module.in .pic > img,
.page-business .article-submain .module:hover .pic > a,
.page-business .article-submain .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-business .article-submain .module.in .pic > a:after,
.page-business .article-submain .module.in .pic > img:after,
.page-business .article-submain .module:hover .pic > a:after,
.page-business .article-submain .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module.in:after,
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover .pic:after,
.page-business .article-submain .module:hover .pic:before,
.page-business .article-submain .module:hover:after,
.page-business .article-submain .module:hover:before {
    opacity: 1;
}
.page-business .article-submain .module.in:after,
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover:after,
.page-business .article-submain .module:hover:before {
    width: 100%;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module:hover .pic:after,
.page-business .article-submain .module:hover .pic:before {
    height: 100%;
}
.page-business .article-submain .module.in:before,
.page-business .article-submain .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-business .article-submain .module.in:after,
.page-business .article-submain .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-business .article-submain .module.in .pic:before,
.page-business .article-submain .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-business .article-submain .module.in .pic:after,
.page-business .article-submain .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-business .article-submain .module {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.page-business .article-submain .bx-wrapper .bx-pager {
    margin-bottom: -45px;
    text-align: center;
}
.page-business .article-submain .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    width: 60px;
}
.page-business .article-submain .bx-wrapper .bx-pager .bx-pager-item a {
    position: relative;
    display: block;
    height: 40px;
    margin: 0 5px;
    text-indent: -999px;
    overflow: hidden;
}
.page-business .article-submain .bx-wrapper .bx-pager .bx-pager-item a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 1px;
    background: #bababa;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.page-business .article-submain .bx-wrapper .bx-pager .bx-pager-item a.active:after {
    margin-top: -2px;
    height: 2px;
    background: #000;
}
.page-business .article-submain .col.col-1-3 {
    width: 330px;
}
.page-business .article-submain .col.col-1-3 .module {
    margin-left: 30px;
}
.page-business .article-submain .col.col-1-3:first-child {
    width: 300px;
}
.page-business .article-submain .col.col-1-3:first-child .module {
    margin-left: 0;
}
.page-business .article-submain .label {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
.page-business .article-submain.article-media-content .section-subject {
    margin-top: 70px;
}
.page-business .article-submain.article-media-content .col-small {
    width: 31.25%;
}
.page-business .article-submain.article-media-content .col-large {
    float: right;
    width: 66.66666667%;
}
.page-business .section-media-solution {
    margin-top: 50px;
}
.page-business .section-media-solution .wrap {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.page-business .section-media-solution .wrap .holder {
    padding: 75px 60px;
}
.page-business .section-media-solution .result,
.page-business .section-media-solution ul {
    margin: 0 auto;
    width: 835px;
    text-align: center;
}
.page-business .section-media-solution ul {
    position: relative;
    z-index: 1;
}
.page-business .section-media-solution ul li {
    float: left;
    width: 33.33%;
    height: 295px;
    font-size: 16px;
}
.page-business .section-media-solution ul li .module {
    margin: 30px auto;
    width: 175px;
    height: 175px;
    line-height: 200px;
}
.page-business .section-media-solution ul li .module p {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
}
.page-business .section-media-solution ul li.nth-child-1 {
    background-image: url("./img/custom/media_solution_bg_1.png");
}
.page-business .section-media-solution ul li.nth-child-2 {
    background-image: url("./img/custom/media_solution_bg_2.png");
}
.page-business .section-media-solution ul li.nth-child-3 {
    background-image: url("./img/custom/media_solution_bg_3.png");
    color: #fff;
}
.page-business .section-media-solution ul li.nth-child-3 .module {
    margin: 30px 43px 30px 56px;
    width: auto;
}
.lang-ko .page-business .section-media-solution ul li.nth-child-3 .module {
    line-height: 220px;
}
.page-business .section-media-solution .result {
    position: relative;
    z-index: 0;
    margin-top: -10px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #000;
    background-image: url("./img/custom/media_solution_bg_4.png");
    background-position: left top;
}
.page-business .section-media-solution .desc {
    margin: 70px 0 0;
    padding-left: 20px;
    border-left: 1px #000 solid;
    text-align: left;
}
.hover-more {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 500px;
    width: 100px;
    text-align: left;
}
.hover-more.mt--10 {
    margin-top: -10px;
}
.hover-more a {
    text-decoration: none;
}
.hover-more span {
    display: block;
    position: relative;
    padding: 10px 0;
    font-size: 12px;
    color: #000;
}
.hover-more span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    left: 40%;
    width: 50%;
    margin-top: -1px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.6s 0.3s;
    -o-transition: all 0.6s 0.3s;
    transition: all 0.6s 0.3s;
}
.pos-relative .hover-more span {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.pos-relative .hover-more span:before {
    width: 0;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    -webkit-transition: all 0.6s 0s;
    -o-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
}
.pos-relative:hover .hover-more span {
    opacity: 1;
}
.pos-relative:hover .hover-more span:before {
    width: 50%;
    background-color: #000000;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    -webkit-transition: all 0.6s 0.2s;
    -o-transition: all 0.6s 0.2s;
    transition: all 0.6s 0.2s;
}
@media only screen and (min-width:1025px) {
    .hover-more {
        display: block;
    }
}
.lang-en .page-company,
.lang-en .page-company p {
    word-break: keep-all;
}
.page-company .section-title-slogan .wrap .summary {
    top: 120px;
    left: 50%;
    margin-left: 455px;
}
.page-company .section-title {
    text-align: left;
}
.page-company .section-title h3.title {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 60px;
    margin: 0;
    padding: 20px 0 25px;
    line-height: 1.2;
    color: #000;
    text-transform: uppercase;
}
.page-company .section-title h3.title:before {
    content: '';
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: #000;
}
.page-company .section-title .summary {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
}
.page-company .section-title p {
    line-height: 1.8;
}
.page-company .section-title.history {
    margin-bottom: 40px;
}
.page-company .section-title.history h3.title {
    padding-top: 0;
}
.page-company .section-title.history h3.title:before {
    display: none;
}
.page-company .section-title.history p.summary {
    font-weight: 600;
}
.page-company .section-title.ir {
    margin-top: 60px;
    margin-bottom: 50px;
}
.page-company .section-title.ir h3.title {
    padding: 0;
}
.page-company .section-title.ir h3.title:before {
    display: none;
}
.page-company .section-title.ir h3.title .desc {
    display: inline-block;
    margin-top: 5px;
    font-size: 50px;
    vertical-align: top;
}
.page-company .section-title.ir-main {
    margin-top: 20px;
    margin-bottom: 90px;
}
.page-company .section-title.ir-main h3.title:before {
    width: 47px;
}
.lang-cn .page-company .section-title .summary {
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
    font-weight: normal;
}
.page-company .article-overview {
    text-align: left;
}
.page-company .article-overview.article-overview-a {
    margin-top: 40px;
    text-align: left;
}
.page-company .article-overview.article-overview-a .show-room .pager {
    position: relative;
    z-index: 1;
    margin-top: 60px;
    width: 207px;
}
.page-company .article-overview.article-overview-a .show-room .pager a {
    position: relative;
    display: block;
    color: #000;
}
.page-company .article-overview.article-overview-a .show-room .pager a:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 49%;
    left: -40px;
    width: 0;
    height: 1px;
    background: #000;
    opacity: 0;
    -webkit-transition: width 0.8s ease, opacity 0.7s ease;
    -o-transition: width 0.8s ease, opacity 0.7s ease;
    transition: width 0.8s ease, opacity 0.7s ease;
}
.page-company .article-overview.article-overview-a .show-room .pager a span {
    position: relative;
    z-index: 1;
    display: block;
    margin-left: -20px;
    padding-left: 20px;
    width: 155px;
    height: 35px;
    line-height: 35px;
    background: #fff;
}
.page-company .article-overview.article-overview-a .show-room .pager a.active:after {
    opacity: 1;
    width: 385px;
    -webkit-transition: width 0.8s ease, opacity 0.2s ease;
    -o-transition: width 0.8s ease, opacity 0.2s ease;
    transition: width 0.8s ease, opacity 0.2s ease;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap {
    position: relative;
    z-index: 0;
    width: 753px;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item {
    text-align: right;
    min-height: 640px;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item .module {
    position: relative;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item img {
    opacity: 0.3;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item .title {
    position: absolute;
    top: 180px;
    right: -160px;
    margin: 0;
    width: 350px;
    text-align: left;
    font-size: 36px;
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s 0.2s linear;
    -o-transition: all 0.3s 0.2s linear;
    transition: all 0.3s 0.2s linear;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item p {
    position: absolute;
    top: 540px;
    left: 25px;
    width: 440px;
    text-align: left;
    line-height: 1.6;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    opacity: 0;
    -webkit-transition: all 0.3s 0.5s ease-out;
    -o-transition: all 0.3s 0.5s ease-out;
    transition: all 0.3s 0.5s ease-out;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item.active img,
.page-company .article-overview.article-overview-a .show-room .item-wrap .item.active p {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.page-company .article-overview.article-overview-a .show-room .item-wrap .item.active .title {
    opacity: 1;
    top: 200px;
}
.page-company .article-overview.article-overview-b {
    position: relative;
    margin-top: 35px;
    background: #f7f7f7;
}
.page-company .article-overview.article-overview-b .holder {
    margin: 30px;
    padding-top: 120px;
    border: 1px #e5e5e5 solid;
    background-image: url("./img/custom/overview_global_bg.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.page-company .article-overview.article-overview-b .tab-list {
    margin-top: 50px;
}
.page-company .article-overview.article-overview-b .tab-content {
    background: #fff;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap {
    margin-top: 25px;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap .program-core {
    width: 416px;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap .program-core .grid {
    margin: -2px;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap .program-core .grid .module {
    margin: 2px;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap .program-desc ol {
    margin: 15px 0 0 10px;
    padding: 5px 0 5px 21px;
}
.page-company .article-overview.article-overview-b .tab-content .program-wrap .program-desc ol li {
    margin: 5px;
    padding: 0 5px;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .program-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .program-wrap .program-core,
.page-company .article-overview.article-overview-b .tab-content .item:first-child .program-wrap .program-desc {
    display: table-cell;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .program-wrap .program-desc {
    vertical-align: bottom;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .hr {
    margin: 30px 0 20px;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap,
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-core,
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc {
    display: block;
    width: initial;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc {
    margin-top: 30px;
    border-top: 1px #e5e5e5 solid;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc ol {
    clear: both;
    *zoom: 1;
    margin-left: 0;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc ol:after,
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc ol:before {
    content: " ";
    display: table;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc ol:after {
    clear: both;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-2 .program-wrap .program-desc ol li {
    float: left;
    margin-right: 30px;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-3 .program-wrap .program-core {
    width: 225px;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-3 .program-wrap .program-desc p {
    margin: 0;
}
.page-company .article-overview.article-overview-b .tab-content .item:first-child .section.nth-child-3 .program-wrap .program-desc p.subject {
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #000;
    border-bottom: 1px #dcdcdc solid;
}
.page-company .article-overview.article-overview-b .show-room {
    margin-top: 30px;
    padding-bottom: 50px;
}
.page-company .article-overview.article-overview-b .show-room .nav {
    width: 250px;
}
.page-company .article-overview.article-overview-b .show-room .nav ul {
    margin: 20px 40px;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li {
    position: relative;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #000;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li a {
    display: table;
    width: 100%;
    font-size: 16px;
    color: #000;
    border-bottom: 1px #dddcdb solid;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li a span {
    display: table-cell;
    vertical-align: middle;
    height: 65px;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li.in {
    font-weight: 600;
}
.page-company .article-overview.article-overview-b .show-room .nav ul li.in:after {
    width: 100%;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap {
    margin-top: 40px;
    width: 710px;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .wrapper {
    margin: 0 40px 0 45px;
    overflow: hidden;
}
.lang-cn .page-company .article-overview.article-overview-b .show-room .item-wrap .wrapper {
    margin-right: 25px;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .wrapper,
.page-company .article-overview.article-overview-b .show-room .item-wrap .wrapper .inner {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .section .module > :first-child {
    margin-top: 0;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .section .core {
    margin: 0;
    color: #000;
    font-size: 18px;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .section .hr {
    display: block;
    height: 1px;
    background: #e5e5e5;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .section .hr:after {
    display: none;
}
.page-company .article-overview.article-overview-b .show-room .item-wrap .section.in .title,
.page-company .article-overview.article-overview-b .show-room .item-wrap .section.in img,
.page-company .article-overview.article-overview-b .show-room .item-wrap .section.in p {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.page-company .history-tab li {
    letter-spacing: -0.07em;
}
.ie .page-company .history-tab li {
    width: 14.285714%;
}
.page-company .section-history {
    text-align: left;
}
.page-company .section-history h4.title {
    position: relative;
    margin: 50px 0 0;
    padding-bottom: 15px;
    font-size: 40px;
    border-bottom: 1px #b4b4b4 solid;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-company .section-history h4.title:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #323232;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-company .section-history h4.title a {
    display: block;
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.page-company .section-history h4.title a .icon {
    position: absolute;
    top: 0;
    right: -12px;
    opacity: 0.6;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-image: url("./img/custom/icon_history_more.png");
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}
.page-company .section-history h4.title.active a {
    color: #000;
}
.page-company .section-history h4.title.active:after {
    width: 100%;
}
.page-company .section-history h4.title.active .icon {
    opacity: 1;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.page-company .section-history .year {
    display: none;
    margin-left: 140px;
}
.page-company .section-history .year .month {
    position: relative;
    padding: 5px 0 5px 180px;
    color: #666;
    border-bottom: 1px #f0f0f0 solid;
}
.page-company .section-history .year .month h5.title {
    position: absolute;
    top: 5px;
    left: 0;
    color: #333;
}
.page-company .section-history .year .month p {
    margin: 10px 0;
}
.page-company .section-history .year.in {
    display: block;
}
.page-company .bbs-preview-list {
    min-height: 361px;
}
.page-company .bbs-preview-list .grid {
    margin: 30px -10px;
}
.page-company .bbs-preview-list .grid .item {
    width: 25%;
}
.page-company .bbs-preview-list .grid .item .module {
    margin: 0 10px;
    text-align: left;
}
.page-company .bbs-preview-list .grid .item .module a {
    color: #000;
}
.page-company .bbs-preview-list .grid .item .module a:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 85px;
    background: #fff;
}
.page-company .bbs-preview-list .grid .item .module span {
    position: relative;
    z-index: 1;
}
.page-company .bbs-preview-list .grid .item .module span.title {
    margin-top: 210px;
    font-size: 14px;
}
.page-company .bbs-preview-list .grid .item .module span.date {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}
.page-company .bbs-preview-list .grid .item.no-pic .module {
    height: 298px;
    overflow: hidden;
    background: #fff;
    border: 1px #e5e5e5 solid;
}
.page-company .bbs-preview-list .grid .item.no-pic .module h3.title {
    margin: 30px 0 10px;
    padding-left: 27px;
}
.page-company .bbs-preview-list .grid .item.no-pic .module a {
    position: relative;
    margin-top: 15px;
    padding: 20px 25px;
    color: #000;
    background: transparent;
}
.page-company .bbs-preview-list .grid .item.no-pic .module a span.title {
    margin: 0;
}
.page-company .bbs-preview-list .grid .item.no-pic .module a span.title:after {
    top: 5px;
    background: #000;
}
.page-company .bbs-preview-list .grid .item.no-pic .module a span.date {
    color: #666;
}
.page-company .news-section-tab {
    margin-top: 10px;
}
.page-company .news-section-tab .tab-list {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.page-company .news-section-tab .tab-list li {
    display: table-cell;
    width: 100%;
    height: 100%;
    float: none;
    text-align: center;
    vertical-align: middle;
}
.page-company .news-section-tab .tab-list li {
    position: relative;
}
.page-company .news-section-tab .tab-list li:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    background: #ddd;
    width: 1px;
    height: 30px;
}
.page-company .news-section-tab .tab-list li:first-child:after {
    display: none;
}
.page-company .news-section-tab .tab-list li a {
    display: block;
    height: 105px;
}
.page-company .news-section-tab .tab-list li a i.icon {
    width: 68px;
    height: 68px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.page-company .news-section-tab .tab-list li a i.icon.tv {
    background-image: url("./img/custom/icon_tv_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.movie {
    background-image: url("./img/custom/icon_movie_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.music {
    background-image: url("./img/custom/icon_music_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.show {
    background-image: url("./img/custom/icon_show_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.global {
    background-image: url("./img/custom/icon_global_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.digital {
    background-image: url("./img/custom/icon_digital_off.png");
}
.page-company .news-section-tab .tab-list li a i.icon.contribution {
    background-image: url("./img/custom/icon_contribution_off.png");
}
.page-company .news-section-tab .tab-list li a span {
    display: block;
}
.page-company .news-section-tab .tab-list li a:hover,
.page-company .news-section-tab .tab-list li.in a {
    color: #0080c5;
}
.page-company .news-section-tab .tab-list li a:hover .icon.tv,
.page-company .news-section-tab .tab-list li.in a .icon.tv {
    background-image: url("./img/custom/icon_tv_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.movie,
.page-company .news-section-tab .tab-list li.in a .icon.movie {
    background-image: url("./img/custom/icon_movie_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.music,
.page-company .news-section-tab .tab-list li.in a .icon.music {
    background-image: url("./img/custom/icon_music_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.show,
.page-company .news-section-tab .tab-list li.in a .icon.show {
    background-image: url("./img/custom/icon_show_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.global,
.page-company .news-section-tab .tab-list li.in a .icon.global {
    background-image: url("./img/custom/icon_global_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.digital,
.page-company .news-section-tab .tab-list li.in a .icon.digital {
    background-image: url("./img/custom/icon_digital_on.png");
}
.page-company .news-section-tab .tab-list li a:hover .icon.contribution,
.page-company .news-section-tab .tab-list li.in a .icon.contribution {
    background-image: url("./img/custom/icon_contribution_on.png");
}
.ie .page-company .news-section-tab .tab-list {
    display: block;
    width: auto;
}
.ie .page-company .news-section-tab .tab-list li {
    display: block;
    float: left;
    width: 14.28%;
}
.page-company .section-library .wrap {
    padding-top: 30px;
    border-top: 1px #000 solid;
    border-bottom: 1px #b2b2b2 solid;
}
.page-company .section-library .masonry-list {
    width: 981px;
    margin-bottom: -31px;
}
.page-company .section-library .masonry-list .item {
    width: 327px;
}
.page-company .section-library .module {
    margin: 0 0 30px;
    text-align: left;
    height: 345px;
    border-bottom: 1px #f0f0f0 solid;
}
.page-company .section-library .pic {
    position: relative;
}
.page-company .section-library .pic a {
    display: block;
}
.page-company .section-library .pic a:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-company .section-library .pic,
.page-company .section-library .pic img {
    width: 307px;
    height: 203px;
}
.page-company .section-library .pic .icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    opacity: 0;
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all 0.3s 0s;
    -o-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
}
.page-company .section-library .pic .icon.download {
    background-image: url("./img/custom/icon_news_download.png");
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.page-company .section-library .pic .icon.movie {
    background-image: url("./img/custom/icon_news_movie.png");
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}
.page-company .section-library .pic a:hover:after {
    opacity: 0.5;
}
.page-company .section-library .pic a:hover .icon {
    opacity: 1;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s 0.3s;
    -o-transition: all 0.3s 0.3s;
    transition: all 0.3s 0.3s;
}
.page-company .section-library .desc {
    margin-top: 20px;
}
.page-company .section-library .desc,
.page-company .section-library .desc a {
    color: #000;
}
.page-company .section-library .desc p {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}
.page-company .section-library .desc p.file-type span {
    display: inline-block;
    border-bottom: 1px #007dc3 solid;
}
.page-company .section-library .desc p.file-type.video span {
    border-color: #e31b23;
}
.page-company .section-library .desc p.subject {
    margin-top: 15px;
    font-size: 18px;
}
.page-company .section-library .desc p.date {
    margin-top: 20px;
    color: #666;
}
.page-company .section-csv {
    margin: 60px 0 80px;
    text-align: left;
}
.page-company .section-csv .item {
    margin-top: 100px;
}
.page-company .section-csv .item:first-child {
    margin-top: 0;
}
.page-company .section-csv .item h4.title {
    position: relative;
    margin: 0 0 30px;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 20px;
}
.page-company .section-csv .item h4.title:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #000;
}
.page-company .section-csv .item p {
    margin: 20px 0 0;
    line-height: 1.6;
}
.page-company .section-csv .item .action {
    margin: 40px 0 0;
}
.page-company .section-csv .item .js-color-mask {
    display: inline-block;
    background: #fff;
}
.page-company .section-csv .item .js-color-mask.is-inview {
    -webkit-transition: -webkit-box-shadow 0.3 sease 1.5s;
    transition: -webkit-box-shadow 0.3 sease 1.5s;
    -o-transition: box-shadow 0.3 sease 1.5s;
    transition: box-shadow 0.3 sease 1.5s;
    transition: box-shadow 0.3 sease 1.5s, -webkit-box-shadow 0.3 sease 1.5s;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}
.page-company .section-csv .item .pic {
    position: relative;
}
.page-company .section-csv .item .pic img {
    position: relative;
    max-width: initial;
}
.page-company .section-csv .item .pic:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 480px;
    height: 300px;
    background-size: cover;
}
.page-company .section-csv .item .col {
    width: 50%;
}
.page-company .section-csv .item .col.nth-child-1 h4.title > span {
    padding-right: 30px;
    background: #fff;
}
.page-company .section-csv .item .col.nth-child-1 h4.title:after {
    left: 0;
    right: -30px;
}
.page-company .section-csv .item .col.nth-child-1 p {
    margin-right: 60px;
    word-break: keep-all;
}
.page-company .section-csv .item .col.nth-child-2 .module {
    margin-left: 90px;
    text-align: right;
}
.page-company .section-csv .item .col.nth-child-2 .module p {
    text-align: left;
}
.page-company .section-csv .item .col.nth-child-2 .module h4.title:after {
    left: -130px;
}
.page-company .section-csv .item.dia-tv {
    height: 490px;
}
.page-company .section-csv .item.dia-tv h4.title {
    margin-top: 60px;
}
.page-company .section-csv .item.dia-tv .pic:after {
    background-image: url("./img/custom/csv_a_1_bg.png");
    top: 200px;
    right: 240px;
    width: 435px;
    height: 253px;
}
.page-company .section-csv .item.dia-tv .obj-b {
    position: absolute!important;
    z-index: 1;
    top: 230px;
    right: 230px;
}
.page-company .section-csv .item.o-pen {
    padding-bottom: 80px;
}
.page-company .section-csv .item.o-pen h4.title {
    margin-top: 45px;
}
.page-company .section-csv .item.o-pen .pic:after {
    background-image: url("./img/custom/csv_a_2_bg.png");
    top: 75px;
    left: 55px;
    width: 440px;
    height: 290px;
}
.page-company .section-csv .item.o-pen .obj-b {
    position: absolute!important;
    z-index: 1;
    top: 180px;
    left: 170px;
}
.page-company .section-csv .item.kcon-mama {
    height: 375px;
}
.page-company .section-csv .item.kcon-mama h4.title {
    margin-top: 100px;
}
.page-company .section-csv .item.kcon-mama .pic:after {
    background-image: url("./img/custom/csv_b_1_bg.png");
    top: 50px;
    left: 50px;
    width: 400px;
    height: 260px;
}
.page-company .section-csv .item.kcon-mama .obj-a {
    position: relative;
    z-index: 1;
}
.page-company .section-csv .item.kcon-mama .obj-b {
    position: absolute!important;
    z-index: 0;
    top: 185px;
    left: 280px;
}
.page-company .section-csv .item.kcon-mama .module {
    margin-left: 140px;
}
.page-company .section-csv .item.olive {
    height: 420px;
}
.page-company .section-csv .item.olive h4.title {
    margin-top: 60px;
}
.page-company .section-csv .item.olive .pic:after {
    background-image: url("./img/custom/csv_b_2_bg.png");
    top: 70px;
    left: 50px;
    width: 430px;
    height: 310px;
}
.page-company .section-csv .item.olive .obj-b {
    position: absolute!important;
    z-index: 0;
    top: 225px;
    left: -100px;
}
.page-company .section-csv .item.barrier-free h4.title {
    margin-top: 110px;
}
.page-company .section-csv .item.barrier-free .pic:after {
    top: 30px;
    left: 30px;
    background-image: url("./img/custom/csv_bg_3.png");
}
.page-company .section-csv .item.cinema h4.title {
    margin-top: 135px;
}
.page-company .section-csv .item.cinema .pic:after {
    background-image: url("./img/custom/csv_bg_4.png");
    top: 30px;
    right: 30px;
}
.page-company .section-csv .item.school h4.title {
    margin-top: 105px;
}
.page-company .section-csv .item.school .pic:after {
    top: -30px;
    left: 30px;
    background-image: url("./img/custom/csv_bg_5.png");
}
.page-company .section-csv .item.voluntary {
    height: 380px;
}
.page-company .section-csv .item.voluntary h4.title {
    margin-top: 45px;
}
.page-company .section-csv .item.voluntary .pic:after {
    background-image: url("./img/custom/csv_d_1_bg.png");
    top: 50px;
    right: 30px;
    width: 450px;
    height: 275px;
}
.page-company .section-csv .item.voluntary .obj-a {
    position: absolute!important;
    z-index: 1;
    top: 0;
    right: 0;
}
.page-company .section-csv .item.voluntary .obj-b {
    position: absolute!important;
    z-index: 0;
    top: 185px;
    right: 70px;
}
.page-company .section-csv .item.campaign h4.title {
    margin-top: 100px;
}
.page-company .section-csv .item.campaign .pic:after {
    top: 20px;
    left: 20px;
    width: 480px;
    height: 310px;
    background-image: url("./img/custom/csv_bg_1.png");
}
.page-company .section-csv .item.donation .pic:after {
    top: 30px;
    left: 30px;
    width: 480px;
    height: 310px;
    background-image: url("./img/custom/csv_bg_2.png");
}
.page-company .section-csv .item.cinema .nth-child-1,
.page-company .section-csv .item.dia-tv .nth-child-1,
.page-company .section-csv .item.donation .nth-child-1,
.page-company .section-csv .item.olive .nth-child-1,
.page-company .section-csv .item.voluntary .nth-child-1 {
    position: relative;
    z-index: 1;
}
.page-company .section-vision {
    height: 630px;
    text-align: left;
}
.page-company .section-vision .wrap {
    position: relative;
}
.page-company .section-vision h3.title {
    margin: 5px 0 120px;
    font-size: 60px;
}
.page-company .section-vision .core {
    margin: 5px 0 0;
    z-index: 1;
    font-size: 40px;
    line-height: 1;
    color: #000;
}
.page-company .section-vision .core span {
    display: inline-block;
    border-bottom: 3px #000 solid;
}
.page-company .section-vision .desc {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    z-index: 1;
}
.page-company .section-vision .pic {
    position: absolute;
    z-index: 0;
    top: 50px;
    right: 0;
}
.page-company .section-mission {
    text-align: left;
    color: #000;
    background: #fafafa;
}
.page-company .section-mission .wrap {
    position: relative;
    overflow: hidden;
}
.page-company .section-mission h3.title {
    margin: 120px 0 0;
    font-size: 60px;
}
.page-company .section-mission .subject {
    position: absolute;
    top: 500px;
    left: 365px;
    margin: 0;
    font-size: 30px;
}
.page-company .section-mission ul {
    margin-top: 50px;
    height: 660px;
    background-image: url("./img/custom/mission_graph_bg.png");
    background-position: left top;
    overflow: hidden;
}
.page-company .section-mission ul li {
    height: 178px;
}
.page-company .section-mission ul li .module {
    width: 400px;
    height: 178px;
}
.page-company .section-mission ul li p {
    margin: 0;
}
.page-company .section-mission ul li p.core {
    float: right;
    width: 178px;
    height: 178px;
    line-height: 200px;
    text-align: center;
}
.page-company .section-mission ul li p.core span {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2;
}
.page-company .section-mission ul li p.desc {
    float: left;
    margin-top: 115px;
    font-size: 16px;
}
.page-company .section-mission ul li.nth-child-1 {
    margin-top: 20px;
}
.page-company .section-mission ul li.nth-child-1,
.page-company .section-mission ul li.nth-child-1 .module {
    width: 405px;
    height: 196px;
}
.page-company .section-mission ul li.nth-child-1 .core {
    width: 196px;
    height: 196px;
    line-height: 231px;
}
.page-company .section-mission ul li.nth-child-2 {
    margin-top: 13px;
}
.page-company .section-mission ul li.nth-child-2 .module {
    float: right;
    width: 384px;
}
.page-company .section-mission ul li.nth-child-2 .module .core {
    float: left;
    line-height: 209px;
}
.page-company .section-mission ul li.nth-child-2 .module .desc {
    margin: 105px 0 0 30px;
}
.page-company .section-mission ul li.nth-child-3 .module {
    margin-left: 10px;
}
.page-company .section-mission ul li.nth-child-3 .module .core {
    line-height: 189px;
}
.page-company .section-ir {
    margin-top: 65px;
}
.page-company .section-ir iframe {
    width: 100%;
    min-height: 750px;
}
#modalMovie {
    line-height: 1.4;
    min-width: 0;
}
#modalMovie img {
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
#modalMovie .container {
    min-width: 0;
}
#modalMovie p {
    margin: 3px 0;
}
#modalMovie .wrap-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 908px;
}
#modalMovie .icon.more {
    background-image: url("./img/common/icon_more_modal_off.png");
    width: 28px;
    height: 40px;
    background-size: 28px 40px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 20px;
}
#modalMovie .column {
    display: table-cell;
    height: 100%;
    text-align: left;
    vertical-align: top;
}
#modalMovie .column.column-core {
    width: 300px;
}
#modalMovie .column.column-core .holder {
    margin: 80px 20px 0;
}
#modalMovie .column.column-media {
    width: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-left: solid 1px #e2e6e5;
}
#modalMovie .column.column-media .holder {
    margin: 80px 19px 0;
}
#modalMovie .column.column-media .title {
    position: relative;
    margin: 0;
    padding: 20px 0;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    border-top: solid 1px #e3e6e5;
}
#modalMovie .poster {
    margin-bottom: 35px;
}
#modalMovie .poster img {
    width: 260px;
    height: 360px;
}
#modalMovie .titles .status {
    margin: 0;
}
#modalMovie .titles .subject {
    margin: 15px 0 0;
    padding: 0;
    font-size: 24px;
}
#modalMovie .titles .subject-eng {
    margin-top: 5px;
    font-size: 14px;
}
#modalMovie .description dd,
#modalMovie .description dl,
#modalMovie .description dt {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 14px;
    color: #222;
}
#modalMovie .description dl {
    clear: both;
    *zoom: 1;
    padding: 25px 0 27px;
}
#modalMovie .description dl:after,
#modalMovie .description dl:before {
    content: " ";
    display: table;
}
#modalMovie .description dl:after {
    clear: both;
}
#modalMovie .description dd,
#modalMovie .description dt {
    padding: 1px 0;
    float: left;
}
#modalMovie .description dt {
    display: block;
    clear: both;
    margin-top: 2px;
    width: 75px;
    color: #000;
    line-height: 1.4;
}
#modalMovie .description dd {
    display: block;
    width: 185px;
    word-break: keep-all;
}
#modalMovie .share {
    clear: both;
    *zoom: 1;
    border-top: solid 1px #e3e6e5;
    padding-top: 28px;
    margin-left: -8px;
}
#modalMovie .share:after,
#modalMovie .share:before {
    content: " ";
    display: table;
}
#modalMovie .share:after {
    clear: both;
}
#modalMovie .share .icon {
    float: left;
    margin-right: 20px;
}
#modalMovie .share .icon.facebook {
    background-image: url("./img/common/icon_facebook_02.png");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}
#modalMovie .share .icon.twitter {
    background-image: url("./img/common/icon_twitter_02.png");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}
#modalMovie .share .icon.instagram {
    background-image: url("./img/common/icon_instagram_02.png");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}
#modalMovie .share .icon.naverblog {
    background-image: url("./img/common/icon_naverblog_02.png");
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}
#modalMovie .photos {
    clear: both;
    *zoom: 1;
    margin: 0 0 35px;
    min-height: 283px;
}
#modalMovie .photos:after,
#modalMovie .photos:before {
    content: " ";
    display: table;
}
#modalMovie .photos:after {
    clear: both;
}
#modalMovie .photos .item {
    float: left;
    width: 202px;
    display: none;
}
#modalMovie .photos .item.nth-child-1,
#modalMovie .photos .item.nth-child-2,
#modalMovie .photos .item.nth-child-3 {
    display: block;
}
#modalMovie .photos .item .module {
    margin-left: 2px;
    margin-bottom: 2px;
    overflow: hidden;
    height: 200px;
}
#modalMovie .photos .item:nth-child(3n+1) {
    width: 200px;
}
#modalMovie .photos .item:nth-child(3n+1) .module {
    margin-left: 0;
}
#modalMovie .photos .item img {
    width: 200px;
    height: 200px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
#modalMovie .photos .item a {
    position: relative;
    display: block;
    overflow: hidden;
}
#modalMovie .photos .item a:after,
#modalMovie .photos .item a:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
#modalMovie .photos .item a:before {
    background-color: rgba(1, 125, 195, 0.7);
}
#modalMovie .photos .item a:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: url("./img/common/icon_more_plus.png") center center no-repeat;
}
#modalMovie .photos .item a:hover:after,
#modalMovie .photos .item a:hover:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
#modalMovie .photos .item a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
#modalMovie .photos.is-more .item {
    display: block;
}
#modalMovie .photos.is-more .icon.more {
    background-image: url("./img/common/icon_more_modal_on.png");
    width: 28px;
    height: 40px;
    background-size: 28px 40px;
}
#modalMovie .vods {
    margin: 0 0 35px;
    min-height: 431px;
    clear: both;
    *zoom: 1;
}
#modalMovie .vods:after,
#modalMovie .vods:before {
    content: " ";
    display: table;
}
#modalMovie .vods:after {
    clear: both;
}
#modalMovie .vods .item {
    display: none;
    margin-bottom: 20px;
}
#modalMovie .vods .item.nth-child-1 {
    display: block;
}
#modalMovie .vods .module {
    width: 604px;
    height: 330px;
    overflow: hidden;
}
#modalMovie .vods .module a {
    display: block;
    position: relative;
    overflow: hidden;
}
#modalMovie .vods .module a img {
    width: 604px;
    height: 330px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
#modalMovie .vods .module a:after,
#modalMovie .vods .module a:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
#modalMovie .vods .module a:after {
    opacity: 0.8;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    background: url("./img/common/icon_play.png") center center no-repeat;
}
#modalMovie .vods .module a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
#modalMovie .vods .module a:hover:before {
    background-color: rgba(1, 125, 195, 0.7);
}
#modalMovie .vods .module a:hover:after {
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 1;
}
#modalMovie .vods.is-more .item {
    display: block;
}
#modalMovie .vods.is-more .icon.more {
    background-image: url("./img/common/icon_more_modal_on.png");
    width: 28px;
    height: 40px;
    background-size: 28px 40px;
}
.content-modal-content .media-content-title {
    position: relative;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}
.content-modal-content .media-content-title .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .media-content-title .wrap {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    margin-left: -480px;
}
.content-modal-content .media-content-title .wrap .module {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.content-modal-content .media-content-title .wrap .module .inner {
    display: table-cell;
    vertical-align: middle;
}
.content-modal-content .media-content-title .wrap .module .inner,
.content-modal-content .media-content-title .wrap .module .inner .title,
.content-modal-content .media-content-title .wrap .module .inner a {
    color: #fff;
}
.content-modal-content .media-content-title .wrap .title span {
    display: block;
    font-weight: normal;
}
.content-modal-content .media-content-title .wrap .title span.summary {
    font-size: 24px;
    opacity: 0.8;
}
.content-modal-content .media-content-title .wrap .title span.caption {
    margin-top: 20px;
    font-size: 16px;
    opacity: 0.7;
}
.content-modal-content .media-content-title .wrap .title span.core {
    min-height: 130px;
    line-height: 130px;
}
.content-modal-content .media-content-title .wrap .url {
    position: relative;
    margin: 0;
    padding-top: 40px;
}
.content-modal-content .media-content-title .wrap .url:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -21px;
    width: 42px;
    height: 1px;
    background: #fff;
}
.content-modal-content .media-content-title .wrap .url a {
    display: inline-block;
    margin-top: 5px;
    padding-right: 35px;
    font-size: 16px;
    color: #fff;
    background-image: url("./img/common/icon_url_blank_2.png");
    background-position: right center;
    opacity: 0.7;
}
.content-modal-content .media-content-title .wrap .url a:hover {
    opacity: 1;
}
.content-modal-content .media-content-title .wrap .url.url-b {
    padding-top: 0;
    margin-top: 15px;
}
.content-modal-content .media-content-title .wrap .url.url-b:after {
    display: none;
}
.content-modal-content .media-content-title .wrap .sns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}
.content-modal-content .media-content-title .wrap .sns .icon {
    margin: 0 5px;
    width: 67px;
    height: 67px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .media-content-title .wrap .sns .icon.facebook {
    background-image: url("./img/custom/icon_media_facebook.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.instagram {
    background-image: url("./img/custom/icon_media_instagram.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.post {
    background-image: url("./img/custom/icon_media_post.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.cast {
    background-image: url("./img/custom/icon_media_cast.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.pot {
    background-image: url("./img/custom/icon_media_pot.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.kakao {
    background-image: url("./img/custom/icon_media_kakao.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.youtube {
    background-image: url("./img/custom/icon_media_youtube.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.twitter {
    background-image: url("./img/custom/icon_media_twitter.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.google {
    background-image: url("./img/custom/icon_media_google.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.weibo {
    background-image: url("./img/custom/icon_media_weibo.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.blog {
    background-image: url("./img/custom/icon_media_blog.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.mnet {
    background-image: url("./img/custom/icon_media_mnet.png");
}
.content-modal-content .media-content-title .wrap .sns .icon.mwave {
    background-image: url("./img/custom/icon_media_mwave.png");
}
.content-modal-content .media-content-title .wrap .sns a:hover .icon {
    border-color: #ffffff;
}
.content-modal-content .media-content-title .sns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}
.content-modal-content .media-content-title .sns .icon {
    margin: 0 5px;
    width: 67px;
    height: 67px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .media-content-title .sns .icon.facebook {
    background-image: url("./img/custom/icon_media_facebook.png");
}
.content-modal-content .media-content-title .sns .icon.instagram {
    background-image: url("./img/custom/icon_media_instagram.png");
}
.content-modal-content .media-content-title .sns .icon.post {
    background-image: url("./img/custom/icon_media_post.png");
}
.content-modal-content .media-content-title .sns .icon.cast {
    background-image: url("./img/custom/icon_media_cast.png");
}
.content-modal-content .media-content-title .sns .icon.pot {
    background-image: url("./img/custom/icon_media_pot.png");
}
.content-modal-content .media-content-title .sns .icon.kakao {
    background-image: url("./img/custom/icon_media_kakao.png");
}
.content-modal-content .media-content-title .sns .icon.youtube {
    background-image: url("./img/custom/icon_media_youtube.png");
}
.content-modal-content .media-content-title .sns .icon.twitter {
    background-image: url("./img/custom/icon_media_twitter.png");
}
.content-modal-content .media-content-title .sns .icon.google {
    background-image: url("./img/custom/icon_media_google.png");
}
.content-modal-content .media-content-title .sns .icon.weibo {
    background-image: url("./img/custom/icon_media_weibo.png");
}
.content-modal-content .media-content-title .sns .icon.blog {
    background-image: url("./img/custom/icon_media_blog.png");
}
.content-modal-content .media-content-title .sns a:hover .icon {
    border-color: #ffffff;
}
.content-modal-content .media-content-info {
    margin: 100px 0;
    word-break: keep-all;
    font-size: 20px;
    color: #000;
    line-height: 1.8;
}
.content-modal-content .media-content-info .subtitle {
    font-size: 24px;
    color: #000;
}
.content-modal-content .media-content-program {
    position: relative;
    color: #fff;
    overflow: hidden;
}
.content-modal-content .media-content-program .wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    bottom: 0;
    margin-left: -480px;
    vertical-align: middle;
}
.content-modal-content .media-content-program .wrap .logo {
    position: absolute;
    top: 0;
    left: 0;
}
.content-modal-content .media-content-program .wrap .logo,
.content-modal-content .media-content-program .wrap .logo img {
    width: 150px;
    height: 150px;
}
.content-modal-content .media-content-program .wrap .title {
    margin: 120px 0 0;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
}
.content-modal-content .media-content-program .wrap p {
    margin: 25px 0 30px;
    font-size: 16px;
}
.content-modal-content .media-content-program .wrap a {
    display: inline-block;
    margin-top: 245px;
    padding-right: 35px;
    font-size: 16px;
    color: #fff;
    background-image: url("./img/common/icon_url_blank_2.png");
    background-position: right center;
}
.content-modal-content .media-content-program .wrap a span {
    padding-bottom: 3px;
    background-image: url("./img/custom/media_program_url_bg.png");
    background-repeat: repeat-x;
    background-position: left bottom;
}
.content-modal-content .media-content-program .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .media-content-channel {
    margin: 0 auto -100px;
    max-width: 1200px;
}
.content-modal-content .media-content-channel .wrap {
    position: relative;
}
.content-modal-content .media-content-channel .title {
    margin: 80px 0 50px;
    font-size: 28px;
    font-weight: 400;
}
.content-modal-content .media-content-channel .slider {
    overflow: hidden;
    height: 460px!important;
    text-align: center;
}
.content-modal-content .media-content-channel .slider .flipster__item,
.content-modal-content .media-content-channel .slider li {
    margin: 0 auto;
    width: 600px;
    opacity: 1;
}
.content-modal-content .media-content-channel .slider .flipster__item .module,
.content-modal-content .media-content-channel .slider li .module {
    position: relative;
    overflow: hidden;
}
.content-modal-content .media-content-channel .slider .flipster__item .module,
.content-modal-content .media-content-channel .slider .flipster__item .module a,
.content-modal-content .media-content-channel .slider li .module,
.content-modal-content .media-content-channel .slider li .module a {
    color: #fff;
}
.content-modal-content .media-content-channel .slider .flipster__item a:after,
.content-modal-content .media-content-channel .slider li a:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #161616;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .media-content-channel .slider .flipster__item span,
.content-modal-content .media-content-channel .slider li span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    opacity: 0;
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform: translate(0, 10%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .media-content-channel .slider .flipster__item span.core,
.content-modal-content .media-content-channel .slider li span.core {
    top: 75%;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.content-modal-content .media-content-channel .slider .flipster__item span.desc,
.content-modal-content .media-content-channel .slider li span.desc {
    top: 83%;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.content-modal-content .media-content-channel .slider .flipster__item.flipster__item--current a:after,
.content-modal-content .media-content-channel .slider li.flipster__item--current a:after {
    opacity: 0.4;
}
.content-modal-content .media-content-channel .slider .flipster__item.flipster__item--current span,
.content-modal-content .media-content-channel .slider li.flipster__item--current span {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.content-modal-content .media-content-channel .flipster__button {
    display: none;
    position: absolute;
    top: 50%;
    margin: -40px 0 0;
    font-size: 12px;
    color: #222;
}
.content-modal-content .media-content-channel .flipster__button span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 20px 0;
    width: 75px;
    text-align: center;
}
.content-modal-content .media-content-channel .flipster__button:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 50%;
    width: 50px;
    height: 1px;
    background: #000;
}
.content-modal-content .media-content-channel .flipster__button--prev {
    left: -120px;
    padding-left: 50px;
}
.content-modal-content .media-content-channel .flipster__button--prev:after {
    left: 0;
}
.content-modal-content .media-content-channel .flipster__button--next {
    right: -120px;
    padding-right: 50px;
}
.content-modal-content .media-content-channel .flipster__button--next:after {
    right: 0;
}
.content-modal-content .media-content-channel .flipster__nav {
    position: absolute;
    top: 380px;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
}
.content-modal-content .media-content-channel .flipster__nav .flipster__nav__item {
    display: inline-block;
    width: auto;
    position: relative;
}
.content-modal-content .media-content-channel .flipster__nav .flipster__nav__item a {
    display: block;
    margin: 0 2px;
    width: 60px;
    height: 40px;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
}
.content-modal-content .media-content-channel .flipster__nav .flipster__nav__item a:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    height: 1px;
    opacity: 0.25;
    background: #000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .media-content-channel .flipster__nav .flipster__nav__item a:hover:after,
.content-modal-content .media-content-channel .flipster__nav .flipster__nav__item.flipster__nav__item--current a:after {
    height: 2px;
    opacity: 1;
}
@media only screen and (min-width:1025px) {
    .content-modal-content .media-content-channel .flipster__button {
        display: inline-block;
    }
    .content-modal-content .media-content-channel .slider-count {
        display: block;
    }
}
.content-modal-content .media-content-slogan {
    position: relative;
    margin-top: 100px;
    overflow: hidden;
}
.content-modal-content .media-content-slogan .pic {
    position: relative;
    z-index: 1;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .section-business-about {
    position: relative;
    color: #000;
    text-align: center;
    overflow: hidden;
}
.content-modal-content .section-business-about > .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .section-business-about .pos-absolute {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -480px;
}
.content-modal-content .section-business-about .pos-absolute .table {
    height: 100%;
}
.content-modal-content .section-business-about .table {
    text-align: left;
    table-layout: fixed;
}
.content-modal-content .section-business-about.is-col-2 .cell {
    width: 50%;
}
.content-modal-content .section-business-about.is-col-2 .cell .module p {
    margin-right: 20px;
    word-break: keep-all;
}
.lang-cn .content-modal-content .section-business-about.is-col-2 .cell .module p {
    word-break: break-all;
}
.content-modal-content .section-business-about.is-col-2 .cell .pic {
    width: 960px;
}
.content-modal-content .section-business-about.is-col-2 .cell.nth-child-1 .module {
    float: right;
    width: 100%;
    max-width: 480px;
}
.content-modal-content .section-business-about.is-col-2 .cell.nth-child-1 .pic {
    float: right;
}
.content-modal-content .section-business-about.is-col-2 .cell.nth-child-1 .pic img {
    float: right;
}
.content-modal-content .section-business-about.is-col-2 .cell.nth-child-2 .module p {
    margin-left: 50px;
    max-width: 400px;
}
.content-modal-content .section-business-about.is-col-2 .cell.vertical-bottom {
    vertical-align: bottom;
}
.content-modal-content .section-business-about.is-col-2 .cell.vertical-bottom img {
    margin-top: 20px;
}
.content-modal-content .section-business-about .ldquo {
    position: absolute;
    margin-top: -35px;
    background-image: url("./img/custom/icon_quotes.png");
    width: 19px;
    height: 18px;
    background-size: 19px 18px;
}
.content-modal-content .section-business-about .ldquo.white {
    background-image: url("./img/custom/icon_quotes_white.png");
}
.content-modal-content .section-business-about p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}
.content-modal-content .section-business-about .large {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.4;
}
.content-modal-content .section-business-about .large.eng {
    font-weight: normal;
}
.content-modal-content .section-business-about .xlarge {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.4;
}
.content-modal-content .section-business-about .small {
    font-size: 12px;
}
.content-modal-content .mama-about-a {
    color: #fff;
}
.content-modal-content .mama-about-a .nth-child-1 {
    background-image: url("./img/custom/mama_bg_1.png");
    background-position: right top;
}
.content-modal-content .mama-about-a .nth-child-1 .module p.small {
    margin-top: 15px;
}
.content-modal-content .mama-about-c {
    margin-bottom: -100px;
}
.content-modal-content .music-licensing-about .nth-child-2 .module {
    margin-left: 65px;
    text-align: left;
}
.content-modal-content .music-licensing-about .nth-child-2 .module .subtitle {
    margin-top: 175px;
}
.content-modal-content .kcon-about-b {
    margin-top: 75px;
    padding-top: 65px;
    padding-bottom: 80px;
    position: relative;
}
.content-modal-content .kcon-about-b .table {
    position: relative;
    z-index: 1;
}
.content-modal-content .kcon-about-b:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border: 1px #d0d0d0 solid;
    border-left: 0;
    width: 96%;
    max-width: 1410px;
}
.content-modal-content .sia-about-a {
    margin-top: 60px;
}
.content-modal-content .sia-about-c .nth-child-1 {
    color: #fff;
    font-size: 16px;
    height: 330px;
    background-image: url("./img/custom/sia_bg_1.png");
    background-position: right top;
}
.content-modal-content .sia-about-c .nth-child-2 {
    border-top: 1px #e5e5e5 solid;
}
.content-modal-content .olive-festival-about .module {
    text-align: left;
}
.content-modal-content .olive-festival-about .module p {
    font-size: 15px;
    color: #333;
}
.content-modal-content .olive-festival-about .module p.core {
    font-size: 22px;
    color: #000;
}
.content-modal-content .olive-festival-about.olive-festival-about-a {
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}
.content-modal-content .olive-festival-about.olive-festival-about-a .wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -480px;
}
.content-modal-content .olive-festival-about.olive-festival-about-a .wrap .module {
    margin: 275px 0 0 350px;
}
.content-modal-content .olive-festival-about.olive-festival-about-a .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .olive-festival-about.olive-festival-about-b {
    position: relative;
    z-index: 1;
    margin-top: -30px;
}
.content-modal-content .olive-festival-about.olive-festival-about-b .module {
    margin: 0 auto;
    width: 770px;
}
.content-modal-content .olive-festival-about.olive-festival-about-b .module .core {
    margin-top: 40px;
}
.content-modal-content .valley-festival-about-a {
    margin-top: 65px;
}
.content-modal-content .valley-festival-about-a .nth-child-1 {
    color: #fff;
    background-image: url("./img/custom/valley_festival_bg_1.png");
    background-position: right top;
}
.content-modal-content .valley-festival-about-d {
    margin-bottom: -100px;
}
.content-modal-content .enm-music-about-a {
    overflow: hidden;
    text-align: left;
}
.content-modal-content .enm-music-about-a .upper {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 1220px;
}
.content-modal-content .enm-music-about-a .upper .grid {
    margin: 0 -5px;
}
.content-modal-content .enm-music-about-a .upper .grid .col {
    width: 25%;
}
.content-modal-content .enm-music-about-a .upper .grid .col .module {
    margin: 0 5px;
}
.content-modal-content .enm-music-about-a .downer h5.title {
    margin: 50px 0;
    font-size: 24px;
    text-align: center;
}
.content-modal-content .enm-music-about-a .downer .grid {
    margin: 0 -40px;
}
.content-modal-content .enm-music-about-a .downer .grid .module {
    margin: 0 40px;
}
.content-modal-content .enm-music-about-a .downer .grid .module .title {
    margin: 0;
    padding: 0 0 5px;
    font-size: 18px;
    border-bottom: 1px #000 solid;
}
.content-modal-content .enm-music-about-a .downer .grid .module p {
    font-size: 15px;
    line-height: 1.6;
}
.content-modal-content .enm-music-about-b {
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}
.content-modal-content .enm-music-about-b .wrap {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 40px;
    margin-left: -480px;
    font-size: 15px;
    color: #fff;
}
.content-modal-content .enm-music-about-b .wrap .module h5.title {
    color: #fff;
    margin: 0;
    font-size: 24px;
}
.content-modal-content .enm-music-about-b .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .enm-music-about-c {
    margin-top: 60px;
}
.content-modal-content .enm-music-about-c h5.title {
    margin: 0;
    font-size: 24px;
}
.content-modal-content .enm-music-about-c .upper .grid .col {
    width: 25%;
}
.content-modal-content .enm-music-about-c .downer {
    text-align: left;
}
.content-modal-content .enm-music-about-c .downer .grid {
    margin: 0 -40px;
}
.content-modal-content .enm-music-about-c .downer .grid .module {
    margin: 0 40px;
}
.content-modal-content .enm-music-about-c .downer .grid .module .title {
    margin: 0;
    padding: 0 0 5px;
    font-size: 18px;
    border-bottom: 1px #000 solid;
}
.content-modal-content .enm-music-about-c .downer .grid .module p {
    font-size: 15px;
    line-height: 1.6;
}
.lang-cn .content-modal-content .digital-music-about h5.title,
.lang-cn .content-modal-content .enm-music-about-a h5.title,
.lang-cn .content-modal-content .enm-music-about-b h5.title,
.lang-cn .content-modal-content .enm-music-about-c h5.title {
    font-weight: normal;
    font-family: 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
}
.content-modal-content .digital-music-about {
    position: relative;
    overflow: hidden;
}
.content-modal-content .digital-music-about .wrap.pos-absolute {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -480px;
    font-size: 15px;
    color: #000;
}
.content-modal-content .digital-music-about .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .digital-music-about .col {
    text-align: left;
}
.content-modal-content .digital-music-about .col.pull-right {
    float: right;
}
.content-modal-content .digital-music-about .col h5.title {
    position: relative;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}
.content-modal-content .digital-music-about .col h5.title span {
    display: inline-block;
}
.content-modal-content .digital-music-about .col h5.title:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #000;
}
.content-modal-content .digital-music-about .col p {
    margin: 25px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}
.content-modal-content .digital-music-about .col:first-child .module {
    margin-right: 30px;
}
.content-modal-content .digital-music-about.digital-music-about-a h5.title {
    margin-top: 180px;
    color: #fff;
}
.content-modal-content .digital-music-about.digital-music-about-a h5.title:after {
    display: none;
}
.content-modal-content .digital-music-about.digital-music-about-a h5.title span {
    border-bottom: 1px #fff solid;
}
.content-modal-content .digital-music-about.digital-music-about-a p {
    color: #fff;
}
.content-modal-content .digital-music-about.digital-music-about-b h5.title {
    margin-top: 65px;
}
.content-modal-content .digital-music-about.digital-music-about-b h5.title:after {
    right: -60px;
}
.content-modal-content .digital-music-about.digital-music-about-c h5.title {
    margin-top: 240px;
}
.content-modal-content .digital-music-about.digital-music-about-c h5.title:after {
    display: none;
}
.content-modal-content .digital-music-about.digital-music-about-c h5.title span {
    border-bottom: 1px #000 solid;
}
.content-modal-content .digital-music-about.digital-music-about-d h5.title {
    margin-top: 160px;
    z-index: 0;
}
.content-modal-content .digital-music-about.digital-music-about-d h5.title:after {
    right: -100%;
}
.content-modal-content .digital-music-about.digital-music-about-d img {
    position: relative;
    z-index: 0;
}
.content-modal-content .digital-music-about.digital-music-about-e h5.title {
    margin-top: 155px;
    z-index: 0;
}
.content-modal-content .digital-music-about.digital-music-about-e h5.title:after {
    left: -65px;
    right: 0;
    z-index: 1;
}
.content-modal-content .digital-music-about.digital-music-about-e img {
    position: relative;
    z-index: 1;
    max-width: initial;
    margin-left: -30px;
}
.content-modal-content .digital-music-about.digital-music-about-e .module {
    margin-left: 65px;
}
.content-modal-content .animation-tooniverse-a {
    position: relative;
    margin-top: 80px;
    background-image: url("./img/custom/tooniverse_animation_obj_2_bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    overflow: hidden;
}
.content-modal-content .animation-tooniverse-a .wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: 260px 0 0 -480px;
    vertical-align: middle;
    font-size: 15px;
    color: #000;
}
.content-modal-content .animation-tooniverse-a .wrap .nth-child-1 {
    text-align: left;
}
.content-modal-content .animation-tooniverse-a .wrap .nth-child-2 {
    text-align: right;
}
.content-modal-content .animation-tooniverse-a .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .animation-tooniverse-b {
    position: relative;
    text-align: left;
    overflow: hidden;
}
.content-modal-content .animation-tooniverse-b .wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -480px;
}
.content-modal-content .animation-tooniverse-b .wrap .title {
    margin: 180px 0 30px;
    font-size: 30px;
}
.content-modal-content .animation-tooniverse-b .wrap p {
    font-size: 15px;
    color: #000;
}
.content-modal-content .animation-tooniverse-b .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .section-stories-interview {
    position: relative;
    margin-top: 80px;
    padding: 50px 0 80px;
}
.content-modal-content .section-stories-interview:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    bottom: 0;
    margin-left: -960px;
    width: 1920px;
    background: url("./img/common/bg_f5f5f5.png");
}
.content-modal-content .section-stories-interview .wrap {
    position: relative;
    z-index: 1;
}
.content-modal-content .section-stories-interview .core {
    width: 690px;
}
.content-modal-content .section-stories-interview .core img {
    width: 660px;
}
.content-modal-content .section-stories-interview .desc {
    margin-top: 45px;
    width: 270px;
    text-align: left;
}
.content-modal-content .section-stories-interview .desc a {
    position: relative;
    color: #000;
    word-break: keep-all;
    text-decoration: none;
}
.content-modal-content .section-stories-interview .desc a .subject {
    display: block;
    color: #000;
    font-size: 24px;
    line-height: 1.7;
}
.content-modal-content .section-stories-interview .desc a .name {
    display: block;
    margin-top: 30px;
}
.content-modal-content .section-stories-interview .desc a:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    background-image: url("./img/custom/icon_stories_interview.png");
    width: 21px;
    height: 21px;
    background-size: 21px 21px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.content-modal-content .section-stories-interview .desc a:hover .subject {
    text-decoration: underline;
}
.content-modal-content .section-stories-interview .desc a:hover:after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    background-image: url("./img/custom/icon_stories_interview.png");
    width: 21px;
    height: 21px;
    background-size: 21px 21px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.content-modal-content .section-jobs-title {
    margin-top: 105px;
    text-align: left;
}
.content-modal-content .section-jobs-title .wrap {
    position: relative;
    height: 65px;
    border-bottom: 1px #000 solid;
}
.content-modal-content .section-jobs-title .wrap .subject {
    margin: 0;
    color: #000;
    font-size: 42px;
    font-weight: 300;
}
.content-modal-content .section-jobs-title .wrap .sns {
    position: absolute;
    top: 15px;
    right: 0;
}
.content-modal-content .section-jobs-title .wrap .sns li {
    position: relative;
}
.content-modal-content .section-jobs-title .wrap .sns li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 9px;
    background: #d5d5d5;
}
.content-modal-content .section-jobs-title .wrap .sns li:first-child:after {
    display: none;
}
.content-modal-content .section-jobs-title .wrap .sns li a {
    opacity: 0.3;
}
.content-modal-content .section-jobs-title .wrap .sns li a .icon.facebook {
    background-image: url("./img/custom/icon_jobs_view_facebook.png");
    width: 38px;
    height: 30px;
    background-size: 38px 30px;
}
.content-modal-content .section-jobs-title .wrap .sns li a .icon.twitter {
    background-image: url("./img/custom/icon_jobs_view_twitter.png");
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}
.content-modal-content .section-jobs-title .wrap .sns li a:hover,
.content-modal-content .section-jobs-title .wrap .sns li.in a {
    opacity: 1;
}
.content-modal-content .section-jobs-view {
    margin-top: 40px;
}
.content-modal-content .section-jobs-view .jobs-view-top {
    position: relative;
}
.content-modal-content .section-jobs-view .jobs-view-top .title,
.content-modal-content .section-jobs-view .jobs-view-top p {
    position: absolute;
    left: 30px;
    margin: 0;
    color: #fff;
}
.content-modal-content .section-jobs-view .jobs-view-top .d-day {
    top: 25px;
    font-size: 24px;
}
.content-modal-content .section-jobs-view .jobs-view-top .title {
    bottom: 70px;
    font-size: 34px;
    font-weight: 300;
}
.content-modal-content .section-jobs-view .jobs-view-top .desc {
    bottom: 30px;
    font-size: 18px;
}
.content-modal-content .section-jobs-view .jobs-view-body {
    margin-top: 50px;
}
.content-modal-content .section-jobs-view .jobs-view-body table td,
.content-modal-content .section-jobs-view .jobs-view-body table th {
    padding: 15px 0;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px #dcdcdc solid;
}
.content-modal-content .section-jobs-view .jobs-view-body table td p,
.content-modal-content .section-jobs-view .jobs-view-body table th p {
    margin: 5px 0;
    padding: 0;
}
.content-modal-content .section-jobs-view .jobs-view-body table td ul:first-child,
.content-modal-content .section-jobs-view .jobs-view-body table th ul:first-child {
    margin-top: 0;
}
.content-modal-content .section-jobs-view .jobs-view-body table th {
    font-size: 16px;
    font-weight: 600;
}
.content-modal-content .section-jobs-view .jobs-view-body table th span {
    display: block;
    padding-left: 30px;
}
.content-modal-content .tab-c {
    margin-top: 0;
}
.content-modal-content .business-list {
    margin-top: -15px;
    overflow: hidden;
    text-align: left;
}
.content-modal-content .business-list > .grid {
    margin: -5px;
}
.content-modal-content .business-list .item {
    float: left;
    width: 20%;
}
.content-modal-content .business-list .item .module {
    margin: 5px;
}
.content-modal-content .business-list .item .module a {
    display: block;
    position: relative;
}
.content-modal-content .business-list .item .module a:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .business-list .item a:hover:after,
.content-modal-content .business-list .item.in a:after {
    opacity: 0.6;
}
.content-modal-content .business-summary {
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.content-modal-content .business-summary .grid {
    clear: both;
    margin: 65px 0 30px;
    border: 1px #dcdcdc solid;
}
.content-modal-content .business-summary .grid .col.pic {
    width: 378px;
    height: 303px;
    text-align: center;
    background-image: url("./img/custom/concert_summary_bg.png");
    background-repeat: repeat;
}
.content-modal-content .business-summary .grid .col.pic img {
    -webkit-box-shadow: 10px 10px 25px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 25px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.content-modal-content .business-summary .grid .col.information {
    width: 580px;
    line-height: 1.2;
    color: #666;
}
.content-modal-content .business-summary .grid .col.information .downer,
.content-modal-content .business-summary .grid .col.information .upper {
    margin: 0 45px;
}
.content-modal-content .business-summary .grid .col.information .upper .desc {
    margin: 35px 0 0;
}
.content-modal-content .business-summary .grid .col.information .upper .core {
    margin: 15px 0 0;
    font-size: 22px;
    color: #000;
}
.content-modal-content .business-summary .grid .col.information .downer {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px #e6e6e6 solid;
}
.content-modal-content .business-summary .grid .col.information .downer li {
    margin: 10px 0;
}
.content-modal-content .business-summary .grid .col.information .downer li .subject {
    display: inline-block;
    width: 85px;
    color: #000;
}
.content-modal-content .business-summary .summary-close {
    position: absolute;
    top: 65px;
    right: 0;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.content-modal-content .business-summary .summary-close i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -14px;
    width: 28px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .business-summary .summary-close i:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.content-modal-content .business-summary.in {
    opacity: 1;
    max-height: 500px;
}
.content-modal-content .business-summary.in .summary-close i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.content-modal-content .business-summary.in .summary-close i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.content-modal-content .business-summary.in .summary-close.in i,
.content-modal-content .business-summary.in .summary-close.in i:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.content-modal-content .business-summary.in .col.pic img,
.content-modal-content .business-summary.re-in .col.pic img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.content-modal-content .business-summary.re-out .col.pic img {
    -webkit-transform: translate(0, 7%);
    -ms-transform: translate(0, 7%);
    transform: translate(0, 7%);
    opacity: 0.7;
}
.content-modal-content .section-concert {
    margin-bottom: 50px;
}
.content-modal-content .section-concert .business-summary .pic img {
    margin-top: -37px;
    width: 226px;
    height: 324px;
}
.content-modal-content .section-animation-production {
    margin-top: 50px;
}
.content-modal-content .section-animation-production .business-summary .pic img {
    margin-top: -30px;
    width: 297px;
    height: 297px;
}
.lang-cn .content-modal-content .section-animation-production .business-summary .downer .subject,
.lang-en .content-modal-content .section-animation-production .business-summary .downer .subject {
    width: 130px!important;
}
.content-modal-content .section-licencing-about {
    position: relative;
    overflow: hidden;
}
.content-modal-content .section-licencing-about h5.title {
    margin: 0;
    font-size: 28px;
    font-weight: normal;
}
.content-modal-content .section-licencing-about p {
    margin: 30px 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}
.content-modal-content .section-licencing-about .wrap {
    text-align: left;
}
.content-modal-content .section-licencing-about .wrap.pos-absolute {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -480px;
    font-size: 15px;
    color: #000;
}
.content-modal-content .section-licencing-about .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a {
    margin-top: 70px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .upper {
    margin: 0 -4px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .upper .col {
    width: 25%;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .upper .col .module {
    margin: 0 4px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .downer .core {
    width: 345px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .downer .core .title {
    margin: 30px 0 0 50px;
}
.content-modal-content .section-licencing-about.section-licencing-about-a .downer .desc {
    width: 615px;
}
.content-modal-content .section-licencing-about.section-licencing-about-b .module {
    float: right;
    margin-top: 150px;
    width: 390px;
}
.content-modal-content .section-licencing-about.section-licencing-about-c .nth-child-1 .module {
    margin-right: 40px;
}
.content-modal-content .section-licencing-about.section-licencing-about-c .nth-child-2 {
    width: 620px;
    text-align: right;
}
.section-stories-view {
    text-align: left;
}
.section-stories-view .stories-view-top {
    margin-top: 100px;
    border-bottom: 1px #000 solid;
}
.section-stories-view .stories-view-top .col.title .subject {
    margin: 0;
    padding-bottom: 10px;
    font-size: 42px;
    font-weight: 400;
}
.section-stories-view .stories-view-top .col.tab-wrap {
    float: right;
}
.section-stories-view .stories-view-top .col.tab-wrap ul {
    margin: 30px -15px 0 0;
}
.section-stories-view .stories-view-top .col.tab-wrap ul li {
    position: relative;
    font-size: 16px;
}
.section-stories-view .stories-view-top .col.tab-wrap ul li a {
    display: block;
    padding: 0 12px;
    color: #333;
}
.section-stories-view .stories-view-top .col.tab-wrap ul li:after {
    content: '/';
    position: absolute;
    top: 0;
    left: -4px;
    color: #d2d2d2;
}
.section-stories-view .stories-view-top .col.tab-wrap ul li:first-child:after {
    display: none;
}
.section-stories-view .stories-view-top .col.tab-wrap ul li a:hover,
.section-stories-view .stories-view-top .col.tab-wrap ul li.in a {
    color: #007dc3;
}
.section-stories-view .stories-view-body .grid {
    margin-top: 60px;
}
.section-stories-view .stories-view-body .grid .col.title {
    width: 330px;
}
.section-stories-view .stories-view-body .grid .col.title .subject {
    margin: 0;
    font-size: 24px;
}
.section-stories-view .stories-view-body .grid .col.explain {
    width: 630px;
    padding-bottom: 45px;
    line-height: 1.8;
    border-bottom: 1px #d6d6d6 solid;
}
.section-stories-view .stories-view-body .grid .col.explain h6.title {
    margin: 40px 0 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
}
.section-stories-view .stories-view-body .grid .col.explain p {
    margin: 20px 0 0;
}
.section-stories-view .stories-view-body .grid .col.explain > :first-child {
    margin-top: 0px!important;
}
.section-stories-view .stories-view-body .grid .col.explain ol.list {
    margin-top: 10px;
    padding-left: 15px;
}
.section-stories-view .section-button {
    margin-top: 20px;
    text-align: right;
}
.page-careers .section-title {
    margin-top: 40px;
    text-align: left;
}
.page-careers .section-title .title {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    height: 82px;
    line-height: 82px;
    font-size: 60px;
}
.page-careers .section-title .summary {
    margin: 25px 0 0;
    font-size: 30px;
    color: #000;
}
.page-careers .section-title .desc {
    margin: 5px 0 0;
    color: #333;
    line-height: 1.6;
}
.page-careers .section-title .desc a {
    color: #007dc3;
}
.page-careers .section-subject {
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
.page-careers .section-subject .title {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 60px;
    margin: 0;
    padding: 21px 0 0;
    line-height: 67px;
    color: #000;
}
.page-careers .section-subject .title:before {
    content: '';
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: #000;
}
.page-careers .section-subject .summary {
    margin: 35px 0 0;
    padding: 0;
    font-size: 30px;
    line-height: 1.2;
}
.page-careers .section-subject .desc {
    margin: 15px 0 0;
    color: #333;
}
.page-careers .section-stories {
    margin-top: 80px;
    text-align: left;
}
.page-careers .section-stories .title {
    position: relative;
    margin: 0 35px 0 0;
    padding-top: 15px;
    font-size: 24px;
    font-weight: 400;
}
.page-careers .section-stories .title:before {
    position: absolute;
    display: block;
    overflow: hidden;
    content: '';
    top: 0;
    height: 2px;
    left: 0;
    width: 0;
    background-color: #000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.page-careers .section-stories.is-inview .title:before {
    width: 100%;
}
.page-careers .section-stories .col.subject {
    width: 230px;
}
.page-careers .section-stories .col.list-wrap {
    width: 730px;
}
.page-careers .section-stories .col.list-wrap .stories-list {
    margin-top: -20px;
    width: 750px;
}
.page-careers .section-stories .col.list-wrap .stories-list .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic {
    overflow: hidden;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    width: 0;
    height: 4px;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before {
    width: 4px;
    height: 0;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > img,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > img:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    opacity: 1;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    width: 100%;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before {
    height: 100%;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module {
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic {
    overflow: hidden;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > img {
    display: block;
    -webkit-transition: -webkit-transform 1200ms ease 0s;
    transition: -webkit-transform 1200ms ease 0s;
    -o-transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s;
    transition: transform 1200ms ease 0s, -webkit-transform 1200ms ease 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic > img:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    width: 4px;
    height: 4px;
    background: #74c4f1;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    width: 0;
    height: 4px;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:before {
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#74c4f1), to(#b597b0));
    background: -o-linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    background: linear-gradient(left, #74c4f1 0%, #b597b0 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module:after {
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, #b299b2), to(#f36c71));
    background: -o-linear-gradient(left, #b299b2 0%, #f36c71 100%);
    background: linear-gradient(left, #b299b2 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before {
    width: 4px;
    height: 0;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:before {
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b597b0), to(#f36c71));
    background: -o-linear-gradient(top, #b597b0 0%, #f36c71 100%);
    background: linear-gradient(top, #b597b0 0%, #f36c71 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after {
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #74c4f1), to(#b299b2));
    background: -o-linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    background: linear-gradient(top, #74c4f1 0%, #b299b2 100%);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > img,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > a,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > img {
    -webkit-animation-delay: 0!important;
    animation-delay: 0!important;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic > img:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > a:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic > img:after {
    opacity: 0.5;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    opacity: 1;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    width: 100%;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before {
    height: 100%;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover:after {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:before,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:before {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.page-careers .section-stories .col.list-wrap .stories-list .module.in .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .module:hover .pic:after {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.page-careers .section-stories .col.list-wrap .stories-list .item {
    float: left;
    width: 250px;
}
.page-careers .section-stories .col.list-wrap .stories-list .item .module {
    margin-top: 20px;
    margin-right: 20px;
}
.page-careers .section-stories .col.list-wrap .stories-list .item .module:after {
    bottom: 40px;
}
.page-careers .section-stories .col.list-wrap .stories-list .item .module:hover .pic:after,
.page-careers .section-stories .col.list-wrap .stories-list .item .module:hover .pic:before {
    height: 275px;
}
.page-careers .section-stories .col.list-wrap .stories-list .item .desc {
    margin-top: 12px;
    font-size: 20px;
    height: 28px;
}
.page-careers .section-stories .col.list-wrap .stories-list .module .pic:after {
    bottom: 40px;
}
.page-careers .bbs-line-up {
    margin-top: 30px;
}
.page-careers .bbs-line-up .tab-wrap ul {
    margin-bottom: 0;
}
.page-careers .bbs-line-up .line-up {
    float: right;
}
.page-careers .bbs-line-up .line-up ul {
    margin: 40px -10px 0 0;
}
.page-careers .bbs-line-up .line-up ul a .icon.list {
    background-image: url("./img/common/icon_lineup_list_off.png");
    width: 33px;
    height: 29px;
    background-size: 33px 29px;
}
.page-careers .bbs-line-up .line-up ul a .icon.image {
    background-image: url("./img/common/icon_lineup_image_off.png");
    width: 34px;
    height: 29px;
    background-size: 34px 29px;
}
.page-careers .bbs-line-up .line-up ul .in a .icon.list,
.page-careers .bbs-line-up .line-up ul a:hover .icon.list {
    background-image: url("./img/common/icon_lineup_list_on.png");
}
.page-careers .bbs-line-up .line-up ul .in a .icon.image,
.page-careers .bbs-line-up .line-up ul a:hover .icon.image {
    background-image: url("./img/common/icon_lineup_image_on.png");
}
.page-careers .featured-jobs .subject {
    padding-left: 30px;
    text-align: left;
}
.page-careers .featured-jobs td {
    color: #666;
}
.page-careers .featured-jobs td span {
    display: block;
}
.page-careers .featured-jobs td span.primary {
    color: #000;
}
.page-careers .featured-jobs td span .large {
    font-size: 20px;
}
.page-careers .section-jobs-card .wrap {
    overflow: hidden;
}
.page-careers .section-jobs-card .jobs-card-list {
    border-top: 1px #969696 solid;
    width: 990px;
    clear: both;
    *zoom: 1;
}
.page-careers .section-jobs-card .jobs-card-list:after,
.page-careers .section-jobs-card .jobs-card-list:before {
    content: " ";
    display: table;
}
.page-careers .section-jobs-card .jobs-card-list:after {
    clear: both;
}
.page-careers .section-jobs-card .jobs-card-list .item {
    float: left;
    width: 330px;
}
.page-careers .section-jobs-card .jobs-card-list .item .module {
    margin: 30px 30px 0 0;
    height: 243px;
    border: 1px #dcdcdc solid;
    text-align: left;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .core {
    position: relative;
    padding: 15px 0 0 30px;
    height: 65px;
    color: #000;
    background: #fafafa;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .core .d-day {
    position: absolute;
    top: 15px;
    right: 25px;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .core p {
    margin: 3px 0;
    font-size: 16px;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .core p.team {
    font-weight: 300;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .desc {
    padding: 20px 0 0 30px;
    border-top: 1px #dcdcdc solid;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .desc li {
    margin: 7px 0;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .desc li span {
    display: inline-block;
    width: 40px;
    color: #000;
}
.page-careers .section-jobs-card .jobs-card-list .item .module .desc .action {
    margin: 30px 30px 0 0;
    text-align: center;
}
.page-careers .section-careers {
    margin: 60px 0 80px;
    text-align: left;
}
.page-careers .section-careers .table {
    margin-top: 80px;
    table-layout: fixed;
}
.page-careers .section-careers .table:first-child {
    margin-top: 0;
}
.page-careers .section-careers .table .pic {
    position: relative;
    width: 400px;
}
.page-careers .section-careers .table .pic .js-color-mask .color-mask {
    background: transparent;
}
.page-careers .section-careers .table .pic img {
    position: relative;
}
.page-careers .section-careers .table .pic:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 400px;
    height: 280px;
}
.page-careers .section-careers .table h4.title {
    margin: 0;
    font-size: 20px;
}
.page-careers .section-careers .table p {
    margin: 30px 0 0;
    line-height: 1.6;
}
.page-careers .section-careers .table .cell.nth-child-1:after {
    top: 20px;
    left: 30px;
    background-image: url("./img/custom/careers_bg_1.png");
}
.page-careers .section-careers .table .cell.nth-child-1 .module {
    margin-right: 50px;
}
.page-careers .section-careers .table .cell.nth-child-2:after {
    top: 40px;
    right: 20px;
    background-image: url("./img/custom/careers_bg_2.png");
}
.page-careers .section-careers .table .cell.nth-child-2 .module {
    margin-left: 65px;
}
.page-etc #header #lnb {
    display: none;
}
.page-etc .section-title {
    text-align: left;
}
.page-etc .section-title h3.title {
    margin: 10px 0 0;
    font-size: 48px;
    font-weight: 300;
}
.page-etc .section-title .desc {
    margin: 40px 0 0;
    font-size: 14px;
    color: #333;
}
.page-etc .section-provision {
    text-align: left;
}
.page-etc .section-provision.border-top {
    margin-top: 50px;
}
.page-etc .section-provision.border-top .wrap {
    padding-top: 10px;
    border-top: 1px #969696 solid;
}
.page-etc .section-provision h4.title {
    margin: 50px 0 25px;
    height: 36px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px #969696 solid;
}
.page-etc .section-provision p {
    margin: 20px 0;
    line-height: 1.8;
}
.page-etc .section-provision table tbody tr:nth-child(odd) td {
    background: #fafafa;
}
.page-etc .section-provision table.border-top-none {
    border-top: 0;
    margin-top: -25px;
}
.page-etc .section-provision ol {
    padding-left: 15px;
}
.page-etc .section-provision ol li {
    margin: 5px 0;
    line-height: 1.6;
}
.page-etc .section-provision .list-ol-a {
    margin: 0;
}
.page-etc .section-provision .list-ol-a > li {
    position: relative;
    z-index: 0;
    margin: 20px 0;
    padding-left: 20px;
}
.page-etc .section-provision .list-ol-a > li em {
    position: absolute;
    top: 0;
    left: 0;
}
.page-etc .section-provision .list-ol-a > li:first-child {
    margin-top: 5px;
}
.page-etc .section-provision .list-ol-a.list-simple li {
    margin: 5px 0;
}
.page-etc .section-maps {
    margin-top: 50px;
    overflow: hidden;
}
.page-etc .section-maps .pic {
    position: relative;
    z-index: 0;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
}
.page-etc .section-maps .wrap {
    position: relative;
    z-index: 1;
}
.page-etc .section-maps .wrap .maps-info {
    position: absolute;
    top: 85px;
    left: 0;
    width: 335px;
    text-align: left;
    background: #fff;
}
.page-etc .section-maps .wrap .maps-info .module {
    margin: 30px;
}
.page-etc .section-maps .wrap .maps-info .module .core {
    height: 65px;
    font-size: 30px;
    border-bottom: 1px #000 solid;
}
.page-etc .section-maps .wrap .maps-info .module .desc {
    margin-top: 15px;
}
.page-etc .section-maps .wrap .maps-info .module .desc p {
    margin: 20px 0 0;
    padding: 0 0 0 100px;
    color: #000;
}
.page-etc .section-maps .wrap .maps-info .module .desc p span {
    position: absolute;
    margin-left: -100px;
}
.page-etc .section-maps .wrap .maps-info .module .action {
    margin: 30px -1px 0;
}
.page-etc .section-maps .wrap .maps-info .module .action .button {
    margin: 0 1px;
}
.page-etc .section-maps .wrap .maps-info .module .action .button .icon.naver {
    background-image: url("./img/custom/icon_naver.png");
    width: 60px;
    height: 18px;
    background-size: 60px 18px;
}
.page-etc .section-maps .wrap .maps-info .module .action .button .icon.daum {
    background-image: url("./img/custom/icon_daum.png");
    width: 53px;
    height: 18px;
    background-size: 53px 18px;
}
.page-etc .section-coming-way {
    margin-top: 60px;
    text-align: left;
}
.page-etc .section-coming-way .wrap {
    overflow: hidden;
}
.page-etc .section-coming-way .grid {
    margin: 0 -20px;
}
.page-etc .section-coming-way .grid .module {
    margin: 0 20px;
}
.page-etc .section-coming-way .grid .module .title {
    margin: 0;
    height: 40px;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px #969696 solid;
}
.page-etc .section-coming-way .grid .module li {
    margin-top: 25px;
    line-height: 1.8;
    font-weight: 300;
}
.page-etc .section-coming-way .grid .module li p {
    margin: 0;
}
.page-etc .section-coming-way .grid .module li p.subject {
    font-weight: 500;
}