a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary time,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

p>strong>u {
    color: #c91212 !important;
}

blockquote,
q {
    quotes: none
}

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

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.mob_p {
    margin-left: -35%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

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

.m_3p {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.thumb {
    margin-bottom: 30px;
    float: left;
}

.my_br {
    width: 250px;
    margin: 0px auto;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pd5 {
    padding: 5% 0px !important;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.col-center {
    margin: 0 auto;
    float: none !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(4.25rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    font-size: 16px;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
    display: block;
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.footer__copyright a img {
    max-width: 85px;
    width: 85px;
    height: auto;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    margin-top: -9px;
}

select.form-control {
    height: calc(4.25rem + 2px) !important;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .btn_close {
    margin-top: -2px;
    text-align: right;
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: 29px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #c91212;
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}


.pb30 {
    padding-top: 3% !important;
    padding-bottom: 0% !important;
}

#about-home {
    padding: 24px 0;
    /*position:absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
}

#about-home h2 {
    font-weight: 200;
    font-size: 55px;
    color: #c91212;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
    letter-spacing: -2px;
    padding: 25px 40px 25px 0;
    margin: 0 40px 0 0;
    float: left;
    border-right: solid 1px #cccccc
}

#about-home img {
    width: 16%;
    float: left;
    padding: 10px;
    font-weight: 200;
    font-size: 55px;
    color: #c91212;
    letter-spacing: -2px;
    padding: 0px 25px 0px;
    margin: -10px 40px 0 0;
    float: left;
    border-right: solid 1px #cccccc;
}

#about-home h2 strong {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
}

#about-home p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    /*padding-top: 20px;*/
    padding-top: 0px;
}


#about-home p a {
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#about-home p a:hover {
    color: #c91212;
}

#facts {
    padding: 60px 0
}

#facts .counter-value {
    color: #c91212;
    font-size: 80px;
    letter-spacing: -1px;
}

#facts .counter {
    display: inline-block;
    width: 24.5%;
    text-align: center
}

#facts .counter p {
    font-size: 16px;
    letter-spacing: -1px;
    color: #858585;
    text-transform: uppercase
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    margin: 0;
    padding: 0
}

.site-container {
    overflow: hidden
}

.container {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1260px
}

@media only screen and (min-width:680px) {
    .container--wide {
        padding: 0 100px
    }
}

@media only screen and (min-width:1440px) {
    .container--wide {
        padding: 0 12rem;
        max-width: 1800px
    }
}

.container--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse;
    -moz-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width:1100px) {
    .container--flex {
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

.container--push::before {
    content: '';
    display: block;
    width: 25%
}

header.header {
    height: 180px;
    position: fixed;
    /*top: 0;*/
    left: 0;
    width: 100%;
    z-index: 4
}

@media only screen and (min-width:1100px) {
    header.header {
        height: 110px
    }
}

header.header.is--scroll {
    height: 75px;
    top: 0px;
}

header.header .header__container {
    -webkit-align-items: center;
    align-items: center;
    /*height: 100%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 0 0 30px;
    max-width: 1800px
}

@media only screen and (min-width:1100px) {
    header.header .header__container {
        padding-right: 30px
    }
}

.header--invert+main {
    border-top: 1px solid #e5e5e5;
    padding-top: 74px
}

@media only screen and (min-width:1100px) {
    .header--invert+main {
        padding-top: 109px
    }
}

header.header.is--scroll p.mt_35p {
    margin-top: 1.5% !important;
}

.mt_35p {
    margin-top: 3.5% !important;
    margin-left: 2% !important;
}

.mt_55p {
    margin-top: 5.5% !important;
}

.header__branding {
    -webkit-box-flex: auto 1 0;
    -webkit-flex: auto 1 0;
    -ms-flex: auto 1 0;
    flex: auto 1 0;
    /*width: auto; width: 10%; */
    width: 5%;
    padding: 0px 0px 0px 42px;
}

.header__branding a {
    display: block;
    width: 140px;
    -moz-transition: width .15s;
    -o-transition: width .15s;
    -webkit-transition: width .15s;
    transition: width .15s
}

@media only screen and (min-width:1100px) {
    .header__branding a {
        width: 160px
    }
}

@media only screen and (max-width:1700px) {

    [lang=es] .header__branding a,
    [lang=ru] .header__branding a {
        width: 110px
    }
}

@media only screen and (min-width:1100px) {
    .header.is--scroll .header__branding a {
        width: 170px
    }

    [lang=es] .header.is--scroll .header__branding a,
    [lang=ru] .header.is--scroll .header__branding a {
        width: 110px
    }
}

.header__navigation {
    display: none
}

@media only screen and (min-width:1100px) {
    .header__navigation {
        display: block;
        -webkit-box-flex: auto 1 1;
        -webkit-flex: auto 1 1;
        -ms-flex: auto 1 1;
        flex: auto 1 1;
        width: auto
    }
}

.header__search {
    -webkit-box-flex: 48px 0 0;
    -webkit-flex: 48px 0 0;
    -ms-flex: 48px 0 0;
    flex: 48px 0 0;
    width: 48px
}

@media only screen and (min-width:1100px) {
    .header__search {
        -webkit-box-flex: 70px 0 0;
        -webkit-flex: 70px 0 0;
        -ms-flex: 70px 0 0;
        flex: 70px 0 0;
        width: 70px
    }
}

.header__mobiletoggle {
    -webkit-box-flex: 48px 0 0;
    -webkit-flex: 48px 0 0;
    -ms-flex: 48px 0 0;
    flex: 48px 0 0;
    width: 48px
}

@media only screen and (min-width:1100px) {
    .header__mobiletoggle {
        display: none
    }
}

.header__language--mobile {
    -webkit-box-flex: 48px 0 0;
    -webkit-flex: 48px 0 0;
    -ms-flex: 48px 0 0;
    flex: 48px 0 0;
    width: 48px
}

@media only screen and (min-width:1100px) {
    .header__language--mobile {
        display: none
    }
}

main {
    display: block
}

@media only screen and (min-width:1300px) {
    .pull {
        margin-right: -100px
    }
}

.hero {
    height: 80vh;
    min-height: 540px;
    max-height: 900px;
    position: relative;
    z-index: 1
}

.hero:after,
.hero:before {
    content: "";
    display: table
}

.hero:after {
    clear: both
}

@media only screen and (min-width:480px) {
    .hero {
        height: 90vh
    }

    .hero.hero--map {
        height: 70vh
    }
}

.hero__slide {
    height: 100%
}

.hero__slide:not(:first-child) {
    display: none
}

.hero__content {
    padding: 0;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.hero__content.hero__content--push {
    padding-top: 75px
}

@media only screen and (min-width:1100px) {
    .hero__slide .hero__content {
        top: 240px;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-top: 0
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .hero__slide .hero__content {
        top: 125px
    }
}

.hero--full {
    height: 80vh;
    min-height: 500px;
    max-height: 1080px
}

@media only screen and (min-width:480px) {
    .hero--full {
        height: 100vh;
        min-height: 568px
    }
}

@media only screen and (min-width:680px) {
    .hero--full {
        min-height: 860px
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .hero--full {
        min-height: 600px
    }
}

.hero--title {
    height: 40vh;
    min-height: 320px;
    max-height: 500px
}

.hero--title .container {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.hero--image {
    height: 50vh;
    min-height: 200px
}

.hero--map {
    z-index: auto
}

.hero--map .hero__image {
    display: none
}

.hero--map .hero__content {
    z-index: 2
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -6px;
    margin-right: -6px
}

.grid .grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 6px;
    width: 100%
}

.results .grid__item {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.results .grid__item.invisible {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

@media only screen and (min-width:580px) {
    .grid--2 .grid__item {
        width: 50%
    }
}

@media only screen and (min-width:600px) {
    .grid--3 .grid__item {
        width: 50%
    }
}

@media only screen and (min-width:1100px) {
    .grid--3 .grid__item {
        width: 33.333333%
    }
}

@media only screen and (min-width:600px) {
    .grid--4 .grid__item {
        width: 50%
    }
}

@media only screen and (min-width:1100px) {
    .grid--4 .grid__item {
        width: 25%
    }
}

.grid .grid__item--50 {
    width: 50%
}

@media only screen and (min-width:1100px) {
    .grid .grid__item--66 {
        width: 66.666666%
    }
}

@media only screen and (max-width:979px) {
    .slick-slider.grid--carousel {
        margin-left: -30px;
        margin-right: -30px
    }
}

.slick-slider.grid--carousel .grid__item {
    flex: 1
}

@media only screen and (min-width:1400px) {
    .slick-slider.grid--carousel .grid__item--auto {
        flex: 2
    }
}

.module .container {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media only screen and (min-width:480px) {
    .module .container {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

.module .container+.container {
    padding-top: 0;
    margin-top: -2rem
}

@media only screen and (min-width:480px) {
    .module .container+.container {
        margin-top: -5rem
    }
}

.content {
    position: relative;
    z-index: 2
}

.content__side {
    padding-bottom: 2rem
}

@media only screen and (min-width:1100px) {
    .content__side {
        padding-bottom: 6rem;
        width: 290px
    }
}

.content__main {
    margin: 0 auto;
    padding: 3rem 0 4rem;
    max-width: 750px;
    width: 100%
}

@media only screen and (min-width:480px) {
    .content__main {
        padding: 6rem 0 8rem
    }
}

@media only screen and (min-width:1100px) {
    .content__main {
        padding-left: 30px;
        padding-right: 30px
    }
}

.content__main.content__main--left {
    margin-left: 0;
    padding-left: 0
}

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

.content__right {
    float: right
}

.module .content__main {
    padding-top: 0;
    padding-bottom: 0
}

.content__main--full {
    padding-left: 0;
    padding-right: 0;
    max-width: none
}

.content-col-wrapper {
    overflow: hidden
}

.content-col {
    margin: 2rem 0
}

@media only screen and (min-width:980px) {
    .content-col {
        float: left;
        padding-right: 10rem;
        width: 50%
    }
}

.secondary-nav {
    display: none
}

@media only screen and (min-width:1100px) {
    .secondary-nav {
        display: block;
        margin-top: -106px
    }
}

.share {
    margin-top: 2rem
}

@media only screen and (min-width:480px) {
    .share {
        margin-top: -2rem
    }
}

@media only screen and (min-width:1100px) {
    .share {
        margin-top: 2rem
    }
}

.content-width {
    margin-bottom: 6rem;
    max-width: 750px
}

.note {
    max-width: 750px;
    padding: 2rem 0 0
}

footer.footer {
    position: relative
}

.footer__col {
    max-width: 312px;
    padding-top: 2rem;
    width: 100%
}

.footer__pages {
    display: none
}

@media only screen and (min-width:1100px) {
    .footer__pages {
        display: block;
        padding: 4rem 0
    }
}

.footer__site {
    padding: 4rem 0 2rem;
    text-align: center
}

@media only screen and (min-width:1100px) {
    .footer__site {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 2rem 0;
        text-align: left
    }
}

.footer__branding {
    -webkit-box-flex: 160px 0 0;
    -webkit-flex: 160px 0 0;
    -ms-flex: 160px 0 0;
    flex: 160px 0 0;
    width: 160px;
    margin: 0 auto
}

.footer__branding svg {
    fill: #fff
}

.footer__navigation {
    padding: 2rem 0;
}

@media only screen and (min-width:1100px) {
    .footer__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: auto 1 1;
        -webkit-flex: auto 1 1;
        -ms-flex: auto 1 1;
        flex: auto 1 1;
        width: auto;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

.footer__social {
    padding-bottom: 4rem
}

@media only screen and (min-width:1100px) {
    .footer__social {
        padding: 0 7rem 0px 2rem
    }
}

.footer__copyright {
    border-top: 4px solid #fff;
    padding-top: 2rem
}

@media only screen and (min-width:900px) {
    .footer__copyright {
        border-top: none;
        padding-top: 0
    }
}

@media only screen and (min-width:1100px) {
    .footer__copyright {
        -webkit-box-flex: auto 0 1;
        -webkit-flex: auto 0 1;
        -ms-flex: auto 0 1;
        flex: auto 0 1;
        width: auto;
        padding-left: 1rem
    }
}

.cookie-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 2;
    padding: 10px 0
}

.cookie-bar .cookie-container {
    padding: 0 30px;
    max-width: 1800px;
    margin: auto
}

.cookie-bar .cookie-bar--text p.cookie-bar--title {
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem
}

.cookie-bar .cookie-bar--text p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    margin: 0;
    padding: 0
}

.cookie-bar .cookie-bar--text p a {
    color: #000000;
    text-decoration: underline
}

.cookie-bar .link {
    margin: .8rem;
    float: right
}

html {
    font-size: 62.5%
}

body {
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
}

.site-container {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem
}

@media only screen and (min-width:480px) {
    .site-container {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
pre {
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-weight: 700
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
pre a {
    color: inherit
}

h1 {
    font-size: 28px;
    font-size: 2.7rem;
    line-height: 28px;
    line-height: 2.8rem;
    text-transform: uppercase
}

@media only screen and (min-width:480px) {
    h1 {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 44px;
        line-height: 4.4rem
    }
}

@media only screen and (min-width:880px) {
    h1 {
        font-size: 60px;
        font-size: 6rem;
        line-height: 56px;
        line-height: 5.6rem;
        letter-spacing: -2px
    }
}

h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 3.5rem 0 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:480px) {
    h2 {
        font-size: 28px;
        font-size: 2.7rem;
        line-height: 30px;
        line-height: 3rem
    }
}

h2:first-child {
    margin-top: 0
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin: 3rem 0 1rem
}

.h4,
h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 1rem 0 3rem
}

h5,
h6 {
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 0 0 .5rem
}

h2+h3 {
    margin-top: 0
}

.bracket {
    border-bottom: 6px solid #e5e5e5;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    position: relative;
    margin-bottom: 3rem;
    padding-bottom: 1rem
}

@media only screen and (min-width:480px) {
    .bracket {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 28px;
        line-height: 2.8rem
    }
}

.bracket::after,
.bracket::before {
    background-color: #e5e5e5;
    content: '';
    height: 20px;
    position: absolute;
    bottom: -20px;
    width: 6px
}

.bracket::before {
    left: 0
}

.bracket::after {
    right: 0
}

.bracket--white {
    border-color: #fff
}

.bracket--white::after,
.bracket--white::before {
    background-color: #fff
}

.editor h1,
.editor h2,
.editor h4,
.editor h5,
.editor h6 {
    color: #c91212
}

.editor h1 {
    margin-bottom: 3.5rem
}

.editor p.intro+h2 {
    margin-top: 6rem
}

.editor .mobile-only h2:first-child {
    margin-top: 3.5rem
}

.editor .bracket {
    color: #000000
}

.editor a {
    color: #000000;
    text-decoration: underline
}

.editor ol,
.editor ul {
    margin: 2rem 0
}

.editor ol li,
.editor ul li {
    padding-bottom: 1rem;
    padding-left: 20px;
    position: relative
}

.editor ol li::before,
.editor ul li::before {
    position: absolute;
    left: 0
}

.editor ol li:last-child,
.editor ul li:last-child {
    padding-bottom: 0
}

.editor ul li::before {
    background-color: #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    content: '';
    height: 6px;
    top: 8px;
    width: 6px
}

.editor ol {
    counter-reset: item
}

.editor ol li {
    counter-increment: item
}

.editor ol li::before {
    content: counter(item);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    top: 6px
}

.editor .btn {
    margin: 2rem 0 4rem
}

.editor .btn a {
    text-decoration: none
}

.editor .quote:before {
    content: '';
    width: 41px;
    height: 33px;
    background: url(../img/quote.png) no-repeat;
    display: block;
    margin-bottom: 20px
}

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

p {
    margin: 0 0 2rem
}

p:last-of-type {
    margin-bottom: 0
}

p strong {
    font-weight: 700
}

p em {
    font-style: italic
}

.intro {
    color: #c91212;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 3rem
}

@media only screen and (min-width:480px) {
    .intro {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 36px;
        line-height: 3.6rem
    }
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

blockquote {
    border-left: 2px solid #000000;
    margin: 3rem 0;
    padding-left: 2rem
}

blockquote p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem
}

blockquote footer {
    font-style: italic;
    padding-top: 2rem
}

.note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    font-style: italic
}

.meta {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase
}

.meta span {
    display: block;
    font-weight: 400
}

body {
    background-color: #fff
}

iframe,
img,
svg,
video {
    display: block;
    max-width: 100%;
    width: 100%
}

.hidden {
    display: none !important;
    visibility: hidden
}

header.header {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.no-js header.header,
header.header.is--active,
header.header.is--scroll {
    background-color: #fff;
    text-shadow: none
}

header.header.is--scroll {
    -webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, .2);
    text-shadow: none;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

header.header--invert {
    text-shadow: none
}

.header__branding svg {
    fill: #fff
}

.header--invert .header__branding svg,
.is--active .header__branding svg,
.is--scroll .header__branding svg,
.no-js .header__branding svg {
    fill: #000000;
    width: 135px;
    /*margin-top: 10px;*/
}

.header__branding a:hover {
    -webkit-opacity: .85;
    -moz-opacity: .85;
    opacity: .85
}

.header__navigation:not(.header__navigation--mobile) {
    color: #fff
}

.header--invert .header__navigation:not(.header__navigation--mobile),
.is--active .header__navigation:not(.header__navigation--mobile),
.is--scroll .header__navigation:not(.header__navigation--mobile),
.no-js .header__navigation:not(.header__navigation--mobile) {
    color: #000000
}

.module-bg {
    background-color: #f4f4f4
}

.module-bg--dark {
    background-color: #e5e5e5
}

.content {
    background-color: #f4f4f4
}

.hero--map+.breadcrumbs+.modules .module:nth-child(odd),
.module:nth-child(even) {
    background: #f4f4f4
}

.hero--map+.breadcrumbs+.modules .module:nth-child(even) {
    background: 0 0
}

.mobile-only {
    display: none
}

.mobile-only .btn {
    margin: 0;
    margin-top: -1rem
}

.image {
    background-color: #e7e7e7;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 4rem 0;
    min-height: 160px;
    position: relative
}

@media only screen and (min-width:1300px) {
    .image {
        margin-right: -100px
    }
}

.image figcaption {
    background-color: #000000;
    color: #fff;
    padding: 1.6rem 2rem 1.6rem 5.2rem;
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-width:520px) {
    .image figcaption {
        background: linear-gradient(180deg, #000000 0, #c91212 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        min-width: 480px
    }
}

.image figcaption p::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.625 23.625'%3E%3Cpath d='M11.812 0C5.29 0 0 5.29 0 11.812s5.29 11.813 11.812 11.813 11.813-5.29 11.813-11.813S18.335 0 11.812 0zm2.46 18.307c-.61.24-1.093.422-1.456.548-.362.126-.783.19-1.262.19-.736 0-1.31-.18-1.717-.54s-.61-.814-.61-1.367c0-.215.014-.435.044-.66.032-.223.08-.475.148-.758l.76-2.688c.068-.258.126-.503.172-.73.046-.23.068-.442.068-.634 0-.342-.07-.582-.212-.717-.143-.134-.412-.2-.813-.2-.196 0-.398.03-.605.09-.205.063-.383.12-.53.176l.202-.828c.498-.203.975-.377 1.43-.52.455-.147.885-.22 1.29-.22.73 0 1.295.18 1.692.53.395.354.594.813.594 1.377 0 .117-.014.323-.04.617-.028.295-.08.564-.153.81l-.757 2.68c-.062.216-.117.462-.167.737-.05.274-.074.484-.074.625 0 .356.08.6.24.728.157.13.434.194.826.194.185 0 .392-.033.626-.097.232-.064.4-.12.506-.17l-.203.827zM14.136 7.43c-.353.327-.778.49-1.275.49-.496 0-.924-.163-1.28-.49-.354-.33-.533-.728-.533-1.194 0-.465.18-.865.532-1.196.356-.332.784-.497 1.28-.497.497 0 .923.165 1.275.497.353.33.53.73.53 1.196 0 .467-.177.865-.53 1.193z' fill='%23FFFFFF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 16px;
    position: absolute;
    top: 16px;
    left: 24px;
    width: 16px
}

.module .image {
    margin: 0
}

.image-column .image:first-child {
    margin-bottom: 12px
}

.image__portrait {
    display: none
}

@media only screen and (min-width:600px) {
    .image__portrait {
        display: block
    }
}

@media only screen and (min-width:600px) {
    .image__landscape {
        display: none
    }
}

.video {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 4rem 0;
    text-transform: uppercase
}

@media only screen and (min-width:1300px) {
    .video {
        margin-right: -100px
    }
}

.video .video-inner {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%
}

.video-caption {
    background-color: #000000;
    color: #fff;
    padding: 1.6rem 2rem 1.6rem 5.2rem;
    position: relative
}

.video-caption p::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.625 23.625'%3E%3Cpath d='M11.812 0C5.29 0 0 5.29 0 11.812s5.29 11.813 11.812 11.813 11.813-5.29 11.813-11.813S18.335 0 11.812 0zm2.46 18.307c-.61.24-1.093.422-1.456.548-.362.126-.783.19-1.262.19-.736 0-1.31-.18-1.717-.54s-.61-.814-.61-1.367c0-.215.014-.435.044-.66.032-.223.08-.475.148-.758l.76-2.688c.068-.258.126-.503.172-.73.046-.23.068-.442.068-.634 0-.342-.07-.582-.212-.717-.143-.134-.412-.2-.813-.2-.196 0-.398.03-.605.09-.205.063-.383.12-.53.176l.202-.828c.498-.203.975-.377 1.43-.52.455-.147.885-.22 1.29-.22.73 0 1.295.18 1.692.53.395.354.594.813.594 1.377 0 .117-.014.323-.04.617-.028.295-.08.564-.153.81l-.757 2.68c-.062.216-.117.462-.167.737-.05.274-.074.484-.074.625 0 .356.08.6.24.728.157.13.434.194.826.194.185 0 .392-.033.626-.097.232-.064.4-.12.506-.17l-.203.827zM14.136 7.43c-.353.327-.778.49-1.275.49-.496 0-.924-.163-1.28-.49-.354-.33-.533-.728-.533-1.194 0-.465.18-.865.532-1.196.356-.332.784-.497 1.28-.497.497 0 .923.165 1.275.497.353.33.53.73.53 1.196 0 .467-.177.865-.53 1.193z' fill='%23FFFFFF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 16px;
    position: absolute;
    top: 16px;
    left: 24px;
    width: 16px
}

.bracket__end {
    border-bottom: 6px solid #e5e5e5;
    position: relative;
    padding-bottom: 3rem
}

.bracket__end::after,
.bracket__end::before {
    background-color: #e5e5e5;
    content: '';
    height: 20px;
    position: absolute;
    bottom: 0;
    width: 6px
}

.bracket__end::before {
    left: 0
}

.bracket__end::after {
    right: 0
}

.aside-contact {
    margin-top: 4rem;
    margin-bottom: 4rem
}

@media only screen and (min-width:1100px) {
    .aside-contact {
        margin-bottom: 0
    }
}

.aside-contact .editor h2 {
    color: #000000;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem
}

.aside-contact a {
    font-weight: 700
}

.aside-image {
    display: none
}

@media only screen and (min-width:1100px) {
    .aside-image {
        display: block;
        margin-top: 1rem;
        text-align: right
    }

    .aside-image img {
        float: right;
        max-width: none;
        width: auto
    }
}

.close {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 44px;
    line-height: 4.4rem;
    cursor: pointer;
    display: block;
    font-weight: 700;
    height: 44px;
    text-transform: uppercase
}

.close:hover {
    text-decoration: underline
}

.close::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.9 21.9'%3E%3Cpath d='M14.1 11.3c-.2-.2-.2-.5 0-.7l7.5-7.5c.2-.2.3-.5.3-.7s-.1-.5-.3-.7L20.2.3c-.2-.2-.5-.3-.7-.3-.3 0-.5.1-.7.3l-7.5 7.5c-.2.2-.5.2-.7 0L3.1.3C2.9.1 2.6 0 2.4 0s-.5.1-.7.3L.3 1.7c-.2.2-.3.5-.3.7s.1.5.3.7l7.5 7.5c.2.2.2.5 0 .7L.3 18.8c-.2.2-.3.5-.3.7s.1.5.3.7l1.4 1.4c.2.2.5.3.7.3s.5-.1.7-.3l7.5-7.5c.2-.2.5-.2.7 0l7.5 7.5c.2.2.5.3.7.3s.5-.1.7-.3l1.4-1.4c.2-.2.3-.5.3-.7s-.1-.5-.3-.7l-7.5-7.5z' fill='%23FFFFFF' /%3E%3C/svg%3E");
    content: '';
    display: inline-block;
    height: 18px;
    margin-left: 15px;
    margin-top: -4px;
    width: 18px;
    vertical-align: middle
}

.listing {
    border-bottom: 1px solid #e5e5e5
}

.listing:first-child {
    border-top: 1px solid #e5e5e5
}

.results .listing {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.results .listing.invisible {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.load-more {
    padding: 4rem 0 2rem;
    text-align: center
}

.load-more input[type=submit] {
    background: #fff;
    color: #000000;
    width: 100%
}

.load-more input[type=submit]:active,
.load-more input[type=submit]:focus,
.load-more input[type=submit]:hover {
    background: #000000;
    color: #fff;
    text-decoration: none
}

.load-more--hide input[type=submit] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.load-more--hide input[type=submit].focusable:active,
.load-more--hide input[type=submit].focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.back-to-top {
    display: none
}

@media only screen and (min-width:1100px) {
    .back-to-top {
        background-color: #000000;
        display: block;
        font-size: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        position: fixed;
        pointer-events: none;
        bottom: 20px;
        right: 20px;
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -moz-transition: all .25s;
        -o-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        z-index: 1
    }

    .back-to-top a {
        display: block;
        height: 60px;
        width: 60px
    }

    .back-to-top a::after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        display: block;
        height: 25px;
        margin: -12px 0 0 -7px;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 15px;
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .back-to-top--show {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        pointer-events: auto;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .back-to-top--fixed {
        position: absolute;
        bottom: auto;
        top: -60px
    }
}

footer.footer {
    background-color: #000000;
    color: #fff
}

.footer__pages {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

.footer__pages h2 {
    border-bottom: 2px solid #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

.footer__pages ul li {
    padding: 0 0 10px
}

.footer__pages ul li a {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.footer__pages ul li a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 15px;
    margin-left: 15px;
    width: 9px;
    vertical-align: middle
}

.footer__pages ul li a:active,
.footer__pages ul li a:focus,
.footer__pages ul li a:hover {
    text-decoration: underline
}

.footer__site {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem
}

@media only screen and (min-width:1100px) {
    .footer__site {
        border-top: 4px solid #fff
    }
}

@media only screen and (min-width:1100px) {
    .header__navigation>nav {
        /*float:right*/
    }

    .header__navigation>nav>ul>li {
        float: left;
        height: 110px
    }

    .header__navigation>nav>ul>li.language {
        color: #fff;
        text-shadow: none;
        background-color: #000000
    }

    .header__navigation>nav>ul>li.language a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .header__navigation>nav>ul>li.language svg {
        width: 24px;
        fill: #fff
    }

    .header__navigation>nav>ul>li>a {
        display: block;
        font-weight: bold !important;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 110px;
        line-height: 11rem;
        font-weight: 500;
        height: 110px;
        padding: 0 1rem;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        -moz-transition: height .4s;
        -o-transition: height .4s;
        -webkit-transition: height .4s;
        transition: height .4s
    }
}

.partners-logo {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0 -10px;
}

.partners-logo__item {
    display: flex;
    /*width: calc(100% /2 - 20px);*/
    margin: 0 10px 10px 10px;
    box-sizing: border-box;
    padding: 2px;
    justify-content: center;
    align-items: center;
    height: 180px;
}

.partners-logo__img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}

@media (min-width: 400px) {
    .partners-logo__item {
        /*width: calc(100% /3 - 20px);*/
        padding: 5px;
    }
}

@media (min-width: 767px) {
    .partners-logo__item {
        /*width: calc(100% /4 - 20px);*/
        padding: 8px;
    }

}

@media (min-width: 980px) {


    .partners-logo__item {

        padding: 10px;
    }
}

@media only screen and (min-width:1100px) and (min-width:1200px) {
    .header__navigation>nav>ul>li>a {
        /*padding: 0 1.4rem*/
        padding: 0 1rem;
    }
}

@media only screen and (min-width:1100px) and (min-width:1400px) {
    .header__navigation>nav>ul>li>a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 110px;
        line-height: 11rem;
        padding: 0 1rem
    }
}

@media only screen and (min-width:1100px) {

    .header__navigation>nav>ul>li>a:active,
    .header__navigation>nav>ul>li>a:focus,
    .header__navigation>nav>ul>li>a:hover {
        background-color: #000000;
        color: #fff;
        text-shadow: none
    }

    .header__navigation>nav>ul>li.is--active>a {
        background-color: #000000;
        color: #fff;
        text-shadow: none
    }

    .header__navigation>nav>ul>li.is--current>a {
        font-weight: 700
    }

    .header__navigation>nav>ul>li.is--current>a::before {
        background-color: #000000;
        content: '';
        display: block;
        height: 6px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

    .header.is--scroll .header__navigation>nav>ul>li {
        height: 75px
    }

    .header.is--scroll .header__navigation>nav>ul>li.language {
        box-shadow: 0 0 4px 2px rgba(0, 0, 0, .05);
        color: #000000;
        background-color: #fff
    }

    .header.is--scroll .header__navigation>nav>ul>li.language svg {
        fill: #000000
    }

    .header.is--scroll .header__navigation>nav>ul>li.language:hover svg {
        fill: #fff
    }

    .header.is--scroll .header__navigation>nav>ul>li>a {
        font-weight: 600;
        height: 75px;
        font-size: 12px;
        /*font-size: 1.4rem;*/
        font-size: 1.2rem;
        line-height: 75px;
        line-height: 7.5rem
    }
}

@media only screen and (min-width:1100px) and (min-width:1400px) {
    .header.is--scroll .header__navigation>nav>ul>li>a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 75px;
        line-height: 7.5rem
    }
}

@media only screen and (min-width:1100px) and (max-width:1700px) {

    [lang=es] .header.is--scroll .header__navigation>nav>ul>li>a,
    [lang=ru] .header.is--scroll .header__navigation>nav>ul>li>a {
        font-size: 10px;
        font-size: 1rem;
        line-height: 75px;
        line-height: 7.5rem
    }
}

@media only screen and (min-width:1100px) {

    [lang=es] .header__navigation>nav>ul>li>a,
    [lang=ru] .header__navigation>nav>ul>li>a {
        font-size: 10px;
        font-size: 1rem;
        line-height: 110px;
        line-height: 11rem;
        padding: 0 8px
    }
}

@media only screen and (min-width:1100px) and (min-width:1250px) {

    [lang=es] .header__navigation>nav>ul>li>a,
    [lang=ru] .header__navigation>nav>ul>li>a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 110px;
        line-height: 11rem
    }
}

@media only screen and (min-width:1100px) and (min-width:1470px) {

    [lang=es] .header__navigation>nav>ul>li>a,
    [lang=ru] .header__navigation>nav>ul>li>a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 110px;
        line-height: 11rem;
        padding: 0 12px
    }
}

@media only screen and (min-width:1100px) and (min-width:1700px) {

    [lang=es] .header__navigation>nav>ul>li>a,
    [lang=ru] .header__navigation>nav>ul>li>a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 110px;
        line-height: 11rem;
        padding: 0 2.4rem
    }
}

.header__language--mobile {
    height: 100%
}

.header__language--mobile button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center
}

.header__language--mobile svg {
    width: 24px;
    fill: #fff;
    height: 100%
}

.header__language--mobile .dropdown.dropdown--language {
    left: 0;
    width: 100vw
}

.header__language--mobile.is--active {
    background-color: #000000
}

.header__language--mobile.is--active .dropdown--language {
    display: block
}

.header__language--mobile.is--active .dropdown--language li {
    display: inline-block;
    width: 45%
}

.header__language--mobile.is--active .dropdown--language li a {
    padding: 2rem 3rem;
    display: inline-block;
    text-transform: uppercase
}

.topbar-area {
    background: #273c66;
}

.topbar-area .topbar-contact li {
    display: inline-block;
    line-height: 35px;
    height: 35px;
    margin-right: 17px;
    padding-right: 20px;
    color: #ffffff;
    border-right: 1px solid #374A71;
}

.topbar-area .topbar-contact li i {
    margin-right: 2px;
}

.topbar-area .topbar-contact li i.flaticon-email:before {
    bottom: -1.5px;
    position: relative;
}

.topbar-area .topbar-contact li i:before {
    font-size: 14px;
    color: #ffffff;
}

.topbar-area .topbar-contact li a {
    color: #ffffff;
}

.topbar-area .topbar-contact li a:hover {
    color: #21a7d0;
}

.topbar-area .topbar-contact li:last-child {
    margin: 0;
    border: none;
}

.topbar-area .topbar-right li {
    display: inline;
    margin-right: 30px;
}

.topbar-area .topbar-right li.login-register {
    color: #ffffff;
}

.topbar-area .topbar-right li.login-register i {
    margin-right: 10px;
    color: #21a7d0;
}

.topbar-area .topbar-right li.login-register a {
    color: #ffffff;
}

.topbar-area .topbar-right li.login-register a:hover {
    color: #21a7d0;
}

.topbar-area .topbar-right li a.apply-btn {
    color: #ffffff;
    background: #21a7d0;
    padding: 12px 35px;
    display: inline-block;
}

.topbar-area .topbar-right li a.apply-btn:hover {
    background: #2db4de;
}

.topbar-area .topbar-right li:last-child {
    margin: 0;
}

.topbar-area.home8-topbar {
    background: #f9f8f8 !important;
}

.topbar-area.home8-topbar .topbar-contact li {
    color: #363636;
    border-right: 1px solid #fff;
}

.topbar-area.home8-topbar .topbar-contact li i {
    margin-right: 2px;
}

.topbar-area.home8-topbar .topbar-contact li i:before {
    font-size: 14px;
    color: #363636;
}

.topbar-area.home8-topbar .topbar-contact li a {
    color: #363636;
}

.topbar-area.home8-topbar .topbar-contact li a:hover {
    color: #ff5421;
}

.topbar-area.home8-topbar .topbar-contact li:last-child {
    margin: 0;
    border: none;
}

.topbar-area.home8-topbar .topbar-right li.login-register {
    color: #363636;
}

.topbar-area.home8-topbar .topbar-right li.login-register i {
    margin-right: 10px;
    color: #363636;
}

.topbar-area.home8-topbar .topbar-right li.login-register a {
    color: #363636;
}

.topbar-area.home8-topbar .topbar-right li.login-register a:hover {
    color: #ff5421;
}

.topbar-area.home8-topbar .topbar-right li a.apply-btn {
    background: #ff5421;
    text-transform: uppercase;
}

.topbar-area.home8-topbar .topbar-right li a.apply-btn:hover {
    color: #ffffff;
    background: #ed3600;
}

.topbar-area.home8-topbar .topbar-right li:last-child {
    margin: 0;
}

.topbar-area.home8-topbar.inner-part {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li {
    color: #ffffff !important;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li i {
    margin-right: 2px;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li i:before {
    font-size: 14px;
    color: #ffffff;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li a {
    color: #ffffff !important;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li a:hover {
    color: #ff5421;
}

.topbar-area.home8-topbar.inner-part .topbar-contact li:last-child {
    margin: 0;
    border: none !important;
}

.topbar-area.home8-topbar.inner-part .topbar-right li.login-register {
    color: #ffffff;
}

.topbar-area.home8-topbar.inner-part .topbar-right li.login-register i {
    margin-right: 10px;
    color: #ffffff !important;
}

.topbar-area.home8-topbar.inner-part .topbar-right li.login-register a {
    color: #ffffff !important;
}

.topbar-area.home8-topbar.inner-part .topbar-right li.login-register a:hover {
    color: #ff5421;
}

.topbar-area.home8-topbar.inner-part .topbar-right li a.apply-btn {
    background: #ff5421;
    text-transform: uppercase;
}

.topbar-area.home8-topbar.inner-part .topbar-right li a.apply-btn:hover {
    color: #ffffff;
    background: #ed3600;
}

.topbar-area.home8-topbar.inner-part .topbar-right li:last-child {
    margin: 0;
}

.topbar-area.home9-topbar {
    background: #273c66 !important;
}

.topbar-area.home9-topbar .topbar-contact li {
    color: #ffffff;
    border-right: 1px solid #1b315e;
}

.topbar-area.home9-topbar .topbar-contact li i {
    margin-right: 2px;
}

.topbar-area.home9-topbar .topbar-contact li i:before {
    font-size: 16px;
    color: #f4bf00;
}

.topbar-area.home9-topbar .topbar-contact li a {
    color: #ffffff;
}

.topbar-area.home9-topbar .topbar-contact li a:hover {
    color: #f4bf00;
}

.topbar-area.home9-topbar .topbar-contact li:last-child {
    margin: 0;
    border: none;
}

.topbar-area.home9-topbar .topbar-right li.login-register {
    color: #ffffff;
}

.topbar-area.home9-topbar .topbar-right li.login-register i {
    margin-right: 10px;
    color: #ffffff;
}

.topbar-area.home9-topbar .topbar-right li.login-register a {
    color: #ffffff;
}

.topbar-area.home9-topbar .topbar-right li.login-register:hover i,
.topbar-area.home9-topbar .topbar-right li.login-register:hover a {
    color: #f4bf00;
}

.topbar-area.home9-topbar .topbar-right li a.apply-btn {
    background: #f4bf00;
    text-transform: uppercase;
}

.topbar-area.home9-topbar .topbar-right li a.apply-btn:hover {
    color: #ffffff;
    background: #c19700;
}

.topbar-area.home9-topbar .topbar-right li:last-child {
    margin: 0;
}

.topbar-area.home11-topbar {
    background: #c91212 !important;
}

.topbar-area.home11-topbar .topbar-contact li {
    color: #ffffff;
    border-right: 1px solid #c91212;
}

.topbar-area.home11-topbar .topbar-contact li i {
    margin-right: 4px;
}

.topbar-area.home11-topbar .topbar-contact li i:before {
    font-size: 13px;
    color: #ffffff;
}

.topbar-area.home11-topbar .topbar-contact li a {
    color: #ffffff;
    font-size: 13px;
}

.topbar-area.home11-topbar .topbar-contact li a:hover {
    color: #d1d1d1;
}

.topbar-area.home11-topbar .topbar-contact li:last-child {
    margin: 0;
    border: none;
}

.topbar-area.home11-topbar .toolbar-sl-share .opening {
    color: #ffffff;
    display: inline-block;
    border-right: 1px solid #7d0000;
    font-size: 14px;
    line-height: 35px;
    margin-right: 15px;
    padding-right: 18px;
}

.topbar-area.home11-topbar .toolbar-sl-share .opening i {
    margin-right: 5px;
}

.topbar-area.home11-topbar .toolbar-sl-share .opening i:before {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.topbar-area.home11-topbar .toolbar-sl-share li {
    display: inline-block;
    margin-right: 14px;
}

.topbar-area.home11-topbar .toolbar-sl-share li a {
    line-height: 35px;
    color: #ffffff;
}

.topbar-area.home11-topbar .toolbar-sl-share li a:hover {
    color: #ff5421;
}

.topbar-area.home11-topbar .toolbar-sl-share li:last-child {
    margin: 0;
    border: none;
}

.topbar-area.home11-topbar.modify1 {
    background: #f9f7f8 !important;
}

.topbar-area.home11-topbar.modify1 .topbar-contact li {
    color: #333333;
    border-right: 1px solid #f0ecee;
}

.topbar-area.home11-topbar.modify1 .topbar-contact li i {
    margin-right: 4px;
}

.topbar-area.home11-topbar.modify1 .topbar-contact li i:before {
    font-size: 14px;
    color: #ff5421;
}

.topbar-area.home11-topbar.modify1 .topbar-contact li a {
    color: #333333;
}

.topbar-area.home11-topbar.modify1 .topbar-contact li a:hover {
    color: #ff5421;
}

.topbar-area.home11-topbar.modify1 .toolbar-sl-share .opening {
    color: #333333;
    border-right: 1px solid #f0ecee;
}

.topbar-area.home11-topbar.modify1 .toolbar-sl-share .opening i:before {
    color: #ff5421;
}

.topbar-area.home11-topbar.modify1 .toolbar-sl-share li a {
    color: #333333;
}

.topbar-area.home11-topbar.modify1 .toolbar-sl-share li a:hover {
    color: #ff5421;
}

.topbar-area.home11-topbar.modify1 .toolbar-sl-share li:last-child {
    margin: 0;
    border: none;
}

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

@media only screen and (min-width: 375px) and (max-width: 679px) {
    .imo {
        width: 50%;
        top: -10px !important;

    }

    .hidden-xs {
        display: none !important;
    }
}

.header__navigation--mobile {
    background: #000000;
    background: -webkit-linear-gradient(bottom, #c91212 90%, #000000);
    background: -o-linear-gradient(bottom, #c91212 90%, #000000);
    background: -moz-linear-gradient(bottom, #c91212 90%, #000000);
    background: linear-gradient(to top, #c91212 90%, #000000);
    color: #fff;
    display: block;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    top: 131px;
    left: 0;
    width: 100%;
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.header__navigation--mobile a.lit {
    background-color: #fff;
    color: #000000
}

.header__navigation--mobile a.lit::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E") !important
}

.header__navigation--mobile>nav {
    padding: 30px;
    position: relative
}

.header__navigation--mobile>nav>ul>li {
    padding-bottom: 12px
}

.header__navigation--mobile>nav>ul>li>a {
    border: 1px solid #fff;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 44px;
    line-height: 4.4rem;
    font-weight: 700;
    height: 44px;
    padding: 0 2.4rem;
    position: relative;
    text-transform: uppercase
}

.header__navigation--mobile>nav>ul>li>a:active,
.header__navigation--mobile>nav>ul>li>a:focus,
.header__navigation--mobile>nav>ul>li>a:hover {
    background-color: #fff;
    color: #000000
}

.header__navigation--mobile>nav>ul>li>a span {
    line-height: 14px
}

.header__navigation--mobile>nav>ul>li.is--current>a {
    background-color: #fff;
    color: #000000
}

.header__navigation--mobile>nav>ul>li.is--current>a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.header__navigation--mobile>nav li.language {
    display: none
}

@media only screen and (min-width:1100px) {
    .header__navigation--mobile>nav {
        display: block
    }
}

.header__navigation--mobile.animate {
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.dropdown:not(.dropdown--language) {
    -moz-transform: translateX(120%);
    -o-transform: translateX(120%);
    -ms-transform: translateX(120%);
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -moz-transition: all .3s cubic-bezier(.5, .1, 1, 1);
    -o-transition: all .3s cubic-bezier(.5, .1, 1, 1);
    -webkit-transition: all .3s cubic-bezier(.5, .1, 1, 1);
    transition: all .3s cubic-bezier(.5, .1, 1, 1);
    background-color: #000000;
    background: -webkit-linear-gradient(bottom, #c91212, #c91212);
    background: -o-linear-gradient(bottom, #c91212, #000000);
    background: -moz-linear-gradient(bottom, #c91212, #000000);
    background: linear-gradient(to top, #c91212, #c91212);
    -webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 12px 14px 0 rgba(0, 0, 0, .1);
    color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1100px) {
    .dropdown:not(.dropdown--language) {
        height: auto;
        padding: 6rem 0;
        top: 110px;
        -moz-transform: translateX(-110%);
        -o-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        -moz-transition: top .4s;
        -o-transition: top .4s;
        -webkit-transition: top .4s;
        transition: top .4s
    }

    .dropdown:not(.dropdown--language) .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 1
    }

    .nav--lvl-1.is--active .dropdown:not(.dropdown--language) .container {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        transition-delay: .15s
    }
}

.dropdown:not(.dropdown--language) ul>li {
    padding-bottom: 12px
}

.dropdown:not(.dropdown--language) ul>li>a {
    border: 1px solid #fff;
    display: block;
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 44px;
    line-height: 4.4rem;
    font-weight: 700;
    height: 44px;
    padding: 0 1rem;
    position: relative;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dropdown:not(.dropdown--language) ul>li>a:active,
.dropdown:not(.dropdown--language) ul>li>a:focus,
.dropdown:not(.dropdown--language) ul>li>a:hover {
    background-color: #fff;
    color: #000000;
    transform: scale(1.3);
}

@media only screen and (min-width:1100px) {
    .header.is--scroll .dropdown:not(.dropdown--language) {
        top: 75px
    }

}

.is--scroll .header__navigation--mobile {
    top: 75px !important;
}

.dropdown.dropdown--show {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (min-width:1100px) {
    .dropdown.dropdown--show {
        display: block
    }
}

.dropdown:not(.dropdown--language) .has--children>a,
.header__navigation--mobile .has--children>a {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.dropdown:not(.dropdown--language) .has--children>a::after,
.header__navigation--mobile .has--children>a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 15px;
    margin-left: 15px;
    width: 9px;
    vertical-align: middle
}

.dropdown:not(.dropdown--language) .has--children>a:active::after,
.dropdown:not(.dropdown--language) .has--children>a:focus::after,
.dropdown:not(.dropdown--language) .has--children>a:hover::after,
.header__navigation--mobile .has--children>a:active::after,
.header__navigation--mobile .has--children>a:focus::after,
.header__navigation--mobile .has--children>a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

@media only screen and (min-width:1100px) {

    .dropdown:not(.dropdown--language) .is--active>a,
    .header__navigation--mobile .is--active>a {
        background-color: #fff;
        color: #000000;
        -moz-transition: transform .15s;
        -o-transition: transform .15s;
        -webkit-transition: transform .15s;
        transition: transform .15s;
        -moz-transform: scale(1.085);
        -o-transform: scale(1.085);
        -ms-transform: scale(1.085);
        -webkit-transform: scale(1.085);
        transform: scale(1.085)
    }

    .dropdown:not(.dropdown--language) .is--active>a::after,
    .header__navigation--mobile .is--active>a::after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
    }
}

.dropdown__child {
    background-color: #000000;
    padding: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1100px) {
    .dropdown__child {
        background: 0 0;
        padding: 0 5rem;
        position: relative;
        width: 50%
    }
}

.dropdown__child h3 {
    display: none
}

@media only screen and (min-width:1100px) {
    .dropdown__child h3 {
        display: block;
        margin: 0 0 2rem;
        text-transform: uppercase
    }

    .dropdown__child h3 a {
        display: block
    }

    .dropdown__child h3 a:active,
    .dropdown__child h3 a:focus,
    .dropdown__child h3 a:hover {
        text-decoration: underline
    }
}

.dropdown__child .dropdown__child {
    -moz-transition: opacity .75s;
    -o-transition: opacity .75s;
    -webkit-transition: opacity .75s;
    transition: opacity .75s;
    visibility: hidden
}

@media only screen and (min-width:1100px) {
    .dropdown__child .dropdown__child {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        z-index: -1
    }
}

.dropdown__child .dropdown__child.dropdown--show {
    display: block;
    visibility: visible;
    z-index: 1
}

@media only screen and (min-width:1100px) {
    .dropdown__child .dropdown__child.dropdown--show {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
}

.navigation-back {
    font-weight: 700;
    max-height: 1000px;
    text-transform: uppercase;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navigation-back a {
    background: #000000;
    border-bottom: 1px solid #fff;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 54px;
    line-height: 5.4rem;
    height: 54px;
    padding: 0 3rem;
    -moz-transition: all .15s cubic-bezier(.5, .1, 1, 1);
    -o-transition: all .15s cubic-bezier(.5, .1, 1, 1);
    -webkit-transition: all .15s cubic-bezier(.5, .1, 1, 1);
    transition: all .15s cubic-bezier(.5, .1, 1, 1)
}

.navigation-back a.nav--back {
    padding-left: 40px;
    position: relative
}

.navigation-back a.nav--back::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    top: 18px;
    left: 20px;
    width: 9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation-back a.nav--remove {
    -moz-transform: translateX(120%);
    -o-transform: translateX(120%);
    -ms-transform: translateX(120%);
    -webkit-transform: translateX(120%);
    transform: translateX(120%);
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media only screen and (min-width:1100px) {
    .navigation-back {
        display: none
    }
}

.dropdown__intro {
    display: none
}

@media only screen and (min-width:1100px) {
    .dropdown__intro {
        display: block;
        -webkit-box-flex: 45% 0 0;
        -webkit-flex: 45% 0 0;
        -ms-flex: 45% 0 0;
        flex: 45% 0 0;
        width: 45%;
        padding-right: 5rem
    }
}

@media only screen and (min-width:1100px) {
    .dropdown__navigation {
        -webkit-box-flex: 70% 0 0;
        -webkit-flex: 70% 0 0;
        -ms-flex: 70% 0 0;
        flex: 70% 0 0;
        width: 70%;
        position: relative
    }

    .dropdown__navigation::after,
    .dropdown__navigation::before {
        background: #fff;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 1px
    }

    .dropdown__navigation::after {
        left: 50%
    }
}

.dropdown__close {
    display: none
}

@media only screen and (min-width:1100px) {
    .dropdown__close {
        display: block;
        position: absolute;
        bottom: 20px;
        right: 40px
    }
}

.header__mobiletoggle button {
    background-color: #000000;
    color: transparent;
    height: 75px;
    font-size: 0;
    width: 100%
}

.header__mobiletoggle span {
    position: relative
}

.header__mobiletoggle span,
.header__mobiletoggle span::after,
.header__mobiletoggle span::before {
    background-color: #fff;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 22px;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    -webkit-transition: all .15s;
    transition: all .15s
}

.header__mobiletoggle span::after,
.header__mobiletoggle span::before {
    content: '';
    position: absolute;
    left: 0
}

.header__mobiletoggle span::before {
    top: -6px
}

.header__mobiletoggle span::after {
    top: 6px
}

.header__navigation--mobile+*+.header__mobiletoggle span {
    background-color: transparent
}

.header__navigation--mobile+*+.header__mobiletoggle span::before {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.header__navigation--mobile+*+.header__mobiletoggle span::after {
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0
}

.secondary-nav {
    background-color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.secondary-nav__title {
    border-bottom: 1px solid #e5e5e5;
    height: 56px;
    line-height: 56px;
    line-height: 5.6rem;
    text-align: center
}

.secondary-nav__title a:active,
.secondary-nav__title a:focus,
.secondary-nav__title a:hover {
    text-decoration: underline
}

.secondary-nav>nav {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem
}

.secondary-nav>nav>ul>li {
    display: block
}

.secondary-nav>nav>ul>li.is--current>a {
    background-color: #c91212;
    color: #fff
}

.secondary-nav>nav>ul>li.is--current>a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.secondary-nav>nav>ul>li.is--current>a+ul {
    display: block;
    margin: 10px 0 5px
}

.secondary-nav>nav>ul>li.is--current.has--children>a::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.secondary-nav>nav a {
    -webkit-align-items: center;
    align-items: center;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 15px 24px;
    position: relative;
    text-decoration: none
}

.secondary-nav>nav a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 15px;
    margin-left: 15px;
    width: 9px
}

.secondary-nav>nav a:active,
.secondary-nav>nav a:focus,
.secondary-nav>nav a:hover {
    text-decoration: underline
}

.secondary-nav>nav ul>li>ul {
    display: none
}

.secondary-nav>nav ul>li>ul>li.is--current>a {
    background-color: transparent;
    color: #000000;
    text-decoration: underline
}

.secondary-nav>nav ul>li>ul>li a {
    color: #000000;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    padding-left: 44px
}

.pagination {
    text-align: center
}

@media only screen and (min-width:600px) {
    .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 4rem;
        text-align: left
    }
}

.pagination--space {
    margin-top: 0;
    padding-bottom: 6rem
}

.footer__navigation {
    font-weight: 700;
    text-transform: uppercase;
    width: 50%;
}

.footer__navigation ul li {
    display: block;
    padding: 1.5rem
}

@media only screen and (min-width:900px) {
    .footer__navigation ul li {
        display: inline-block;
        padding: 2rem
    }

    .what ul li {
        /*    display: inline-block;*/
        /*padding: 1rem 13px 0px 0px;*/
        color: #5d5d5d;
        font-size: 20px;
        line-height: 35px;
        /*padding: 2rem;    color: #5d5d5d;*/
    }

    .what ul li a {
        background-image: linear-gradient(transparent calc(70% - 0px), #ff01016e 5px);
        background-size: 0;
        background-repeat: no-repeat;
        display: inline;
        transition: 0.5s ease;
    }

    .what ul li a:hover {
        background-size: 100%;
    }

    .pdl0 {
        padding-left: 0px !important;
    }
}

.wht_h2 {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 48px;
    color: #c91212;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
}



.arrow_img {
    width: 2%;
    display: inline-block;
}

.footer__navigation a:active,
.footer__navigation a:focus,
.footer__navigation a:hover {
    text-decoration: underline
}

.footer__social ul li {
    display: inline-block;
    margin-right: 1rem
}

.footer__social ul li:last-child {
    margin-right: 0
}

.footer__social ul li a {
    display: block;
    height: 24px;
    width: 24px
}

.header__search {
    text-align: center
}

.header__search button {
    height: 75px;
    font-size: 0;
    width: 100%
}

@media only screen and (min-width:1100px) {
    .header__search button {
        height: 110px
    }
}

.header__search button::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 20px;
    margin: auto;
    width: 20px
}

.header__search button:active,
.header__search button:focus,
.header__search button:hover {
    background-color: #000000
}

.header__search button:active::before,
.header__search button:focus::before,
.header__search button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header__search .dropdown {
    height: auto;
    padding: 4rem 0 2rem;
    top: 75px;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width:1100px) {
    .header__search .dropdown {
        padding: 6rem 0 8rem;
        top: 110px
    }
}

.header__search .dropdown__close {
    display: block;
    margin-top: 2rem;
    text-align: right
}

.header.is--scroll .header__search button {
    height: 75px
}

.header.is--scroll .header__search .dropdown {
    top: 75px
}

.header--invert .header__search button::before,
.is--active .header__search button::before,
.is--scroll .header__search button::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23C91212' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header--invert .header__search button:active::before,
.header--invert .header__search button:focus::before,
.header--invert .header__search button:hover::before,
.is--active .header__search button:active::before,
.is--active .header__search button:focus::before,
.is--active .header__search button:hover::before,
.is--scroll .header__search button:active::before,
.is--scroll .header__search button:focus::before,
.is--scroll .header__search button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header__search.is--active {
    background-color: #000000
}

.header__search.is--active button::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header__search.is--active .container {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    transition-delay: .15s
}

.form-search {
    width: 100%
}

.form-search form {
    position: relative
}

.form-search input[type=search] {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 64px;
    line-height: 6.4rem;
    height: 64px;
    padding: 0 10rem 0 2rem
}

.form-search input[type=search]::-webkit-input-placeholder {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    opacity: .4
}

.form-search input[type=search]::-moz-placeholder {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    opacity: .4
}

.form-search input[type=search]:-ms-input-placeholder {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    opacity: .4
}

.form-search input[type=search]:-moz-placeholder {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    opacity: .4
}

@media only screen and (min-width:1100px) {
    .form-search input[type=search] {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 64px;
        line-height: 6.4rem;
        height: 64px
    }
}

.form-search input[type=submit] {
    background: 0 0;
    border: 0;
    height: 100%;
    font-size: 0;
    width: 100%
}

.form-search__submit {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    z-index: 1
}

.form-search__submit::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.302 7.19c0-3.27 2.603-5.883 5.857-5.883 3.253 0 5.856 2.614 5.856 5.882 0 3.266-2.603 5.88-5.857 5.88-3.255 0-5.858-2.614-5.858-5.88zm11.336 4.585c1.045-1.252 1.68-2.855 1.68-4.587 0-3.92-3.254-7.188-7.16-7.188C3.255 0 0 3.268 0 7.188s3.254 7.19 7.16 7.19c1.69 0 3.258-.615 4.495-1.63l5.396 5.42c.132.13.262.13.522.13s.39 0 .52-.13c.26-.262.26-.654 0-.916l-5.454-5.477z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: -1
}

.search--listing:nth-of-type(odd) a {
    background-color: #fff
}

.search--listing a {
    display: block;
    padding: 3rem 6rem 3rem 5rem
}

.search--listing a h2 {
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    line-height: 2.6rem;
    text-transform: none
}

.search--listing a h2 strong {
    font-weight: 700
}

.search--listing a strong {
    color: #000000;
    text-decoration: underline
}

.search--listing a:active,
.search--listing a:focus,
.search--listing a:hover {
    background-color: #000000;
    color: #fff
}

.search--listing a:active h2,
.search--listing a:active strong,
.search--listing a:focus h2,
.search--listing a:focus strong,
.search--listing a:hover h2,
.search--listing a:hover strong {
    color: inherit
}

.language {
    padding-top: 24px;
    position: relative
}

@media only screen and (min-width:1100px) {
    .language {
        padding-top: 0
    }
}

.header__navigation--mobile .dropdown--language {
    width: 100%
}

.header__language--mobile .is--current a,
.language .is--current a {
    position: relative
}

.header__language--mobile .is--current a::after,
.language .is--current a::after {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    content: '';
    height: 12px;
    position: absolute;
    top: 50%;
    right: 2.4rem;
    width: 12px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header__language--mobile .dropdown,
.language .dropdown {
    background: #000000;
    background: -webkit-linear-gradient(bottom, #c91212 90%, #000000);
    background: -o-linear-gradient(bottom, #c91212 90%, #000000);
    background: -moz-linear-gradient(bottom, #c91212 90%, #000000);
    background: linear-gradient(to top, #c91212 90%, #000000);
    color: #fff;
    display: none;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 1rem;
    position: absolute;
    left: auto;
    right: 0;
    text-transform: uppercase;
    width: 160px
}

.header__language--mobile .dropdown a,
.language .dropdown a {
    display: block;
    padding: 1.5rem 2.4rem
}

.header__language--mobile .dropdown a:hover,
.language .dropdown a:hover {
    text-decoration: underline
}

.header__language--mobile .dropdown.dropdown--show,
.language .dropdown.dropdown--show {
    display: block
}

.header__language--mobile .is--current a::after {
    right: .4rem
}

.header--invert .header__language--mobile svg,
.header.is--scroll .header__language--mobile svg {
    fill: #000000
}

.header--invert .header__language--mobile.is--active svg,
.header.is--scroll .header__language--mobile.is--active svg {
    fill: #fff
}

.breadcrumbs {
    display: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    line-height: 5rem;
    height: 50px;
    text-transform: uppercase
}

@media only screen and (min-width:1100px) {
    .breadcrumbs {
        display: block
    }
}

.breadcrumbs ul {
    white-space: nowrap
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs a {
    color: #000000;
    display: block;
    font-weight: 700;
    vertical-align: middle
}

.breadcrumbs a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 10px;
    margin: 0 15px;
    width: 6px
}

.breadcrumbs a:active,
.breadcrumbs a:focus,
.breadcrumbs a:hover {
    text-decoration: underline
}

@media only screen and (min-width:1100px) {
    .breadcrumbs--push {
        background-color: #f4f4f4;
        border-bottom: none
    }

    .breadcrumbs--push .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        padding: 0 20px;
        max-width: 1240px
    }

    .breadcrumbs--push .container::before {
        content: '';
        min-width: 300px;
        width: 25%
    }

    .breadcrumbs--push .container::after {
        background-color: #e5e5e5;
        content: '';
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 400%
    }

    .breadcrumbs--push ul {
        display: block;
        margin: 0 auto;
        max-width: 756px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%
    }
}

.header--invert+main .breadcrumbs {
    background-color: #f4f4f4
}

.filter-wrapper {
    margin-bottom: 4rem
}

.filter-header__info {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem
}

@media only screen and (min-width:480px) {
    .filter-header__info {
        display: inline-block;
        float: right
    }
}

.filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 1rem 2rem;
    width: 100%
}

@media only screen and (min-width:820px) {
    .filters {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:820px) {
    .filters--label {
        padding-top: 2.5rem
    }
}

.filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    padding: 1rem 0;
    position: relative
}

@media only screen and (min-width:820px) {
    .filter {
        padding: 0 1rem
    }
}

.filter-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width:440px) {
    .filter-flex {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -.5rem
    }
}

.filter-flex .flex {
    margin: .5rem 0
}

@media only screen and (min-width:440px) {
    .filter-flex .flex {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        margin: 0 .5rem
    }
}

.filter--button {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.filter--buttons {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -3px
}

.filter--buttons button,
.filter--buttons input {
    margin: 0 3px
}

.filter--buttons input.submit-filter {
    width: 92px
}

@media only screen and (min-width:820px) {
    .filters--label label {
        padding-bottom: 5px;
        position: absolute;
        top: 0;
        left: 1rem;
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
    border: none
}

@-moz-document url-prefix("http://") {

    button.button::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner {
        border: 0;
        padding: 0
    }
}

fieldset,
form {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    display: none
}

input,
select,
textarea {
    background: 0 0;
    border-radius: 0;
    margin: 0;
    vertical-align: baseline;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-appearance: none
}

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

::-webkit-input-placeholder {
    color: #aaa;
    font-style: italic
}

::-moz-placeholder {
    color: #aaa;
    font-style: italic
}

:-ms-input-placeholder {
    color: #aaa;
    font-style: italic
}

:-moz-placeholder {
    color: #aaa;
    font-style: italic
}

label {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: uppercase
}

button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    font-family: 'Noto Sans KR', sans-serif;
    outline: 0;
    margin: 0;
    padding: 0
}

input {
    font-family: 'Noto Sans KR', sans-serif;
    outline: 0
}

input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=text] {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 500;
    height: 44px;
    padding: 0 2.4rem;
    width: 100%
}

input.input--nofill {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff
}

button.reset,
button.submit,
input[type=reset],
input[type=submit] {
    background-color: #c91212;
    /*background:-webkit-linear-gradient(top,#c91212,#000000);background:-o-linear-gradient(bottom,#c91212,#000000);background:-moz-linear-gradient(bottom,#c91212,#000000);background:linear-gradient(to bottom,#c91212,#000000);*/
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 700;
    height: 44px;
    text-transform: uppercase;
    padding: 0 2.4rem
}

button.reset:active,
button.reset:focus,
button.reset:hover,
button.submit:active,
button.submit:focus,
button.submit:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
    text-decoration: underline
}

button.reset,
input[type=reset] {
    background: #fff;
    color: transparent;
    font-size: 0;
    line-height: 1;
    position: relative;
    text-align: center
}

button.reset::after,
input[type=reset]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.533 489.533'%3E%3Cpath d='M268.175 488.16c98.2-11 176.9-89.5 188.1-187.7 14.7-128.4-85.1-237.7-210.2-239.1V3.76c0-3.2-4-4.9-6.7-2.9l-118.6 87.1c-2 1.5-2 4.4 0 5.9l118.6 87.1c2.7 2 6.7.2 6.7-2.9v-57.5c87.9 1.4 158.3 76.2 152.3 165.6-5.1 76.9-67.8 139.3-144.7 144.2-81.5 5.2-150.8-53-163.2-130-2.3-14.3-14.8-24.7-29.2-24.7-17.9 0-31.9 15.9-29.1 33.6 17.4 109.7 118.7 192 236 178.9z' fill='%23C91212' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
    width: 18px;
    -moz-transition: transform .15s;
    -o-transition: transform .15s;
    -webkit-transition: transform .15s;
    transition: transform .15s
}

button.reset:active::after,
button.reset:focus::after,
button.reset:hover::after,
input[type=reset]:active::after,
input[type=reset]:focus::after,
input[type=reset]:hover::after {
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.select select {
    border: 0;
    color: #000000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 44px;
    outline: 0;
    padding: 0 2.4rem;
    width: 100%;
    appearance: none;
    -webkit-appearance: none
}

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

.select select:focus {
    outline: 0
}

.select-list {
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 44px;
    line-height: 4.4rem;
    height: 44px;
    position: relative;
    width: 100%
}

.select-list::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 15px;
    margin-top: -7px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 20px;
    width: 9px;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease
}

.select-list>span {
    color: #000000;
    display: block;
    font-weight: 700;
    padding: 0 20px;
    text-transform: uppercase
}

.select-list ul {
    background: #fff;
    -webkit-box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 6px -1px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 44px;
    min-width: 100%;
    max-height: 0;
    overflow-y: hidden;
    -moz-transition: max-height .3s ease-out;
    -o-transition: max-height .3s ease-out;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    z-index: 2
}

.select-list ul li a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px
}

.select-list ul li:hover {
    background-color: #000000;
    color: #fff
}

.select-list.active ul {
    max-height: 300px;
    overflow-y: auto
}

.select-list.active:after {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table {
    overflow: hidden;
    overflow-x: auto;
    margin: 3rem 0
}

.table table {
    margin: 0
}

h2+.table,
h2+table,
h3+.table,
h3+table {
    margin-top: 0
}

table {
    border: 1px solid #d8d8d8;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    min-width: 600px;
    margin: 3rem 0;
    width: 100%
}

table td,
table th {
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: .8rem .5rem .8rem .5rem;
    text-align: left
}

table td:last-child,
table th:last-child {
    border-right: none
}

table th {
    border-color: #fff
}

table th,
table thead td {
    background-color: #000000;
    color: #fff;
    font-weight: 300
}

table tbody tr:nth-child(even) {
    background-color: #e5e5e5
}

.link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 700;
    display: inline-block;
    margin-top: 3.5rem;
    text-transform: uppercase
}

.link a,
.link span {
    -webkit-align-items: center;
    align-items: center;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.link a::after,
.link span::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 15px;
    margin-left: 15px;
    width: 9px;
    vertical-align: middle;
    -moz-transition: transform .15s;
    -o-transition: transform .15s;
    -webkit-transition: transform .15s;
    transition: transform .15s
}

.link a {
    text-decoration: none
}

.link a:active,
.link a:focus,
.link a:hover {
    text-decoration: underline
}

.link a:active::after,
.link a:focus::after,
.link a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E");
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.link--block {
    display: block
}

.link--nospace {
    margin-top: 0
}

.link--switch a {
    -webkit-flex-flow: row-reverse nowrap;
    -moz-flex-flow: row-reverse nowrap;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap
}

.link--switch a::after {
    margin-left: 0;
    margin-right: 15px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.link--switch a:hover::after {
    -moz-transform: translateX(-5px) rotate(-180deg);
    -o-transform: translateX(-5px) rotate(-180deg);
    -ms-transform: translateX(-5px) rotate(-180deg);
    -webkit-transform: translateX(-5px) rotate(-180deg);
    transform: translateX(-5px) rotate(-180deg)
}

.link--primary {
    color: #000000
}

.link--primary a::after,
.link--primary span::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.block:active .link span::after,
.block:focus .link span::after,
.block:hover .link span::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.btn {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 44px;
    line-height: 4.4rem;
    font-weight: 700;
    height: 44px;
    margin-top: 3.5rem;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap
}

@media only screen and (min-width:500px) {
    .btn {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 44px;
        line-height: 4.4rem
    }
}

.btn a {
    -webkit-align-items: center;
    align-items: center;
    background-color: #c91212;
    color: inherit;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    outline: 0;
    padding: 0 2rem
}

.btn a span {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    font-weight: 400;
    margin-left: .5rem
}

.btn a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 15px;
    margin-left: 15px;
    width: 9px
}

.btn a:active,
.btn a:focus,
.btn a:hover {
    background: #fff;
    color: #000000
}

.btn a:active::after,
.btn a:focus::after,
.btn a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.btn--grey,
.btn--white {
    color: #000000
}

.btn--grey a,
.btn--white a {
    background: #fff
}

.btn--grey a::after,
.btn--white a::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.btn--grey a:active,
.btn--grey a:focus,
.btn--grey a:hover,
.btn--white a:active,
.btn--white a:focus,
.btn--white a:hover {
    background: #000000;
    color: #fff
}

.btn--grey a:active::after,
.btn--grey a:focus::after,
.btn--grey a:hover::after,
.btn--white a:active::after,
.btn--white a:focus::after,
.btn--white a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.btn--grey a {
    background: #f4f4f4
}

.btn--shadow a:active,
.btn--shadow a:focus,
.btn--shadow a:hover {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.btn--nofill a {
    background: 0 0;
    border: 1px solid #fff
}

.btn--switch a {
    -webkit-flex-flow: row-reverse nowrap;
    -moz-flex-flow: row-reverse nowrap;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap
}

.btn--switch a::after {
    margin-left: 0;
    margin-right: 15px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn--download a::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btn--block {
    display: block
}

.btn--nopush {
    margin: 0
}

.hero {
    background-color: #c91212;
    color: #fff
}

.hero__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.hero__video {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.hero__video video {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 101%;
    min-width: 101%;
    max-width: none;
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: auto
}

.hero--gradient::before {
    background: -webkit-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background: -moz-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background: -o-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background-image: linear-gradient(to bottom, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:680px) {
    .hero--gradient::before {
        background: -webkit-linear-gradient(left, rgb(0 0 0 / 76%), rgb(0 0 0 / 39%));
        background: -moz-linear-gradient(left, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
        background: -o-linear-gradient(left, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
        /*background-image:linear-gradient(to right,rgba(32,39,51,.5),rgba(56,27,27,0))*/
    }
}

.hero--image .hero--gradient::before {
    background: -webkit-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0) 40%);
    background: -moz-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0) 40%);
    background: -o-linear-gradient(top, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0) 40%);
    background-image: linear-gradient(to bottom, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0) 40%)
}

.hero__carousel {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.hero__carousel .hero_carousel--fade {
    height: 100%
}

.hero__title {
    max-width: 600px
}

.hero__title h1+p {
    margin-top: 1rem
}

.hero__description {
    display: none
}

@media only screen and (min-width:600px) {
    .hero__description {
        background-color: rgba(0, 93, 168, .8);
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        font-weight: 500;
        padding: 6px 15px 6px 40px;
        position: relative;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
        max-width: 400px;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.hero__description p {
    position: relative
}

.hero__description p::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.625 23.625'%3E%3Cpath d='M11.812 0C5.29 0 0 5.29 0 11.812s5.29 11.813 11.812 11.813 11.813-5.29 11.813-11.813S18.335 0 11.812 0zm2.46 18.307c-.61.24-1.093.422-1.456.548-.362.126-.783.19-1.262.19-.736 0-1.31-.18-1.717-.54s-.61-.814-.61-1.367c0-.215.014-.435.044-.66.032-.223.08-.475.148-.758l.76-2.688c.068-.258.126-.503.172-.73.046-.23.068-.442.068-.634 0-.342-.07-.582-.212-.717-.143-.134-.412-.2-.813-.2-.196 0-.398.03-.605.09-.205.063-.383.12-.53.176l.202-.828c.498-.203.975-.377 1.43-.52.455-.147.885-.22 1.29-.22.73 0 1.295.18 1.692.53.395.354.594.813.594 1.377 0 .117-.014.323-.04.617-.028.295-.08.564-.153.81l-.757 2.68c-.062.216-.117.462-.167.737-.05.274-.074.484-.074.625 0 .356.08.6.24.728.157.13.434.194.826.194.185 0 .392-.033.626-.097.232-.064.4-.12.506-.17l-.203.827zM14.136 7.43c-.353.327-.778.49-1.275.49-.496 0-.924-.163-1.28-.49-.354-.33-.533-.728-.533-1.194 0-.465.18-.865.532-1.196.356-.332.784-.497 1.28-.497.497 0 .923.165 1.275.497.353.33.53.73.53 1.196 0 .467-.177.865-.53 1.193z' fill='%23FFFFFF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 16px;
    position: absolute;
    top: 2px;
    left: -26px;
    width: 16px
}

.hero__additional {
    display: none
}

@media only screen and (min-width:880px) {
    .hero__additional {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        min-width: 300px
    }

    .hero__additional a {
        font-weight: 700;
        text-decoration: underline
    }
}

.hero__scroll {
    display: none
}

@media only screen and (min-width:1100px) {
    .hero__scroll {
        display: block;
        position: absolute;
        bottom: -35px;
        left: 50%;
        margin-left: -36px;
        z-index: 2
    }

    .hero__scroll button {
        -webkit-align-items: center;
        align-items: center;
        background: #c91212;
        -webkit-border-radius: 75px;
        -moz-border-radius: 75px;
        border-radius: 75px;
        -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
        color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 75px;
        font-size: 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 75px
    }

    .hero__scroll button::after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        display: inline-block;
        content: '';
        height: 23px;
        margin: auto;
        width: 14px;
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.hero__scroll:hover button {
    background: #fff
}

.hero__scroll:hover button::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E")
}

.hero--full .hero__scroll {
    bottom: 20px
}

.map-wrapper {
    position: relative;
    height: 400px;
    width: 100%
}

@media only screen and (min-width:600px) {
    .map-wrapper {
        height: 670px
    }
}

#map {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

#map+.hero__image {
    display: none
}

.map-flag {
    width: 64px;
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    pointer-events: none
}

@media only screen and (min-width:880px) {
    .map-flag {
        top: 50px;
        left: 100px
    }
}

.map-content {
    display: none
}

@media only screen and (min-width:1000px) {
    .map-content {
        color: #fff;
        display: block;
        position: absolute;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1
    }

    .map-content .container {
        padding-top: 0;
        padding-bottom: 4rem
    }
}

.map-key {
    margin-top: 25px
}

.map-key svg {
    height: 33px;
    width: 35px
}

.map-key p,
.map-key svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px
}

.map-key p {
    margin-left: 20px;
    text-transform: uppercase
}

.map-key:first-child {
    margin-top: 35px
}

.map-keys--text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    padding: 30px 40px 0
}

.map-filter {
    display: none
}

@media only screen and (min-width:880px) {
    .map-filter {
        color: #fff;
        display: block;
        position: absolute;
        pointer-events: none;
        bottom: 20px;
        right: 20px;
        left: 20px;
        z-index: 1
    }
}

@media only screen and (min-width:880px) and (min-width:600px) {
    .map-filter {
        left: auto;
        right: 40px;
        bottom: 40px;
        min-width: 350px
    }
}

@media only screen and (min-width:880px) {
    .map-filter .filter-wrapper {
        margin-bottom: 0
    }
}

@media only screen and (min-width:880px) and (max-width:599px) {
    .map-filter .filter-wrapper {
        border: none;
        padding-bottom: 0
    }

    .map-filter .filter-wrapper .filter-header,
    .map-filter .filter-wrapper::after,
    .map-filter .filter-wrapper::before {
        display: none
    }
}

@media only screen and (min-width:880px) {
    .map-filter .select-list {
        color: #000000;
        font-weight: 700;
        text-transform: uppercase
    }
}

.mapboxgl-popup {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #000000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    margin: 0;
    padding: 30px 50px 30px 30px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

@media only screen and (max-width:599px) {
    .mapboxgl-popup {
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        z-index: 4
    }
}

@media only screen and (min-width:600px) {
    .mapboxgl-popup {
        -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
        height: auto;
        margin-top: 40px;
        max-width: 300px;
        position: relative;
        left: auto;
        top: auto
    }
}

.mapboxgl-popup:before {
    content: '';
    display: block;
    width: 2px;
    height: 25px;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff
}

.mapboxgl-popup h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

.mapboxgl-popup ul {
    margin-top: 5px
}

.mapboxgl-popup ul li {
    color: #000000
}

.mapboxgl-popup ul li a:active,
.mapboxgl-popup ul li a:focus,
.mapboxgl-popup ul li a:hover {
    text-decoration: underline
}

.mapboxgl-popup-close-button {
    background: #000000;
    color: #fff;
    font-size: 36px;
    height: 44px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px
}

@media only screen and (min-width:600px) {
    .mapboxgl-popup-close-button {
        right: 0;
        top: 0
    }

    .mapboxgl-popup-close-button:hover {
        background-color: #004f90
    }
}

.map__getdirections {
    color: #000000;
    font-weight: 700;
    margin-top: 3rem;
    text-transform: uppercase
}

@media only screen and (max-width:599px) {
    .map__getdirections {
        position: relative
    }
}

.map__getdirections a:active,
.map__getdirections a:focus,
.map__getdirections a:hover {
    text-decoration: underline
}

.map__getdirections::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 48 48'%3E%3Cpath d='M42 39V9c0-1.657-1.343-3-3-3H9C7.343 6 6 7.343 6 9v30c0 1.657 1.343 3 3 3h30c1.657 0 3-1.343 3-3z' fill='%231C9957'/%3E%3Cpath d='M9 42h30c1.657 0-15-16-15-16S7.343 42 9 42z' fill='%233E7BF1'/%3E%3Cpath d='M42 39V9c0-1.657-16 15-16 15s16 16.657 16 15z' fill='%23CBCCC9'/%3E%3Cpath d='M39 42c1.657 0 3-1.343 3-3v-.245L26.245 23 23 26.245 38.755 42H39z' fill='%23EFEFEF'/%3E%3Cpath d='M42 9c0-1.657-1.343-3-3-3h-.245L6 38.755V39c0 1.657 1.343 3 3 3h.245L42 9.245V9z' fill='%23FFD73D'/%3E%3Cpath d='M36 2c-5.523 0-10 4.477-10 10 0 6.813 7.666 9.295 9.333 19.85.107.68.115 1.15.667 1.15s.56-.47.667-1.15C38.334 21.296 46 18.814 46 12c0-5.523-4.477-10-10-10z' fill='%23D73F35'/%3E%3Ccircle cx='36' cy='12' r='3.5' fill='%23752622'/%3E%3Cpath d='M14.493 12.53v2.102h2.994c-.392 1.274-1.455 2.185-2.994 2.185-1.833 0-3.318-1.485-3.318-3.318s1.486-3.32 3.318-3.32c.824 0 1.576.303 2.156.8l1.547-1.547C17.22 8.543 15.92 8 14.493 8c-3.038 0-5.5 2.463-5.5 5.5s2.462 5.5 5.5 5.5c4.81 0 5.637-4.317 5.184-6.46l-5.184-.01z' fill='%23FFF' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 52px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 52px
}

@media only screen and (max-width:599px) {
    .map__getdirections::after {
        right: 0;
        bottom: 0
    }
}

.map-tooltip {
    background-color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 1.5rem 2rem
}

.map-tooltip span {
    color: #000000;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 700
}

.hero-map-instruct {
    display: none;
    background-color: rgba(24, 44, 75, .8);
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (max-width:479px) {
    .hero-map-instruct {
        display: none !important
    }
}

.map-instruct {
    display: none
}

@media only screen and (min-width:480px) {
    .map-instruct {
        display: block;
        height: 246px;
        position: absolute;
        right: 10%;
        top: 50%;
        width: 80%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:840px) {
    .map-instruct {
        right: 30%;
        width: 540px
    }
}

@media only screen and (min-width:1460px) {
    .map-instruct {
        right: 50%;
        width: 676px
    }
}

.map-instruct::after {
    border-left: 1px dotted #fff;
    display: block;
    content: '';
    position: absolute;
    height: 80px;
    bottom: 0;
    right: -1px;
    width: 1px
}

.map-instruct:before {
    content: '';
    border-bottom: 1px dotted #fff;
    width: 100%;
    position: absolute;
    bottom: 0
}

.map-instruct svg {
    height: 75px;
    width: 75px;
    position: absolute;
    bottom: 25%;
    right: -37.5px
}

.map-instruct-title {
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-weight: 700;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    line-height: 3.2rem;
    max-width: 280px;
    text-transform: uppercase
}

.map-instruct-info {
    max-width: 280px
}

.map-instruct-info::before {
    border-left: 1px dotted #fff;
    display: block;
    content: '';
    position: absolute;
    top: 185px;
    height: 60px;
    width: 1px
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass {
    display: none
}

.mapboxgl-map {
    -webkit-tap-highlight-color: transparent
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-nav-compass {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-nav-compass:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
    position: absolute;
    pointer-events: none;
    z-index: 2
}

.mapboxgl-ctrl-top-left {
    top: 0;
    left: 0
}

.mapboxgl-ctrl-top-right {
    top: 0;
    right: 0
}

.mapboxgl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right {
    right: 0;
    bottom: 0
}

.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    margin: 10px 0 0 10px;
    float: left
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    margin: 10px 10px 0 0;
    float: right
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
    margin: 0 0 10px 10px;
    float: left
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
    margin: 0 10px 10px 0;
    float: right
}

.mapboxgl-ctrl-group {
    border-radius: 4px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
    overflow: hidden;
    background: #fff
}

.mapboxgl-ctrl-group>button {
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer
}

.mapboxgl-ctrl>button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mapboxgl-ctrl>button:last-child {
    border-bottom: 0
}

.mapboxgl-ctrl>button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon>span.arrow {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
    padding: 5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27m%207%2C9%20c%20-0.554%2C0%20-1%2C0.446%20-1%2C1%200%2C0.554%200.446%2C1%201%2C1%20l%206%2C0%20c%200.554%2C0%201%2C-0.446%201%2C-1%200%2C-0.554%20-0.446%2C-1%20-1%2C-1%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
    padding: 5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2020%2020%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%0A%20%20%3Cpath%20style%3D%27fill%3A%23333333%3B%27%20d%3D%27M%2010%206%20C%209.446%206%209%206.4459904%209%207%20L%209%209%20L%207%209%20C%206.446%209%206%209.446%206%2010%20C%206%2010.554%206.446%2011%207%2011%20L%209%2011%20L%209%2013%20C%209%2013.55401%209.446%2014%2010%2014%20C%2010.554%2014%2011%2013.55401%2011%2013%20L%2011%2011%20L%2013%2011%20C%2013.554%2011%2014%2010.554%2014%2010%20C%2014%209.446%2013.554%209%2013%209%20L%2011%209%20L%2011%207%20C%2011%206.4459904%2010.554%206%2010%206%20z%27%20%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: .5
}

@media print {
    .mapbox-improve-map {
        display: none
    }
}

.carousel {
    height: 100%
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-current {
    z-index: 1
}

.grid--carousel .slick-track,
.grid--carousel.slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: none
}

.grid--carousel .slick-track .grid__item,
.grid--carousel.slick-initialized .slick-slide .grid__item {
    margin-bottom: 20px
}

@media only screen and (max-width:599px) {
    .grid__item.slick-slide {
        -moz-transform: scaleY(.9);
        -o-transform: scaleY(.9);
        -ms-transform: scaleY(.9);
        -webkit-transform: scaleY(.9);
        transform: scaleY(.9);
        -moz-transition: transform .25s;
        -o-transition: transform .25s;
        -webkit-transition: transform .25s;
        transition: transform .25s
    }

    .grid__item.slick-slide.slick-active {
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

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

.slick-arrow {
    color: transparent;
    font-size: 0;
    height: 64px;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 48px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-arrow::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23C91212'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 44px;
    margin: 0 auto;
    position: relative;
    width: 26px;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    -webkit-transition: all .15s;
    transition: all .15s
}

.slick-arrow:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.slick-prev {
    left: -70px
}

.slick-prev::before {
    left: 0;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-prev:hover::before {
    left: -5px
}

.slick-next {
    right: -70px
}

.slick-next::before {
    right: 0
}

.slick-next:hover::before {
    right: -5px
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.slick-dots li {
    max-width: 38px;
    padding: 0 5px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:980px) {
    .slick-dots li {
        max-width: 58px
    }
}

.slick-dots button {
    background-color: #e5e5e5;
    color: transparent;
    font-size: 0;
    height: 6px;
    width: 100%;
    -moz-transition: background-color .15s;
    -o-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

.slick-dots button:hover {
    background-color: #ccc
}

.slick-dots li.slick-active button {
    background-color: #000000
}

.hero__carousel-home .hero__content {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .75s;
    -o-transition: opacity .75s;
    -webkit-transition: opacity .75s;
    transition: opacity .75s;
    transition-delay: .5s
}

.hero__carousel-home .slick-active .hero__content {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.hero__carousel-home .slick-arrow {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}

.hero__carousel-home .slick-arrow::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E")
}

.hero__carousel-home .slick-arrow:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.hero__carousel-home .slick-prev {
    left: 30px
}

.hero__carousel-home .slick-next {
    right: 30px
}

.hero__carousel-home .slick-dots {
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 20px;
    right: 20px;
    width: auto
}

@media only screen and (min-width:1100px) {
    .hero__carousel-home .slick-dots {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        bottom: 50px;
        right: 50px;
        left: auto;
        width: 100%
    }
}

.hero__carousel-home .slick-dots li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    max-width: 70px;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.hero__carousel-home .slick-dots li span {
    display: none
}

@media only screen and (min-width:1100px) {
    .hero__carousel-home .slick-dots li span {
        display: block;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;
        bottom: 20px;
        right: 5px;
        -moz-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        -moz-transition: all .15s;
        -o-transition: all .15s;
        -webkit-transition: all .15s;
        transition: all .15s;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
    }
}

.hero__carousel-home .slick-dots li span strong {
    display: block;
    font-weight: 700
}

.hero__carousel-home .slick-dots button {
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    height: 10px;
    position: relative;
    overflow: hidden
}

.hero__carousel-home .slick-dots button::before {
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.hero__carousel-home .slick-dots button:hover {
    background-color: rgba(255, 255, 255, .9)
}

.hero__carousel-home .slick-dots li.slick-active button {
    background-color: rgba(255, 255, 255, .7)
}

.hero__carousel-home .slick-dots li.slick-active button::before {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform 5.2s linear;
    -o-transition: transform 5.2s linear;
    -webkit-transition: transform 5.2s linear;
    transition: transform 5.2s linear
}

.hero__carousel-home .slick-dots li.slick-active span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.title-block {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin: 0 auto;
    max-width: 240px;
    width: 100%
}

@media only screen and (min-width:680px) {
    .title-block {
        margin: 0 0 0 40px;
        max-width: 300px
    }
}

@media only screen and (min-width:1280px) {
    .title-block {
        margin-left: 0
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block {
        max-width: 350px
    }
}

.title-block::after,
.title-block:before {
    top: 0
}

.title-block__content {
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    height: 240px;
    padding: 2rem 0
}

@media only screen and (min-width:680px) {
    .title-block__content {
        height: 300px
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block__content {
        height: 235px
    }
}

.title-block__content::after,
.title-block__content:before {
    bottom: 0
}

.title-block__title {
    text-transform: uppercase;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.title-block__title p:first-of-type {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    line-height: 2.8rem
}

.title-block__title h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    line-height: 3.2rem
}

@media only screen and (min-width:680px) {
    .title-block__title h1 {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 38px;
        line-height: 3.8rem;
        letter-spacing: normal
    }
}

@media only screen and (max-height:860px) {
    .title-block__title h1 {
        font-size: 32px;
        font-size: 2.9rem;
        line-height: 32px;
        line-height: 3rem
    }
}

.title-block__title p+h1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem
}

@media only screen and (min-width:680px) {
    .title-block__title p+h1 {
        font-size: 46px;
        font-size: 4.6rem;
        line-height: 46px;
        line-height: 4.6rem
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block__title p+h1 {
        font-size: 32px;
        font-size: 2.9rem;
        line-height: 32px;
        line-height: 3rem;
    }
}

.title-block__title p+h1 span {
    display: block
}

@media only screen and (min-width:680px) {
    .title-block__title p+h1 span {
        font-size: 64px;
        font-size: 6.4rem;
        line-height: 54px;
        line-height: 5.4rem
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block__title p+h1 span {
        font-size: 46px;
        font-size: 3rem;
        line-height: 46px;
        line-height: 3rem
    }
}

.title-block__supporting p:first-child {
    display: none
}

@media only screen and (min-width:680px) {
    .title-block__supporting p:first-child {
        display: block
    }
}

@media only screen and (min-width:375px) and (max-width:679px) {
    .title-block__supporting p.btn {
        margin-left: -30px;
        margin-right: -30px
    }
}

@media only screen and (min-width:680px) {
    .title-block__supporting {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-weight: 500
    }
}

.title-block__content+.title-block__supporting {
    margin-top: 2.5rem
}

.title-block--wide {
    max-width: 240px;
    width: 100%
}

@media only screen and (min-width:375px) {
    .title-block--wide {
        max-width: 280px
    }
}

@media only screen and (min-width:680px) {
    .title-block--wide {
        margin: 0;
        max-width: 352px
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block--wide {
        max-width: 425px
    }
}

.title-block--wide .title-block__content {
    border-width: 8px;
    height: 240px
}

@media only screen and (min-width:375px) {
    .title-block--wide .title-block__content {
        height: 280px
    }
}

@media only screen and (min-width:680px) {
    .title-block--wide .title-block__content {
        border-width: 12px;
        height: 352px
    }
}

@media only screen and (max-height:860px) and (min-width:1100px) {
    .title-block--wide .title-block__content {
        height: 250px
    }
}

.title-block,
.title-block__content {
    position: relative
}

.title-block::after,
.title-block::before,
.title-block__content::after,
.title-block__content::before {
    background-color: #fff;
    content: '';
    height: 46px;
    position: absolute;
    width: 8px
}

.title-block::before,
.title-block__content::before {
    left: 0
}

.title-block::after,
.title-block__content::after {
    right: 0
}

@media only screen and (min-width:680px) {

    .title-block--wide .title-block__content::after,
    .title-block--wide .title-block__content::before,
    .title-block--wide::after,
    .title-block--wide::before {
        width: 12px
    }
}

.module--infoblock h2 {
    color: #000000;
    font-size: 80px;
    font-size: 8rem;
    line-height: 70px;
    line-height: 7rem;
    letter-spacing: -6px;
    margin-top: 3rem;
    text-transform: none
}

.module--infoblock h3 {
    color: #505050;
    font-weight: 400;
    margin-bottom: 2rem
}

.module--infoblock .image {
    margin: 0
}

.module--infoblock .image figcaption {
    min-width: 0;
    padding-left: 2rem
}

.module--infoblock .image figcaption p::before {
    display: none;
    padding-left: 0
}

.module--infoblock:nth-child(even) {
    background-color: #f4f4f4
}

@media only screen and (max-width:599px) {
    .full-blocks {
        display: none
    }
}

@media only screen and (min-width:1100px) {
    .full-blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-left: -6px;
        margin-right: -6px
    }
}

.full-blocks__block {
    padding-top: 6px
}

@media only screen and (min-width:1100px) {
    .full-blocks__block {
        padding: 12px 6px 0;
        flex: 1
    }
}

.full-block {
    position: relative;
    overflow: hidden
}

.full-block::before {
    background: -webkit-linear-gradient(left, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background: -moz-linear-gradient(left, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background: -o-linear-gradient(left, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    background-image: linear-gradient(to right, rgba(32, 39, 51, .5), rgba(56, 27, 27, 0));
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1100px) {
    .full-block {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 50vh;
        min-height: 460px
    }

    .full-block.full-block--left {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .full-block:hover .full-block__image {
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.full-block__image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width:1100px) {
    .full-block__image {
        -moz-transition: transform .4s;
        -o-transition: transform .4s;
        -webkit-transition: transform .4s;
        transition: transform .4s
    }
}

.full-block__content {
    padding: 12rem 20px;
    position: relative;
    max-width: 894px;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width:600px) {
    .full-block__content {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media only screen and (min-width:1400px) {
    .full-block__content {
        padding: 4rem 12rem
    }
}

@media only screen and (min-width:1100px) {
    .full-block__content .btn {
        min-width: 300px
    }
}

.full-block__text {
    color: #fff;
    max-width: 352px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

@media only screen and (min-width:1100px) {
    .full-block__text h2 {
        font-size: 40px;
        font-size: 4rem;
        line-height: 40px;
        line-height: 4rem
    }
}

.block {
    background-color: #e5e5e5;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.block:active,
.block:focus,
.block:hover {
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3)
}

@media only screen and (min-width:1100px) {

    .block:active .block__image,
    .block:focus .block__image,
    .block:hover .block__image {
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.block:active .block__content,
.block:focus .block__content,
.block:hover .block__content {
    background: #fff;
    color: #000000
}

.block:active .block__content p:first-of-type,
.block:focus .block__content p:first-of-type,
.block:hover .block__content p:first-of-type {
    color: #000000
}

.slick-slide .block:active,
.slick-slide .block:focus,
.slick-slide .block:hover {
    -webkit-box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3)
}

.block__image {
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:1100px) {
    .block__image {
        -moz-transition: transform .4s;
        -o-transition: transform .4s;
        -webkit-transition: transform .4s;
        transition: transform .4s
    }
}

.block__content {
    background-color: #c91212;
    /*background:-webkit-linear-gradient(top,#c91212,#000000);background:-o-linear-gradient(bottom,#c91212,#000000);background:-moz-linear-gradient(bottom,#c91212,#000000);background:linear-gradient(to bottom,#c91212,#000000);*/
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    margin-bottom: 2rem;
    max-width: 80%;
    padding: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width:1100px) {
    .block__content {
        padding: 4rem 2.2rem 2.5rem;
        margin-bottom: 5rem;
        max-width: 290px
    }
}

.block--landscape {
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.block--landscape .block__image {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (max-width:899px) {
    .block--landscape .block__content {
        -webkit-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
        margin: auto;
        position: relative;
        bottom: auto;
        left: auto;
        max-width: none;
        width: 100%
    }
}

.block--landscape-large .block__image .block__image--landscape {
    display: none
}

@media only screen and (min-width:1100px) {
    .block--landscape-large .block__image .block__image--landscape {
        display: block
    }

    .block--landscape-large .block__image .block__image--portrait {
        display: none
    }

    .block--landscape-large .block__content {
        max-width: 390px
    }

    .block--landscape-large .block__content h2 {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 38px;
        line-height: 3.8rem
    }
}

.block--profile {
    display: block
}

.block--profile h2 {
    margin-bottom: .5rem;
    text-transform: initial
}

.block--profile p:first-of-type {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

@media only screen and (min-width:600px) {

    .module--children-home .grid .grid__item:nth-child(1),
    .module--children-home .grid .grid__item:nth-child(2) {
        display: none
    }
}

.media {
    background-color: #fff;
    position: relative;
    width: 100%;
    -moz-transition: box-shadow .25s;
    -o-transition: box-shadow .25s;
    -webkit-transition: box-shadow .25s;
    transition: box-shadow .25s
}

.media:hover {
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .3);
    z-index: 1
}

.slick-slide .media:hover {
    -webkit-box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, .3)
}

.media--report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.media__image-bg {
    display: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.media__content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 3rem 2rem 3rem;
    min-height: 200px;
}

.media__content h2 {
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 400;
    margin: 1rem 0;
    text-transform: none
}

.media__content h2 a:active,
.media__content h2 a:focus,
.media__content h2 a:hover {
    text-decoration: underline
}

.media__content+.media__image {
    margin-top: auto;
    min-height: 100px
}

.media__image+.media__content {
    padding-top: 3rem
}

.media--news .media__content h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

.media--report .media__content {
    padding-bottom: 2rem
}

.media__download {
    padding: 0 3rem 2rem;
    width: 100%
}

@media only screen and (min-width:1100px) {

    .media-results .grid .grid__item:nth-of-type(1),
    .media-results .grid .grid__item:nth-of-type(2) {
        width: 50%
    }

    .media-results .grid .grid__item:nth-of-type(1) h2,
    .media-results .grid .grid__item:nth-of-type(2) h2 {
        font-weight: 700
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news,
    .media-results .grid .grid__item:nth-of-type(2) .media--news {
        min-height: 440px
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__image-bg,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__image-bg {
        display: block
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__image,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__image {
        display: none
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__content:not(.media__content--block) h2,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content:not(.media__content--block) h2 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 34px;
        line-height: 3.4rem
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__content--block,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content--block {
        background-color: #c91212;
        /*background:-webkit-linear-gradient(top,#c91212,#000000);background:-o-linear-gradient(bottom,#c91212,#000000);background:-moz-linear-gradient(bottom,#c91212,#000000);background:linear-gradient(to bottom,#c91212,#000000)*/
        ;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        margin-bottom: 5rem;
        max-width: 390px;
        padding: 4rem 3rem 2.5rem;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__content--block .link--primary,
    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__content--block h2,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content--block .link--primary,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content--block h2 {
        color: #fff
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--news .media__content--block .link--primary a::after,
    .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content--block .link--primary a::after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.703l5.595 5.594L0 12.892l1.703 1.703L9 7.297 1.703 0' fill-rule='nonzero' fill='%23FFFFFF'/%3E%3C/svg%3E")
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--report h2,
    .media-results .grid .grid__item:nth-of-type(2) .media--report h2 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 34px;
        line-height: 3.4rem
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--report .btn--block,
    .media-results .grid .grid__item:nth-of-type(2) .media--report .btn--block {
        display: inline-block
    }

    .media-results .grid .grid__item:nth-of-type(1) .media--report .media__image,
    .media-results .grid .grid__item:nth-of-type(2) .media--report .media__image {
        margin-left: auto;
        margin-right: auto;
        max-width: 480px
    }
}

.share .btn {
    margin-top: 0
}

.share .btn a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 59'%3E%3Cpath d='M47 39c-2.67 0-5.182 1.04-7.07 2.93-.525.523-.976 1.1-1.366 1.708l-17.28-10.49c.457-1.143.716-2.387.716-3.692 0-1.305-.26-2.55-.715-3.693l17.284-10.41C40.344 18.144 43.455 20 47 20c5.514 0 10-4.486 10-10S52.514 0 47 0 37 4.486 37 10c0 1.256.243 2.454.667 3.562L20.36 23.985c-1.787-2.724-4.865-4.53-8.36-4.53-5.514 0-10 4.487-10 10s4.486 10 10 10c3.495 0 6.572-1.804 8.36-4.528L37.664 45.43C37.234 46.556 37 47.76 37 49c0 2.67 1.04 5.183 2.93 7.07C41.817 57.96 44.33 59 47 59s5.182-1.04 7.07-2.93C55.96 54.184 57 51.67 57 49s-1.04-5.183-2.93-7.07C52.183 40.04 49.67 39 47 39z' fill-rule='nonzero' fill='%23C91212' /%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

.share .btn a:active::after,
.share .btn a:focus::after,
.share .btn a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 59'%3E%3Cpath d='M47 39c-2.67 0-5.182 1.04-7.07 2.93-.525.523-.976 1.1-1.366 1.708l-17.28-10.49c.457-1.143.716-2.387.716-3.692 0-1.305-.26-2.55-.715-3.693l17.284-10.41C40.344 18.144 43.455 20 47 20c5.514 0 10-4.486 10-10S52.514 0 47 0 37 4.486 37 10c0 1.256.243 2.454.667 3.562L20.36 23.985c-1.787-2.724-4.865-4.53-8.36-4.53-5.514 0-10 4.487-10 10s4.486 10 10 10c3.495 0 6.572-1.804 8.36-4.528L37.664 45.43C37.234 46.556 37 47.76 37 49c0 2.67 1.04 5.183 2.93 7.07C41.817 57.96 44.33 59 47 59s5.182-1.04 7.07-2.93C55.96 54.184 57 51.67 57 49s-1.04-5.183-2.93-7.07C52.183 40.04 49.67 39 47 39z' fill-rule='nonzero' fill='%23FFFFFF' /%3E%3C/svg%3E")
}

.share ul {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-top: 5px;
    overflow: hidden
}

.share ul li {
    float: left;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 4px;
    text-align: center;
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.share ul li a {
    background-color: #fff;
    display: block;
    height: 44px;
    width: 44px
}

.share.is--active .btn a {
    background-color: #000000;
    color: #fff
}

.share.is--active .btn a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59 59'%3E%3Cpath d='M47 39c-2.67 0-5.182 1.04-7.07 2.93-.525.523-.976 1.1-1.366 1.708l-17.28-10.49c.457-1.143.716-2.387.716-3.692 0-1.305-.26-2.55-.715-3.693l17.284-10.41C40.344 18.144 43.455 20 47 20c5.514 0 10-4.486 10-10S52.514 0 47 0 37 4.486 37 10c0 1.256.243 2.454.667 3.562L20.36 23.985c-1.787-2.724-4.865-4.53-8.36-4.53-5.514 0-10 4.487-10 10s4.486 10 10 10c3.495 0 6.572-1.804 8.36-4.528L37.664 45.43C37.234 46.556 37 47.76 37 49c0 2.67 1.04 5.183 2.93 7.07C41.817 57.96 44.33 59 47 59s5.182-1.04 7.07-2.93C55.96 54.184 57 51.67 57 49s-1.04-5.183-2.93-7.07C52.183 40.04 49.67 39 47 39z' fill-rule='nonzero' fill='%23FFFFFF' /%3E%3C/svg%3E")
}

.share.is--active ul {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.share.is--active ul li {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s
}

.share.is--active ul li:nth-child(2) {
    transition-delay: .05s
}

.share.is--active ul li:nth-child(3) {
    transition-delay: .1s
}

.share.is--active ul li:nth-child(4) {
    transition-delay: .15s
}

.share.is--active ul li:nth-child(5) {
    transition-delay: .2s
}

.icon {
    position: relative
}

.icon span {
    height: 20px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    width: 20px;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon svg {
    fill: #000000
}

.icon:active svg,
.icon:focus svg,
.icon:hover svg {
    fill: #000000;
    -moz-transition: fill .15s;
    -o-transition: fill .15s;
    -webkit-transition: fill .15s;
    transition: fill .15s
}

@media only screen and (min-width:980px) {
    .grid--profile-short .grid__item {
        width: 50%
    }

    .grid--mdprofile-short .grid__item {
        width: 100%
    }
}

.red {
    color: #c91212 !important;
}

.gry {
    color: #6e6e6e;
}

.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse;
    -moz-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media only screen and (min-width:980px) {
    .profile {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media only screen and (max-width:979px) {
    .profile.profile--short {
        margin-bottom: 4rem
    }
}

@media only screen and (min-width:980px) {
    .profile__col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto
    }
}

.callusnow {
    display: none;
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 3.65em;
    right: 29px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 71%);
    padding: 6px 0 12px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #c91212;
}

.pdt_8 {
    padding-top: 8px;
}

@media only screen and (min-width:980px) {
    .profile__content {
        padding-right: 0px
    }
}

.profile__content h2 {
    color: #000000;
    margin-bottom: .5rem;
    text-transform: initial
}

.profile__content h2+p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 2rem
}

.profile__image {
    float: right;
    max-width: 500px
}

.profile--short .profile__image {
    float: none;
    margin-bottom: 2rem
}

.profiles--loading {
    position: relative
}

.profiles--loading::after {
    background-image: url("data:image/svg+xml,%3Csvg width='199' height='57' viewBox='0 0 199 57' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23C91212' fill-rule='evenodd'%3E%3Cpath d='M54.15 41v11.874H4.393V41H1v15.266h56.542V41M1 0v15.266h3.393V3.392H54.15V15.23h3.392V0M48.55 33.868h-3.794V21.845h3.794c4.008 0 6.813 2.54 6.813 6.012 0 3.446-2.805 6.01-6.813 6.01m.134-15.36H40L40.615 20v17.206h7.935c6.412 0 11.22-3.874 11.22-9.43 0-5.37-4.595-9.272-11.086-9.272M24.863 29.807l-2.218-2.325C20.935 29.086 20 30.395 20 32.64c0 2.938 2.913 5.21 6.706 5.21 2.565 0 4.676-.723 6.306-1.978l2.03 2.084 2.592-2.218-2.378-2.43c.882-1.55 1.362-3.394 1.362-5.398h-3.553c0 .855-.134 1.817-.428 2.752l-5.797-5.878c-.614-.64-.962-1.362-.962-2.003 0-.88.64-1.416 1.657-1.416 1.068 0 1.79.588 1.79 1.417 0 .508-.294 1.07-.882 1.577l2.03 2.19c1.63-1.255 2.378-2.698 2.378-4.034 0-2.19-1.976-4.007-5.45-4.007-3.07 0-5.155 1.736-5.155 4.275 0 1.363.748 2.94 2.137 4.33l6.332 6.437c-.935.748-2.19 1.23-3.874 1.23-2.458 0-3.5-1.283-3.5-2.325 0-1.015.454-1.897 1.523-2.645M11.595 32.372c0 1.47-1.416 1.87-3.42 1.87-2.645 0-4.97-.48-7.427-1.363v3.686c2.057.775 4.408 1.284 7.454 1.284 4.622 0 7.8-2.032 7.8-5.665 0-6.36-11.594-5.21-11.594-8.122 0-1.363 1.683-1.95 3.5-1.95 2.565 0 5.076.64 7.08 1.255v-3.66c-2.164-.748-4.515-1.202-7.08-1.202C3.528 18.506 0 20.83 0 24.063c0 6.946 11.595 5.343 11.595 8.31M78.408 24.063c0-1.363 1.684-1.95 3.5-1.95 2.565 0 5.076.64 7.08 1.255v-3.66c-2.164-.748-4.515-1.202-7.08-1.202-4.382 0-7.908 2.324-7.908 5.557 0 6.947 11.595 5.343 11.595 8.31 0 1.468-1.416 1.87-3.42 1.87-2.645 0-4.97-.482-7.427-1.363v3.686c2.057.775 4.408 1.283 7.454 1.283 4.622 0 7.8-2.032 7.8-5.665 0-6.36-11.594-5.21-11.594-8.122M159.64 19.95v17.258h15.79v-3.34h-11.648v-4.434h11.46v-3.34h-11.46v-4.248h11.675v-3.34H159M193.56 18.506l.615 1.523v10.5l-10.5-12.024H179l.668 1.523v17.178h4.14V24.865l10.982 12.343h3.527V18.506M106.828 20.03v9.083c.027 3.045-1.817 4.81-4.996 4.81-3.18 0-5.076-1.765-5.023-4.944V18.505H92l.668 1.523v9.083c0 5.316 3.233 8.416 9.11 8.416 5.905 0 9.19-3.1 9.19-8.578V18.506h-4.808l.668 1.523zM144.55 33.868h-3.794V21.845h3.794c4.007 0 6.813 2.54 6.813 6.012 0 3.446-2.806 6.01-6.813 6.01m.134-15.36H136l.615 1.495v17.206h7.935c6.412 0 11.22-3.874 11.22-9.43 0-5.37-4.595-9.272-11.086-9.272M118.41 28.177c0-4.248 3.526-6.065 7.186-6.065 2.083 0 4.3.428 6.145 1.47v-3.527c-1.896-1.15-4.033-1.55-6.812-1.55-6.198 0-10.928 3.98-10.928 9.672 0 6.092 4.756 9.672 10.954 9.672 2.378 0 4.756-.59 7.054-1.738v-3.527c-2.11 1.203-4.355 1.684-6.68 1.657-3.74 0-6.92-2.004-6.92-6.065'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    content: '';
    display: block;
    height: 30px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px
}

.profiles-wrapper {
    position: relative
}

.profiles {
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.profiles.profiles--hide {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.profile-single {
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.profile-single.profile-single--show {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transition-delay: .25s
}

.profile-wrapper .pagination {
    margin: 0 0 6rem
}

.profile-wrapper .pagination .btn {
    margin-top: 0
}

.fact {
    background-color: #fff;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%
}

@media only screen and (max-width:600px) {
    .fact {
        background-image: none !important
    }
}

@media only screen and (min-width:580px) {
    .fact {
        min-height: 440px;
        background-size: 100%
    }
}

.fact.fact--simple {
    background-color: transparent;
    min-height: 0
}

.fact__content {
    padding: 4rem 3rem 4rem
}

.facts__value {
    color: #000000;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 32px;
    line-height: 3.2rem
}

@media only screen and (min-width:600px) {
    .facts__value {
        font-size: 44px;
        font-size: 4.4rem;
        line-height: 64px;
        line-height: 6.4rem
    }
}

.facts__value span {
    font-weight: 700;
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 48px;
    line-height: 4.8rem;
    padding-right: .5rem
}

@media only screen and (min-width:1400px) {
    .facts__value span {
        font-size: 80px;
        font-size: 8rem;
        line-height: 70px;
        line-height: 7rem;
        letter-spacing: -4px
    }
}

@media only screen and (min-width:1400px) {
    .facts__text {
        width: 50%
    }
}

.facts__text p:first-child {
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem
}

@media only screen and (min-width:1400px) {
    .facts__text p:first-child {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 26px;
        line-height: 2.6rem
    }
}

.fact--simple .facts__text {
    width: 100%
}

.facts {
    font-family: 'Noto Sans KR', sans-serif;
    ;
    margin: 4rem 0;
    padding-bottom: 4rem
}

.facts .facts__panel {
    padding: 1.5rem 2.4rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem
}

@media only screen and (min-width:1400px) {
    .facts .facts__panel {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 28px;
        line-height: 2.8rem
    }
}

.facts .facts__value p {
    display: inline-block;
    margin: 0
}

.facts .facts__value p span {
    letter-spacing: -2px;
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 48px;
    line-height: 4.8rem
}

@media only screen and (min-width:600px) {
    .facts .facts__value p span {
        font-size: 62px;
        font-size: 6.2rem;
        line-height: 62px;
        line-height: 6.2rem;
        letter-spacing: -3px
    }
}

@media only screen and (min-width:1400px) {
    .facts .facts__value p span {
        font-size: 80px;
        font-size: 8rem;
        line-height: 70px;
        line-height: 7rem;
        letter-spacing: -4px
    }
}

.facts .facts__value p.facts__value_text {
    display: block;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem
}

@media only screen and (min-width:600px) {
    .facts .facts__value p.facts__value_text {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 28px;
        line-height: 2.8rem
    }
}

.facts .facts__text p {
    margin-top: 5px;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem
}

@media only screen and (min-width:600px) {
    .facts .facts__text p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 26px;
        line-height: 2.6rem
    }
}

@media only screen and (min-width:1400px) {

    .facts .facts__text,
    .facts .facts__value_text {
        width: 85%
    }
}

.job--listing {
    padding: 2rem
}

@media only screen and (min-width:600px) {
    .job--listing {
        padding: 3rem 6rem 3rem 5rem
    }
}

.job--listing:nth-child(odd) {
    background-color: #fff
}

.job--listing h2 {
    color: #000000;
    margin-top: -1rem
}

.job-details {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin: 8rem 0 4rem;
    padding: 2rem
}

@media only screen and (min-width:740px) {
    .job-details {
        padding: 4rem
    }
}

.job-details__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.job-details__text p:not(.btn) {
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
    padding-right: 2rem
}

.job-details__text strong {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    line-height: 2.6rem
}

.accordions {
    position: relative
}

.accordions-control {
    display: block;
    text-align: right
}

@media only screen and (min-width:800px) {
    .accordions-control {
        position: absolute;
        top: -60px;
        right: 0
    }
}

.accordions-control button {
    color: #000000;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: 700;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-transform: uppercase
}

.accordions-control button:hover {
    text-decoration: underline
}

.accordion {
    margin-bottom: 2rem;
    overflow: hidden
}

.accordion__header {
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-top: 6px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1.6rem 2.4rem;
    position: relative;
    text-transform: uppercase
}

.accordion__header p {
    width: 70%
}

@media only screen and (max-width:479px) {
    .accordion__header p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem
    }
}

.accordion__header strong {
    color: #000000;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    ;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-right: 1rem
}

@media only screen and (min-width:480px) {
    .accordion__header strong {
        display: inline;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 26px;
        line-height: 2.6rem
    }
}

.accordion__header span {
    font-size: 0;
    position: relative;
    width: 30%
}

@media only screen and (min-width:400px) {
    .accordion__header span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        font-weight: 500;
        padding-right: 35px;
        text-align: right
    }
}

.accordion__header span::after,
.accordion__header span::before {
    background-color: #000000;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    top: -4px;
    right: 10px;
    width: 2px
}

.accordion__header span::before {
    -moz-transition: transform .25s ease-out;
    -o-transition: transform .25s ease-out;
    -webkit-transition: transform .25s ease-out;
    transition: transform .25s ease-out
}

.accordion__header span::after {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion__header::after,
.accordion__header::before {
    background-color: #e5e5e5;
    content: '';
    height: 20px;
    position: absolute;
    top: 0;
    width: 6px
}

.accordion__header::before {
    left: 0
}

.accordion__header::after {
    right: 0
}

.accordion.is--active .accordion__body,
.accordion.is--active .accordion__header,
.accordion__header:hover,
.accordion__header:hover+.accordion__body {
    border-color: #c91212
}

.accordion.is--active .accordion__body::before,
.accordion.is--active .accordion__body:after,
.accordion.is--active .accordion__header::before,
.accordion.is--active .accordion__header:after,
.accordion__header:hover+.accordion__body::before,
.accordion__header:hover+.accordion__body:after,
.accordion__header:hover::before,
.accordion__header:hover:after {
    background-color: #c91212
}

.accordion.is--active .accordion__header span::before {
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.accordion__body {
    background-color: #fff;
    border-bottom: 6px solid #e5e5e5;
    position: relative
}

.accordion__body::after,
.accordion__body::before {
    background-color: #e5e5e5;
    content: '';
    height: 20px;
    position: absolute;
    bottom: 0;
    width: 6px
}

.accordion__body::before {
    left: 0
}

.accordion__body::after {
    right: 0
}

.accordion__content {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0 2.4rem;
    position: relative;
    max-height: 1px;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.accordion.is--active .accordion__content {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    max-height: 5000px
}

.accordion__panel {
    border-top: 2px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column-reverse;
    -moz-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4rem 0
}

@media only screen and (min-width:760px) {
    .accordion__panel {
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media only screen and (min-width:1100px) {
    .accordion__panel {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.accordion__panel ul li a {
    color: #000000;
    font-weight: 700;
    text-decoration: underline
}

@media only screen and (min-width:400px) {
    .accordion__text {
        padding-top: 4rem
    }
}

@media only screen and (min-width:760px) {

    .accordion__text {
        padding-top: 0;
        width: 300px
    }
}

.accordion__map {
    display: none
}

@media only screen and (min-width:400px) {
    .accordion__map {
        display: block;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width:760px) {
    .accordion__map {
        margin-left: 4rem;
        width: 500px
    }
}

.cookies {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background: rgba(55, 55, 55, .8)
}

@media (min-width:768px) {
    .cookies {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem
    }
}

.cookies .container {
    max-width: 80rem
}

.cookies h2 {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 500;
    margin: 0 0 10px;
    letter-spacing: normal;
    padding: 0;
    text-transform: none
}

.cookies--hide {
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    -webkit-transition: transform .2s;
    transition: transform .2s
}

.cookie-notice {
    background-color: #000000;
    color: #fff;
    padding: 8rem 0;
    position: relative;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1000px
}

@media(max-width: 600px) {

    .dropdown:not(.dropdown--language) ul>li>a:active,
    .dropdown:not(.dropdown--language) ul>li>a:focus,
    .dropdown:not(.dropdown--language) ul>li>a:hover {
        transform: scale(1.1) !important;
    }

    #about-home h2 {
        border: 0;
        float: none;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 40px;
    }

    #about-home p {
        font-size: 17px;
    }

    #facts .counter {
        width: 49%;
        display: inline-block;
    }

    #facts .counter-value {
        font-size: 50px;
    }

    .container {
        padding: 5% 15px 0px !important;
    }

    .my_h2 {
        font-size: 15px
    }

    #facts .counter p {
        font-size: 16px;
        padding-bottom: 25px;
    }
}

@media (min-width:768px) {
    .cookie-notice {
        top: 30%
    }
}

@media (min-width:768px) {
    .cookie-notice .container {
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    }
}

.cookie-notice__text {
    flex-grow: 1;
    padding-right: 50px
}

.cookie-notice__nav {
    flex-shrink: 0;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding-top: 2rem
}

@media (min-width:768px) {
    .cookie-notice__nav {
        padding-top: 0
    }
}

.cookie-btn {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
}

.cookie-btn+.cookie-btn {
    margin-top: 1.5rem
}

.cookie-btn a {
    display: inline-block
}

.cookie-btn a:before {
    content: '';
    display: inline-block;
    height: 14px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    width: 14px;
    vertical-align: middle
}

.cookie-btn a.cookie-accept {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 16px;
    line-height: 1.6rem
}

.cookie-btn a.cookie-accept:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200'%3E%3Cpath fill='%23FFFFFF' d='M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600 600-268.629 600-600S931.371 0 600 0zm257.446 281.03l124.658 124.658-389.355 389.429L468.823 918.97 344.165 794.312l-126.27-126.343 123.853-123.853 126.27 126.343L857.446 281.03z'/%3E%3C/svg%3E")
}

.cookie-btn a.cookie-settings:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200'%3E%3Cpath fill='%23FFF' d='M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600 600-268.629 600-600S931.371 0 600 0zm163.403 239.868c22.73-.064 45.519 3.784 67.163 11.572L711.108 370.898l32.959 85.034 85.034 32.959L948.56 369.434c24.922 69.263 9.648 149.8-45.85 205.298s-135.962 70.771-205.225 45.85l-339.624 339.55-117.993-117.993 339.551-339.624c-24.922-69.263-9.648-149.726 45.85-205.225 38.155-38.155 88.127-57.281 138.134-57.422zm-430.81 578.54c-13.543 13.542-13.543 35.457 0 48.999 13.542 13.542 35.457 13.542 48.999 0 13.542-13.543 13.542-35.457 0-48.999-14.679-13.344-36.351-12.267-48.999 0z'/%3E%3C/svg%3E")
}

.cookie-btn a.cookie-more:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1200'%3E%3Cpath fill='%23FFF' d='M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600 600-268.629 600-600S931.371 0 600 0zm-10.84 150.366c72.81.176 131.308 23.199 172.119 65.332s59.525 93.882 59.912 145.679c-.506 54.584-4.674 79.714-48.56 145.679S618.408 668.475 639.258 775.635l-84.229-1.465c-37.307-75.07-27.828-165.374.586-225.146s49.711-78.979 72.803-134.253c23.092-55.274-31.621-117.719-81.519-118.14s-68.904 20.18-84.521 55.444h-68.335c-5.902-3.408-18.63-7.206-14.429-69.507S516.351 150.19 589.16 150.366zm4.248 695.142c56.338 0 101.88 45.615 101.88 101.953s-45.542 102.173-101.88 102.173-101.953-45.835-101.953-102.173 45.615-101.953 101.953-101.953z'/%3E%3C/svg%3E")
}

.cookie-btn a:hover {
    text-decoration: underline
}

.cookies-settings {
    background-color: #00325a;
    color: #fff;
    max-height: 0;
    overflow: hidden;
    position: relative;
    top: 10%;
    transition: max-height .2s;
    will-change: max-height;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1000px
}

@media (min-width:768px) {
    .cookies-settings {
        top: 30%
    }
}

.cookies-settings .container {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .cookies-settings .container {
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.cookies-settings button {
    background-color: green;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-left: auto;
    padding: 5px 10px;
    outline: 0
}

.cookies-settings button:active,
.cookies-settings button:focus,
.cookies-settings button:hover {
    text-decoration: underline
}

.cookies-settings--active {
    max-height: 300px
}

.cookies-settings__toggles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 2rem
}

@media (min-width:768px) {
    .cookies-settings__toggles {
        padding-bottom: 0
    }
}

.cookies-settings__toggles+.cookies-settings__toggles {
    margin-top: 10px
}

.cookie-toggle {
    margin-right: 30px;
    max-width: 320px
}

.cookie-checkbox__label {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding-left: 28px;
    position: relative;
    text-transform: none
}

.cookie-checkbox__label:before {
    background-color: #fff;
    border-radius: 2px;
    content: '';
    display: block;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px
}

.cookie-checkbox__label:hover:before {
    background-color: green
}

input:checked+.cookie-checkbox__label:before {
    background-color: green
}

input:checked+.cookie-checkbox__label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg)
}

input:checked:disabled+.cookie-checkbox__label:before {
    background-color: #666
}

input:checked:disabled+.cookie-checkbox__label:after {
    opacity: .5
}

.cookie-checkbox__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.cookie-checkbox input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.cookie-checkbox input[type=checkbox].focusable:active,
.cookie-checkbox input[type=checkbox].focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@media only screen and (min-width:680px) {

    .hero.animate .hero__content,
    .hero.animate .hero__image {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        transition-delay: .5s
    }

    .hero.animate .hero__content {
        transition-delay: 1s
    }

    .hero.js-animate .hero__content,
    .hero.js-animate .hero__image {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
}

.hero-map-instruct.animate-remove {
    display: none !important
}

.hero-map-instruct.animate {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    transition-delay: 5s
}

.hero-map-instruct.animate .map-instruct-info,
.hero-map-instruct.animate .map-instruct-title {
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.hero-map-instruct.animate .map-instruct-info {
    transition-delay: .25s
}

.hero-map-instruct.animate .map-instruct-info::before {
    -moz-transition: height .25s;
    -o-transition: height .25s;
    -webkit-transition: height .25s;
    transition: height .25s;
    transition-delay: .5s
}

.hero-map-instruct.animate .map-instruct::before {
    -moz-transition: width .5s;
    -o-transition: width .5s;
    -webkit-transition: width .5s;
    transition: width .5s;
    transition-delay: .75s
}

.hero-map-instruct.animate .map-instruct::after {
    -moz-transition: height .25s;
    -o-transition: height .25s;
    -webkit-transition: height .25s;
    transition: height .25s;
    transition-delay: 1.25s
}

.hero-map-instruct.animate svg {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition: transform .25s cubic-bezier(.56, 1.22, .93, 1.24);
    -o-transition: transform .25s cubic-bezier(.56, 1.22, .93, 1.24);
    -webkit-transition: transform .25s cubic-bezier(.56, 1.22, .93, 1.24);
    transition: transform .25s cubic-bezier(.56, 1.22, .93, 1.24);
    transition-delay: 1.5s
}

.hero-map-instruct.js-animate {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.hero-map-instruct.js-animate .map-instruct-info,
.hero-map-instruct.js-animate .map-instruct-title {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.hero-map-instruct.js-animate .map-instruct-info::before {
    height: 0
}

.hero-map-instruct.js-animate .map-instruct::before {
    width: 0
}

.hero-map-instruct.js-animate .map-instruct::after {
    height: 0
}

.hero-map-instruct.js-animate svg {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

html[lang=ru] .site-container {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem
}

html[lang=ru] .dropdown:not(.dropdown--language) ul>li>a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width:480px) {

    html[lang=ru] .media-results .grid .grid__item:nth-of-type(2) .media--news .media__content:not(.media__content--block) h2,
    html[lang=ru] h2 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 30px;
        line-height: 3rem
    }

    html[lang=ru] .editor {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem
    }

    html[lang=ru] .media--news .media__content h2 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 20px;
        line-height: 2rem
    }
}

html[lang=ru] .module--infoblock h2 {
    font-size: 80px;
    font-size: 8rem;
    line-height: 70px;
    line-height: 7rem
}

@media only screen and (min-width:880px) {
    html[lang=ru] .editor h1 {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 54px;
        line-height: 5.4rem
    }
}

@media only screen and (min-width:1100px) {
    html[lang=ru] .block__content {
        max-width: 315px
    }
}

html[lang=ru] .footer__site {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 12px;
    line-height: 1.2rem
}

@media only screen and (min-width:600px) {
    html[lang=ru] .mapboxgl-popup {
        max-width: 330px
    }
}

.text-center {
    text-align: center
}

.pd4 {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}

@media (max-width: 767px) {
    .title-block {
        max-width: 285px !important;
    }

    .title-block__title p+h1 {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }

    .callusnow {
        bottom: 3.2em !important;
        right: 25px !important;
    }

    .module .container+.container {
        margin-top: 0rem !important;
    }

    #about-home img {
        width: 100% !important;
        border-right: unset;
    }

    .mob_p {
        text-align: left;
        margin: 0px 0%;
    }

    .header__branding {
        padding: 0px 0px !important;
    }

    .footer__navigation {
        width: 100%;
    }

    .wdth_clients {
        width: 100% !important;
    }

    .years_clients {
        width: 40% !important;
        margin: 0px auto;
    }

    .wht_h2 {
        margin-bottom: 40px;
        font-size: 33px;
    }
}

.years_clients {
    width: 15%;
}

.wdth_clients {
    width: 60%;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.section .top-side {
    text-align: center;
}

.section .top-side .title {
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
}

.section .top-side .title:after {
    content: "";
    display: block;
    width: 50%;
    border-bottom: 1px solid #494949;
    margin: 8px auto;
}

.section .top-side h2 {
    font-weight: 700;
}

.section.portfolio .filters {
    text-align: center;
    -webkit-flex-flow: column;
    flex-flow: column;
    padding: 0px;
    /*margin-top: 50px;*/
}

.filters-content .col-sm-3 {
    padding: 0px 3px !important;
}

.mb_3p {
    margin-bottom: 3%
}

.section.portfolio .filters ul {
    padding: 0;
}

.section.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
}

.section.portfolio .filters ul li:after {
    content: "";
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    background: #333;
    transition: width 350ms ease-out;
}

.section.portfolio .filters ul li:hover:after {
    width: calc(100% - 60px);
    transition: width 350ms ease-out;
}

.section.portfolio .filters ul li.active:after {
    width: calc(100% - 60px);
}

.section.portfolio .filters-content {
    margin-top: 15px;
}

.section.portfolio .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
}

.section.portfolio .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
}

.section.portfolio .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
}

.section.portfolio .filters-content .item .p-inner {
    padding: 20px 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section.portfolio .filters-content .item .p-inner h5 {
    font-size: 15px;
}

.section.portfolio .filters-content .item .p-inner .cat {
    font-size: 13px;
}

.section.portfolio .filters-content .item img {
    width: 100%;
}

.editorr>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.editorr>ul li {
    line-height: 140%;
    margin-bottom: 10px;
    font-weight: 300;
}

.editorr>ul li span {
    font-weight: 600;
}